DH Templates - Is there somebody good in CSS?? I have a problem?

Is there somebody good in CSS?? I have a problem?

I'm using css to make a web page. I made all the site, by looking at tutorials on a template. But, forgot to put Header image(On top of the page). Now, when i try to put it on top, i put the code just next to <body> in html file, but somehow, image comes behind the navigation menu which is in the next line. Its like header layer is behind the menu layer, whereas, it should be on top of it. What to do? I'm just learning css & making the page on notebook. It's not online

Public Comments

It would probably help to point to the web page in question... If you are using style sheets (CSS), then it is possible that the class or ID for the navigation menu or the header image is repositioning things. If it's straight HTML, then it is possible that you've placed the image in a funny location in the markup, and the web browser you are using doesn't know what to do with it. Does the same thing happen in Firefox and Internet Explorer?
<body id="watercolors"> <div id="bodywrap"> <div id="wrapper"> <div id="iewrapper"> <div id="superwrapper1"> <div id="superwrapper2"> <div id="header"> <h1>David Laakso</h1> <img src="fineart/site/common-images/dingbat.gif" width="9" height="11" alt="" /> <h2>Paintings . Drawings . Sculpture</h2> </div> <div id="container"> <div id="content"> <div> <div>
If this is external CSS file, you have to put your link between the "head" tag, for example: <head><link href="my.css" rel="stylesheet" type="text/css"></head> try copy and paste the code bellow to your html editor then preview it in your web browser see what happens. <html> <head> <style type="text/css"> body{ font-size:16px; color:#333333; margin-left:60px; margin-top:0px; margin-right:60px; margin-bottom:60px; } p{font-size:16px; color:#333333; text-indent:50px; width:600px; } img{ float:left; } ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; } a { float:left; width:10em; text-decoration:none; text-align:center; color:white; background-color: #6699CC; padding:0.2em 0.6em; border-right:1px solid white; } a:hover {background-color:#ff3300} li {display:inline} </style> </head> <body> <img src="http://www.8land.com/images/home_logo.png" border="0"> <ul> <li><a href="http://www.8land.com">My Link one </a></li> <li><a href="http://www.8land.com">My Link two </a> </li> <li><a href="http://www.8land.com">My Link three</a></li> <li><a href="http://www.8land.com">My Link four</a></li> </ul> <p> In the example above, we let the ul element and the a element float to the left. The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line. The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font). We add some colors and borders to make it more fancy. In the example above, we let the ul element and the a element float to the left. The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line. The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font). We add some colors and borders to make it more fancy.</p> <p>In the example above, we let the ul element and the a element float to the left. The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line. The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font). We add some colors and borders to make it more fancy. In the example above, we let the ul element and the a element float to the left. The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line. The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font). We add some colors and borders to make it more fancy.In the example above, we let the ul element and the a element float to the left. The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line. The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font). We add some colors and borders to make it more fancy.</p> </body> </html>