Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
please help me line these soft returns up...
Old 10-09-2006, 10:40 PM please help me line these soft returns up...
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
i'm refering to the bottom left links on this site: http://www.thirdshiftstudios.net/panaboard/index.html

i tried variuos 'padding' and indents...but it wasn't going well. It would move the rollovers and reformat the column.

should look like this:
Attached Images
File Type: gif panaboardCSSissue.gif (21.8 KB, 7 views)
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
 
Register now for full access!
Old 10-09-2006, 10:45 PM Re: please help me line these soft returns up...
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
}

#button li a {
display: block;

background-color: 007DBE;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
background-color: #99cc66;
color: #fff;
}


.navboards {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #666666;
font-weight: bold;
text-indent: 10pt;
line-height: 18pt;
}
.navSupplies {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #666666;
text-indent: 10pt;
line-height: 14pt;
left: 10px;
}
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea

Last edited by 3rdShiftStudios; 10-09-2006 at 10:50 PM..
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
Old 10-10-2006, 01:01 AM Re: please help me line these soft returns up...
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,938
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Trades: 0
#button li {
border-bottom: 1px solid #FFFFFF;
margin: 0;
padding: 0;
}
Try it there.

If that doesn't work, try this:
#button li a {
display: block;

background-color: 007DBE;
color: #fff;
text-decoration: none;

padding: 0 5px;
margin: 0;
width: 207px; /* this is 217 pixels, the width of the column, - 5 pixels x 2 for padding.

}
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
(my blog)


Please login or register to view this content. Registration is FREE
(with proof)
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 10-10-2006, 02:23 AM Re: please help me line these soft returns up...
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
The issue with the links is the text-indent on .navSupplies. If I'm not mistaken the indent is just for the first line so as soon as you have the break there's no more indent. Also you used left:10px, but there is no left without either absolute or relative positioning. I think what you wanted to use was padding-left. When I changed the css to what I have below it lined up like I think you want.

.navSupplies {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #666666;
line-height: 14pt;
padding-left: 15px;
}

You're better off specifiying font sizes in 'em' or if you want a fixed measurement 'px' since 'pt' have no real meaning on a computer monitor. It's a holdover from print sizes.

You'll also want to change the text-indent on .navboards. The spacing works there since those links are only on one line at the moment, but it's padding-left you really want to use. It looked like 10pt was roughly the same as 15px.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 10-10-2006, 09:49 AM Re: please help me line these soft returns up...
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
thanks all! i'll give these a shot later tonight =)
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
Old 10-11-2006, 12:25 PM Re: please help me line these soft returns up...
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
none of those worked

vangogh's had the most obvious effect on it, but the rollover didn't stretch the width of the cell, it stopped at the edge of the indent.

any other thoughts or should i trash the soft returns [although i think the client really wants them there]
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
Old 10-12-2006, 09:47 AM Re: please help me line these soft returns up...
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
bump...
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
Old 10-12-2006, 05:14 PM Re: please help me line these soft returns up...
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Oops. Try what I have above, but move the padding to .navSupplies a

.navSupplies a {padding-left: 15px;}

That should have the rollover filling the entire menu list item.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 10-12-2006, 09:36 PM Re: please help me line these soft returns up...
3rdShiftStudios's Avatar
Ultra Talker

Posts: 252
Name: Jaison Tortorea
Location: cincinnati, oh
Trades: 0
YOUR ARE THE BOMB!

thank you sooo much, well done, sir. well done!
__________________

Please login or register to view this content. Registration is FREE
jaison tortorea
3rdShiftStudios is offline
Reply With Quote
View Public Profile Visit 3rdShiftStudios's homepage!
 
Old 10-13-2006, 04:02 PM Re: please help me line these soft returns up...
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Glad to help. Me thinks I'm detecting a little excitement in your typing.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Reply     « Reply to please help me line these soft returns up...
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.32420 seconds with 13 queries