waaler Posted February 22, 2007 Share Posted February 22, 2007 Hello,My problem is that I want to have a list that contains links, but I also want to restrict its width to 230px. When the text and link is wider than this, then the link is split onto the next line, but the next item in the list does not move down. So the link from above it is over lapping it.You can see the problem here: www.in-the-woods.net/archives.htm The code is:CSS div.archivelist {position: absolute; top: 490px; left: 520px; width: 230px}ul.archivechoice {font-family:serif; line-height: 1.4} HTML <div class="archivelist"><ul class="archivechoice"><li>Dagmar Baumunk<a href="archives/pdfs/sex_and_cinema.pdf"> ###### and Cinema</a></li><li>Jane Masumy <a href="archives/pdfs/curiosities_of_german.pdf"> The Curiosities of the German Language </a></li><li>Lone Bodot<a href="archives/pdfs/whitehouse.pdf"> Noise? Yes. Music? No.</a></li><li>Mark Simmons<a href="archives/pdfs/too_stupid_to_say_no.pdf"> Too Stupid to Say No</a></li><li>Dagmar Baumunk <a href="archives/pdfs/how_films_save_your_life.pdf"> How Films Save Your Life</a></li><li>Stroppychik<a href="archives/pdfs/pregnanncy.pdf"> A Case of Pregism?</a></li><li>Mark Simmons<a href="archives/pdfs/too_stupid_to_enjoy_christmas.pdf"> Too Stupid to Enjoy Christmas</a></li><li>Dagmar Baumunk<a href="archives/pdfs/last_tango_in_paris.pdf"> Last Tango in Paris - No Middle of the Road</a></li></ul> <div class="archivetail"> <img class="tail" src="images/archivestail.jpg"/> </div></div> Is it simply not possible to do this, or am I doing something wrong?I know I could lay it out using the p tag with breaks, or something else, but i want to use a list.If anyone has an idea, please let me know. Link to comment Share on other sites More sharing options...
Err Posted February 23, 2007 Share Posted February 23, 2007 So your listed items are not automatically moving down underneath the previous listed item? This is the way I understood it.Try this.CSS: li { display: block; width: 230px;} Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now