Quick Login
A webmaster forum specifically catering for Australian site owners. We discuss site development, marketing and management issues.
Please welcome our newest member, HaMiDoZ!
Spice up your web site with the ultimate community message board solution!
Fake Id'sGet fake Id's made right now!
vBSEOSearch Engine Optimization for your VBulletin Forum.
AdminFusion
»
vb nav styling problem
08-21-2006, 03:33 AM
| #1 |
| | |||||
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois  
| vb nav styling problem Okay, I'm working on a new vbulletin skin form my site. I did the graphic work first, now I'm coding it. Here is a screenshot. The top navbar you see is the actual coded version. The botton view is the graphic version, the version I want it to look like. Main problems: 1) if you look closely, on the coded version there's a small back section to the left of the "home" link, and a little bit of extra to the far right. 2) the font - I have it set to Verdana, but it simply isn't showing up that way.  Styles applied in addition to the default: Code: p {font-family: Verdana;}
#menu_hover a
{
line-height:12px;
color:#ffffff;
font-family:Verdana;
size:12px;
background-color:#000000;
padding-right:16px;
padding-left:16px;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
}
#menu_hover a:hover
{
line-height:12px;
font-family:Verdana;
size:12px;
color:#000000;
background-color: #ffffff;
padding-right:16px;
padding-left:16px;
padding-top:5px;
padding-bottom:5px;
text-decoration: none;
} Any help is appreciated.  | ||||
| |
|
08-21-2006, 10:36 PM
| #2 |
| | |||||
|
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois
| A suggestion, perhaps? | ||||
| |
|
08-21-2006, 11:25 PM
| #3 |
| | ||||||
Title: Gas 1.43
Join Date: Feb 2006 Posts: 3,984 Location: back in TX   
| Quote:
Optimize your CSS, please. It makes it easier to digest. I took the CSS in your code box above, and optimized it: (and spaced it out for better readability) Code: p {font-family: Verdana;}
#menu_hover a,
#menu_hover a:hover {
font-family:Verdana;
size:12px;
line-height:12px;
color:#FFF;
background-color:#000;
padding:5px 16px;
text-decoration: none;
}
#menu_hover a:hover {
color:#000 !important;
background-color: #FFF !important;
}
__________________ I went to Vegas, and all I got was this Blister. - true story! | |||||
| |
|
08-22-2006, 01:21 AM
| #4 |
| | |||||
|
Title: Forum Addict
Join Date: Jan 2006 Posts: 1,338 Location: Illinois
| Eh, thanks. While it may make the code a bit more clean, still doesn't help with my problem.  | ||||
| |
 |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | |
| |
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Coding problem in new vb forum/skin -page loads saying 'Done but with errors on page' | mbradford | vBulletin | 3 | 07-07-2006 08:47 PM |
| Spontaneous VB style problem | Lpspider | Graphics and Design | 5 | 06-28-2006 12:04 PM |
| vB Chat Options--Which is best? | gprime | vBulletin | 0 | 12-11-2005 02:44 AM |
| Problem in styling the ranks | KC | phpBB | 12 | 09-25-2005 05:28 PM |
Linear Mode
