Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > CSS positioning

CSS positioning
Thread Tools
Fresh-Faced Recruit
Join Date: Nov 2002
Location: Boulder/Colorado Springs
Status: Offline
Reply With Quote
Nov 23, 2002, 05:34 PM
 
I'm considering using server side includes instead of frames, but I'm running into a couple of CSS related problems that did not show before. Here's the url of my site:

http://ucsub.colorado.edu/~holmgren/index.shtml

Obviously, the most important problem is that the text on the news part of the page is pushed down below the navigation bar. I suspect that this has something to do with a div clearing where I don't want it to, but I can't figure out how to fix this. Also, how do make the links on the navigation bar only always orange?
     
Fresh-Faced Recruit
Join Date: Nov 2002
Location: Boulder/Colorado Springs
Status: Offline
Reply With Quote
Nov 23, 2002, 05:44 PM
 
Well, I got the first problem solved actually. I had been looking at my code too long and kept looking over the problem. Also, what's the difference between calling divs with class or id?

Thanks
     
Forum Regular
Join Date: Jun 2002
Location: New York
Status: Offline
Reply With Quote
Nov 23, 2002, 07:12 PM
 
ID is slowly replacing NAME as a means of identifying an entity on a page. While it still works for specifying style info, it won't necessarily in the future.

Use CLASS since its only purpose in life is indicating a specific style from your sheets.

To make your .navbar links stay orange, use div.navbar a:link, div.navbar a:visited, div.navbar a:active, div.navbar a:hover {color: orange; background-color: transparent;}.

I applaud your decision to use SSI instead of frames and CSS instead of the HTML table hack.

I hope this helps.

Peter
     
Forum Regular
Join Date: Jun 2002
Location: New York
Status: Offline
Reply With Quote
Nov 23, 2002, 07:17 PM
 
OK a couple more things...

Those CSS directive I gave you are CSS2 and won't work in older browsers. Keep that in mind.

Let me explain the directive further:

You can use foo, bar {color: gray;} to make both foo and bar show up with gray text.

You can use p.title a:link {color: gray;} to make links that have not been followed within paragraphs of class title show up in gray.

Put it all together and you get the CSS2 line I gave you.

-Peter
     
Fresh-Faced Recruit
Join Date: Nov 2002
Location: Boulder/Colorado Springs
Status: Offline
Reply With Quote
Nov 24, 2002, 03:25 AM
 
Great. Thanks!
     
   
Thread Tools
Forum Links
Forum 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 On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 06:23 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2