navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

unlisting a list

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> unlisting a list
Page: [1]
 
Lazykatz

 

Posts: 158
Joined: 1/12/2005
Status: offline

 
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




< Message edited by Lazykatz -- 9/1/2007 5:45:59 >
Tailslide

 

Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
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.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to Lazykatz)
Lazykatz

 

Posts: 158
Joined: 1/12/2005
Status: offline

 
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



< Message edited by Lazykatz -- 9/1/2007 9:55:37 >

(in reply to Tailslide)
Lazykatz

 

Posts: 158
Joined: 1/12/2005
Status: offline

 
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 :)

(in reply to Lazykatz)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> unlisting a list
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts