Site Links
Home
Features
Documentation
Pricing & Order
Members Area
Support Options
UBBDev.com
UBBWiki.com
Who's Online
2 registered (SteveS, Gizmo), 33 Guests and 15 Spiders online.
Key: Admin, Global Mod, Mod
Featured Member
Registered: 06/07/07
Posts: 4
Top Posters (30 Days)
Ruben 51
Gizmo 24
DennyP 24
Dunny 15
SteveS 14
AllenAyres 12
dbremer 10
SD 10
drkknght00 9
doug 8
Latest Photos
OK Corral Shoot Out
Testing
Basildon Train Station
Basildon Town Centre looking from the rounderbout
Basildon Town Square
Topic Options
#194560 - 08/17/07 02:54 PM Line breaks in lists or css post padding
ScriptKeeper Offline

veteran
Registered: 12/09/06
Posts: 1420
Loc: UK
Is there any way to put line breaks in lists?

Alternatively, where in the styles can I "pad out" the text in the post area so it doesn't look so compact?
Top
Express Hosting
Express Hosting "We are the official hosting company of UBB.threads. Ask us about our free migration services to migrate your UBB.threads installation."
#197253 - 09/14/07 06:13 PM Re: Line breaks in lists or css post padding [Re: ScriptKeeper]
ScriptKeeper Offline

veteran
Registered: 12/09/06
Posts: 1420
Loc: UK
I'm still looking for some help with this if anyone can advise.

I would like the display of my list items to change from this:
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
to this:
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
by adding line breaks between list items.
Top
#197256 - 09/14/07 06:35 PM Re: Line breaks in lists or css post padding [Re: ScriptKeeper]
SD Offline
Registered: 04/19/07
Posts: 4056
Loc: SoCal, USA
go to your Cpanel extra css happy place..

and you can add li { line-height: 2em; }

where the 2em; is the spacing..

you could use pt or px.. whatever.. fiddle with it to your liking ;\)

now you can further narrow it down to just lists in posts..

by doing

 Code:
.post-content li {
 line-height: 2em;
}


which will only affect lists in posts ;\)

keep in mind this affects ALL lists in posts..
_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I you, click this link as to why
Top
#197351 - 09/15/07 11:42 AM Re: Line breaks in lists or css post padding [Re: SD]
ScriptKeeper Offline

veteran
Registered: 12/09/06
Posts: 1420
Loc: UK
I've tried that but it doesn't just put line breaks between list items, it splits lines in the text too so it doesn't look right.

------------------------------------------------------------------------
Before example:

  • I've tried that but it doesn't just put line breaks between list items, it splits lines in the text too so it doesn't look right.
  • I've tried that but it doesn't just put line breaks between list items, it splits lines in the text too so it doesn't look right.

after:

  • I've tried that but it doesn't just put line breaks between list items,

    it splits lines in the text too so it doesn't look right.
  • I've tried that but it doesn't just put line breaks between list items,

    it splits lines in the text too so it doesn't look right.

What I'm after:

  • I've tried that but it doesn't just put line breaks between list items, it splits lines in the text too so it doesn't look right.
  • I've tried that but it doesn't just put line breaks between list items, it splits lines in the text too so it doesn't look right.
Top
#197353 - 09/15/07 12:06 PM Re: Line breaks in lists or css post padding [Re: ScriptKeeper]
SD Offline
Registered: 04/19/07
Posts: 4056
Loc: SoCal, USA
ah yes, good catch. well then don't use line-height and instead style it to add oh say bottom padding.

ie: padding: 0 0 10px 0;

that would pad the bottom. you could also do margins, but keep in mind that IE's box model and most standards browsers treat it a little differently.

just experimenting should get you what you want though ;\)
_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I you, click this link as to why
Top
#197354 - 09/15/07 12:12 PM Re: Line breaks in lists or css post padding [Re: SD]
ScriptKeeper Offline

veteran
Registered: 12/09/06
Posts: 1420
Loc: UK
Absolutely perfect! Looks the same in both IE7 and Firefox.

Thank you very much for that. Much appreciated. ;\)
Top
#197439 - 09/15/07 06:36 PM Re: Line breaks in lists or css post padding [Re: SD]
ntdoc Offline
Registered: 11/09/06
Posts: 3384
When and where possible using an "em" would be best for all browsers (though you can't use "em" everywhere, and I've not looked at this that close)
Top
#197441 - 09/15/07 07:06 PM Re: Line breaks in lists or css post padding [Re: ntdoc]
SD Offline
Registered: 04/19/07
Posts: 4056
Loc: SoCal, USA
i like using em vs pt and px... others don't. matter of fact, i believe that's the first point at which i kinda burst on to the ubbthreads scene.. Mark S and i went back/forth on it..

*sigh* seems like just yesterday \:D

it's a personal choice for me and i have a lot of reasons.

there are pros and cons on the web with css geeks going back/forth on it, so i leave you to your personal taste ;\)
_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I you, click this link as to why
Top
#197442 - 09/15/07 07:46 PM Re: Line breaks in lists or css post padding [Re: SD]
Gizmo Online   cat

Registered: 06/05/06
Posts: 14995
Loc: Portland, OR; USA
I like PX :ducks:
_________________________
Forums: UGN Security & VNC Web Design & Development
UBB.Threads: UBB.Wiki, My UBBSkins, UBB.Sitemaps
Longtime UBB Supporter, UBB Beta Tester & Resident Post-A-Holic.
UBB Modifications, Styling, Coding Services, Disaster Recovery, and more!
Top



Moderator:  AllenAyres, Harold, Ian, Ron M 
Shout Box

Today's Birthdays
No Birthdays
Recent Topics
Temporary Password email not being received
by
Yesterday at 10:02 PM
Ability to "like" individual posts (not Facebook "likes)
by doug
05/23/12 09:03 AM
Island Permissions
by ThreadsUser
05/22/12 03:03 PM
streaming video
by prkrgrp
05/20/12 07:02 PM
New Posts Corrupted? Can someone help?
by PianoWorld
05/19/12 09:41 AM
Forum Stats
10489 Members
36 Forums
33841 Topics
181707 Posts

Max Online: 978 @ 06/24/07 11:19 PM
Random Image