Posted by Beauregard T. Shagnasty on 07/12/06 20:57
Water Cooler v2 wrote:
> I actually had it set at 12em before. But it still didn't work, so I
> changed it to 3em. I have changed it back to 12em and it still doesn't
> work. OK, I am posting my test page here.
>
> INDEX.HTML
>
> <HTML>
>
> <HEAD>
> <link rel="stylesheet" type="text/css" href="css.css">
> </HEAD>
>
> <BODY>
>
> <SPAN ID="sidebar">
> <P><IMG width="100%" height="40%" src="1.jpg" /><BR></P>
> <A href="Stevey.html">Stevey's Drunken Blog Rants</A><BR>
> <A href="OCaml.html">O Caml</A><BR>
> <A href="MoreOCaml.html">More O Caml</A><BR>
> </SPAN>
>
> <SPAN ID="contentPane">
> <SPAN>When you click on a link in the navigation bar, the content of
> that link appears
>
> here.</SPAN>
> </SPAN>
>
> </BODY>
>
> </HTML>
Well, that was simple to find. You are using <SPAN>s instead of <DIV>s.
Span is an inline element; div is a block-level element.
Your contentpane should be in headers and paragraphs as well, not more
spans. Your list of links in the sidebar should be a .. list.
<div id="sidebar">
<div><IMG width="[use exact pixels]" height="[use exact pixels]"
src="1.jpg"></div>
<ul>
<li><A href="Stevey.html">Stevey's Drunken Blog Rants</A></li>
<li><A href="OCaml.html">O Caml</A></li>
<li><A href="MoreOCaml.html">More O Caml</A></li>
</ul>
</div>
Style the list with your CSS.
Why not examine the source of the site I gave you a couple of posts ago?
--
-bts
-Warning: I brake for lawn deer
[Back to original message]
|