CSS Pros! Can we all work together I need your help.

Okay so I need to finish this that I started working on in January but due to a lack of freaking time with all the print work I never got back to it till, TODAY.

What I need to know specifically is why the link rendering is not working cause I know I'm attaching the style sheet correctly. Maybe I got the formatting wrong but when I checked it I thought it was correct.

So can you guys look over this and help me I'm going to check out the CSS referance at the w3schools site.

HTML Page:
www.cbcamerica.com/test/index.htm

CSS Style sheet:
www.cbcamerica.com/test/css/ganz.css

I'm completely determined to finish this and unless my boss yanks me out of my chair I'm going to work on the website for the next two months.

Also since I know Ryan is going to help, I was wondering if you know any PHP or ASP Ryan? If you do PM me cause I wanted to disscuss something with you.


'Adventure, Excitement, A Jedi craves not these things.'
'Anger...fear...aggression. The dark side of the Force are they.'

[axoi]

What exactly are the links supposed to do?

When I cursor over the links they have a grey bar highlight...

I know both PHP and ASP BTW.


You need to put the text-decoration: none in the anchor tag like so:

#GanzNav a {
text-decoration: none;
}

- Bill

Post Edited (axoi) : 4/2/2004 8:20:57 PM GMT

[Ryan8720]

Like Bill said, you have to add the a after #GanzNav. Right now you are applying the styles to the GanzNav div instead of the links in side. Using #GanzNav a {} tells it to apply the styles to all anchor tags inside of #GanzNav.



C:\DOS
C:\DOS\RUN
RUN DOS RUN

Thanks guys!


This is what I ended up doing:

a:link{
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-decoration : none;

}

a:hover{
color: #FF9900;
text-decoration : none;
}

a:visited{
color: #666666;

But I was wondering if I can add all these attrabutes to the '#GanzNav' section with out loosing the formatting.

Also I added a new nav section to the upper right hand side called '#corpNav' But the problem is that it's breaking after each link I need it to go across the screen horizontally not verticaly.

Like this:
Home About Us Divisions Contact Us Worldwide

Not this:
Home
About Us
Divisions
Contact Us
Worldwide

Also since you both now PHP and ASP. I wanted to add a database to this site to fetch info so I can update the site easily. Right now the site is over 200 pages. It was originally designed in Frontpage and when I started working here I got the MX suite and I do so much print work that I haven't gotten a chance to work on this. I have an ASP development book that I'll be reading but I want to finish the skeleton of the site being that I'm a designer then go and add the dynamic content.

I appreciate all your help so far guys and hopefully you can assit me in getting this thing up to par.


'Adventure, Excitement, A Jedi craves not these things.'
'Anger...fear...aggression. The dark side of the Force are they.'

[axoi]

Benjo,

If you have the tags bare like this:

a:link { ... }
a:hover {...}

it applies to EVERY anchor (a) tag. But if you add just the id you want like so:

#GanzNav a:link { ....}
#GanzNav a:hover {...}

Then it only applies to those anchors inside the div ( or whatever you put the id on ) tag. So anchor tags
in the rest of the body would not get the styling.

Oh for the left to right styling I'm assuming your using a block level tag around the anchor:

#corpNav <whatever tag you surround the anchors with> { display: inline; }

This will cause those tags to appear left to right.

- Bill

axoi thanks man. Now the problem all CSS codes faces is that it's not working in Safari but it works great in IE. I've made a bunch of improvement to the code but I'll upload it once I finish off all the sections. I was doing some codeing on the weekend on my own site (which is down for the meantime).

I'm using alot of CSS sites to accomplish this cause I'm still a noob. I just don't want to bog you guys down unless it's something that is killing me.

I have another question. I want to build a custom search option for the site. Right now I'm using the atomz search feature extension for Dreamweaver but I wanted to build my own. What do you think I should use to get this thing done.

Also I'll probably post an update cause I have to get this done and I'm going to actually work instead of spending my day here. LOL! Yea sometimes you have to do it.


'Adventure, Excitement, A Jedi craves not these things.'
'Anger...fear...aggression. The dark side of the Force are they.'

[Ryan8720]

Personally, I would use Google. http://www.google.com/searchcode.html



C:\DOS
C:\DOS\RUN
RUN DOS RUN

[Ryan8720]

Also, I noticed that you aren't using a doctype on the page. That could be one of your safari problems.



C:\DOS
C:\DOS\RUN
RUN DOS RUN

Thanks Ryan on both of those tips.

I'm using:
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'
'http://www.w3.org/TR/html4/loose.dtd'>

But does this support CSS?


'Adventure, Excitement, A Jedi craves not these things.'
'Anger...fear...aggression. The dark side of the Force are they.'

[Ryan8720]

Yep, that will work, just make sure you put it at the top of all your pages.



C:\DOS
C:\DOS\RUN
RUN DOS RUN