...

View Full Version : Help needed with lists



Doctor_Varney
11-03-2011, 06:30 PM
I'm trying to make two different definition lists. One that is floated and another one that is vertical. I can make one or the other but how can I make them different? Please can someone explain how to do this? Do I use classes or ids and if so, how do I do this?

Doctor_Varney
11-03-2011, 06:31 PM
Basically, I want:

-
-
-
-
-

Then I want: - - - - - and I want it all to wrap around a picture.

Excavator
11-03-2011, 06:39 PM
Hello Doctor_Varney,
Long time no see!

You could use either id or class to style your two dl's differently. If you plan on having several dl's on one page, use a class.

Would look something like this:

<dl class="one">
<dt>title</dt>
<dd>item</dd>
<dd>item</dd>
<dd>item</dd>
</dl>
<dl class="two">
<dt>title</dt>
<dd>item</dd>
<dd>item</dd>
<dd>item</dd>
</dl>

And some CSS for that might start like this:


.two dt, .two dd {float: left;}

alykins
11-03-2011, 06:41 PM
<div id="boxWrap">
<div id="colRight">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

<img id="myimg" />

<div id="bottomBan">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>




#boxWrap div, ul, li, img{padding:0px; margin:0px; border:none;}
#boxWrap {height: 600px; width: 600px;}
#colRight {height: 400px; width: 200px; float:left;}
#myimg { float:right; height: 400px; width:400px;}
#bottomBan{clear:right; width: 400px; height:200px;}
#bottomBan ul li, #bottomBan ul{float:right;}

alykins
11-03-2011, 06:43 PM
oops, missed "data list"... (thought the "ticks" were desired)
Excavator's would work too, i just made it "wrap around the image" you mentioned

Doctor_Varney
11-03-2011, 07:26 PM
Thanks. In the end, I went for a paragraph for the longer lists. It's not a webpage, but a CV which I can put on the web and send to clients as a file.

Thanks anyway, because the answer is noted and it's very likely to come in useful for a future project.

Yes, Exc. Long time, no see. I only do web publishing when I absolutely have to - because I'm absolutely no good at it. I've changed career which means I don't have to go near computers much these days... which is a relief!

Cheers

Dr. V



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum