Header positioning

Forum Moderators: not2easy

Message Too Old, No Replies

Header positioning

Help!

kaymeis

12:49 pm on Nov 21, 2009 (gmt 0)

Can someone tell me why my header is not reflecting. I have cleared my cache, done all kinds of things but still no change.

here is the CSS and HTML

css

#header{
position:relative;
height:50px;
background-color:#FF1F23;
width:100%;
font-family: Roman;

font-size:24px;
color: #66ccff;
font-style: italic;
text-align: left;

.floatleft { float: left; margin: 0px 5px 5px 0px; }

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<title> Your Title Here </title>
<link rel="stylesheet" type="text/css" href="atk.css">
<meta name="Generator" content="Alleycode HTML Editor">
<meta name="Description" content="Your description here...">
<meta name="Keywords" content="Your keywords here...">
</head>

<body>
<img src="ak-shion.gif" width="63" height="40"border="0" alt="Ak-Shion" class="floatleft"/>
<h1 id="header">Ak-Shion </h1>

</div>
</body>
</html>

Jonesy

1:44 pm on Nov 21, 2009 (gmt 0)

...
...
text-align: left;
}

Jonesy

kaymeis

2:03 pm on Nov 21, 2009 (gmt 0)

I still dont see any change. Is there anything else causing this?any suggestions?

Xapti

8:19 pm on Nov 21, 2009 (gmt 0)

What is reflecting? Can you re-describe the problem?

swa66

8:56 pm on Nov 21, 2009 (gmt 0)

I'd start by validating my content.

[jigsaw.w3.org...]

kaymeis

2:49 pm on Nov 23, 2009 (gmt 0)

Xapti, the logo is aligned to the left of the header instead of the right. Also, the background color of the header and the font-color of the header isnt showing even though I've changed it.

kaymeis

2:49 pm on Nov 23, 2009 (gmt 0)

Sorry, Xapti, I meant the logo is aligned to the right instead of the left of the header.

StoutFiles

2:55 pm on Nov 23, 2009 (gmt 0)

Float the header left as well if you want them on the same line and the logo to the left of the header. If you want the logo above the header, then "clear: left;" in the header css.

Also, close your #header bracket. You forgot the "}" before the .floatleft.