CSS Codes
CSS Layouts
Results 1 to 2 of 2

Thread: CSS Logo Drops to center of page

  1. 07-23-2009, 04:40 PM #1
    brecken
    brecken is offline New Comer (less than 5 posts)
    Join Date
    Jul 2009
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy CSS Logo Drops to center of page

    I am using a Dynamic Drive template. The "logo" location in the CSS is where I want it but I run IE or Netscape, the logo does not apper and the column drops half the page. Why does the logo not appear and why do I have the "content" drop 1/2 page?
    CSS:
    <meta name="description" content="breckenridge & associates offers enterprising software solutions for customer relationship management, supply chain management, enterprise asset management and more. For complete details visit breckenridge-assoc.com."" />
    <link href="default.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
    <!-- start header -->
    <div id="header">
    <div id="logo">
    <p><a href="logoa.jpg">breckenridge & aocciates</a></p>

    </div>

    </div>
    <!-- end header -->
    <!-- start page -->
    <div id="page">
    <!-- start content -->
    <div id="logo">
    <img src ="logoa.jpg"
    align = top;
    height = "198"
    width = "435"
    alt = 'breckenridge & associates'>
    </div>
    <div id="content">
    <div class="post">
    Reply With Quote Reply With Quote
  2. 07-28-2009, 02:00 AM #2
    tonyking
    tonyking is offline Junior Coders
    Join Date
    Jan 2007
    Posts
    82
    Thanks
    30
    Thanked 18 Times in 17 Posts

    Default

    Looks like your logo is inside paragraph <p> tags. Paragraph tags come with default margins in most browsers. You can override the margins using .css or just move your logo outside of the paragraph tags.

    Also this:
    <img src ="logoa.jpg"
    align = top;
    height = "198"
    width = "435"
    alt = 'breckenridge & associates'>

    Is not correct... you have some syntax errors there. This is what it should look like based on what you have:

    <img src="logoa.jpg" align="top" height="198" width="435" alt="breckenridge & associates">

    I would use .css to apply the alignment, height, and width so it's better supported like this:

    <img src="logoa.jpg" alt="breckenridge & associates" style="width:435px; height:198px; vertical-align: top;">
    Last edited by tonyking; 07-28-2009 at 02:06 AM.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules