straightryder Posted March 9, 2010 Report Share Posted March 9, 2010 (edited) Hello, back again pulling out my hair... with another newbie question. So... did i do this correctly or should I just leap off a tall buildin'? CSS: #nav { width:170px; float:right; margin-top:70px; } #nav ul { width:170px; display:block; list-style:none; padding:0px; margin:0px; } #nav li a:link { text-decoration:none; color:#9cdbfb; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; } #nav li a:hover { color:white; text-transform:uppercase; } #nav li {margin-bottom:3px;} .airport { height:70px; font-size:20px; background-color:#000; border-bottom:thin inset white; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image:url(images/menu_icons/airplane_selector.png); background-position:5%; background-repeat:no-repeat; } ** .airport .banking .beaches .embassys.... etc: each have a different icon for each list item. Now, when I try to close off the in DW it automatically requests an immediately after the closing . Am i missing something here? HTML: Airports Banking Beaches Embassy's Hotels Hospitals Kingdom Rules Media Taxi Tours Training Weather Edited March 9, 2010 by straightryder Quote Link to comment Share on other sites More sharing options...
BeeDev Posted March 9, 2010 Report Share Posted March 9, 2010 Look at your tags carefully: There's no such thing called "" It should be: Airports Banking Good luck and don't jump! Quote Link to comment Share on other sites More sharing options...
straightryder Posted March 9, 2010 Author Report Share Posted March 9, 2010 DAM! LOL SUCH A DORK!!! i seriously have been starring at the monitor tooooo LONG. Quote Link to comment Share on other sites More sharing options...
straightryder Posted March 9, 2010 Author Report Share Posted March 9, 2010 (edited) this is getting better...BeeDev i fixed the moronic and it worked. Now i got this issue: Now the a:links sit at the very top when im trying to center them... I tried padding and margin but zero movement to get them centered. I've tried padding but that just creates more black space an' adding margins isn't working. Edited March 9, 2010 by straightryder Quote Link to comment Share on other sites More sharing options...
BeeDev Posted March 9, 2010 Report Share Posted March 9, 2010 Can't really help without a link to a page, a cropped screenshot doesn't tell me anything Quote Link to comment Share on other sites More sharing options...
straightryder Posted March 11, 2010 Author Report Share Posted March 11, 2010 BeeDev did you get my msg in your inbox? Quote Link to comment Share on other sites More sharing options...
BeeDev Posted March 11, 2010 Report Share Posted March 11, 2010 Yea. In your style.css on line 98 change the line that says: #nav li a:link { to #nav ul li a { That should do it. Also thing to note is: This fix will make the a:visited bits on your css stop working, because the normal "#nav ul li a" will keep overwriting the ".theaters a:visited" and similar rules. Because the statement: "#nav ul li a" has 1 ID in it, and your "a:visited" statements only have classes in it. So the rule of thumb is: ID > Class > Tag A CSS statement that has 2 ID's on its declaration (for example: "#wrapper #nav ul li a") will always override a rule with 1 ID on its declaration (the last example would override a statement like: "#nav ul li a" because there's only 1 ID here). Same rule applies to classes, a declaration with 2 classes will override declaration with 1 class and no ID's in it. This is referred to as "CSS specificity" you can read a very simple article about how to calculate specificity here: http:// htmldog.com/guides/cssadvanced/specificity/ (Remove 1 space) Quote Link to comment Share on other sites More sharing options...
straightryder Posted March 14, 2010 Author Report Share Posted March 14, 2010 merci:) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.