unlisting a list (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

Lazykatz -> unlisting a list (9/1/2007 5:39:25)

Hi all,

Can anybody tell me how to, if there is a way, or refresh my memory, to get a list to act like normal text.

It is a who's/new online box, and I've tried adding/removing code to no prevail.

Current CSS:

#block-user-2 a, #block-user-2 li, #block-user-2 ul {
display: inline;
list-style: none;
white-space: nowrap;
margin:0;
padding:0 1px 2px 1px;
background-image: none;
font-size: 96%;}


Page view
Login: demo/demo
Right column

Firefox, explorer needs tweaked, of coarse.

Thanks in advance,
Grizz





Tailslide -> RE: unlisting a list (9/1/2007 6:22:37)

It looks ok to me, all inline as I'm guessing you want... what's the issue? (apart from IE6 dropping a column) Although, I'd personally dump the nowrap so that it wraps properly.



Lazykatz -> RE: unlisting a list (9/1/2007 9:46:02)

THX Tailslide,

The text overflows outside box instead of moving to next line, like a paragraph.

There is 5 users in the Who's new box.
reaching for the sky, Test_Pilot, Crash_Dummy, Kat, demo2

I removed the nowrap, increased the font size and put a background color in so you can see problem better.

Yes, IE needs a tweak still, several for that matter. But if the list/text would move to next line, column would be ok in IE.

Grizz




Lazykatz -> RE: unlisting a list... solved (9/8/2007 15:03:35)

Hi all,

After a week more of trial and error, couldn't find any help, and losing my last sedative 4 days ago, I came up with this. It works weather it's right or not.

IE's column popped back in place, 1 problem down onto the next. I can't wait to see if it all still works when put into PHP (lot of trial/error) template.


#block-user-2 li {
list-style-type: none;
margin:0;
padding:0 3px 0 4px;
background: url(bull_1.png) no-repeat 0 60%;
font-size: 80%;
line-height: 95%;
float: left;
}

#block-user-2 ul {
margin:0;
padding:0;
width: 100%;
margin: 0 auto;
overflow: hidden;
}

#block-user-2 .item-list {
background: #cff;
padding: 4px 0;
border-top: 2px solid #69f;
border-bottom: 2px solid #69f;
}



Page view
Login: demo/demo
Right column

Grizz [8D]



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
6.640625E-02