Hey everyone,

http://dgtlhrne.com/freemusic.html

i can't put outlines around the buttons that navigate the site. The areas that read "free music," "product," "events," and "culture" need outlines so the buttons stand out. but whenever i try, i can't seem to get it to work. I pulled this bit off another site (cafe bustelo) and am a little over my head. Please help!

Thanks,
-Aldo

Like a border?
http://htmlhelp.com/reference/css/box/border.html

thanks, Pandy. Unfortunately, it doesn't show up when i do it. everything shifts over, but nothing actually shows up. and this is with a border style, width, and color selected. am i maybe putting them around the wrong div area? and i am not totally sure, but borders and outlines are different, right? like a border takes up space, but an outline doesn't? i'm not sure i really understand.

also, on http://dgtlhrne.com why is the yellow box so much larger than the content?

thank you so much,
-aldo

DIV? Don't you want the border around the image buttons? Yes, outline and border are different, but not all browsers support outline.

yeah, i am trying to get the outline around the buttons. the images are only the text in the buttons though and not the full rectangle size. is that a possible work around? making them take up the whole area and then putting a border on it?

thanks!

Put the border on the IMGs then. If the images are bigger than the text, cut them down.

The images *are* the text, but the link size is larger than the text images.

Maybe outline is not supported by all browsers, but if you do use it, you need to apply the same attributes as with a border (style, thickness, color).
If, for compatibility sake, you choose to use border, then adapt the sizes of the links to make room for the border.

I know. But the image can be wider and higher than the text it depicts. I didn't check if it is.

hey guys, thanks for all the help. i got the borders working (although i wish i could get rid of the one at the end of the row, so if you have any ideas for that please let me know) but my biggest issue right now is on the homepage http://dgtlhrne.com i can't figure out why the yellow div box is so much bigger than the content. i can't find anywhere where the height is defined, which is what i figured was screwing things up. please help, fellas! i'm so close to finshed!

thanks,
-aldo

Don't use a border-right for the righmost omage than. You have both HTML and CSS errors. Fix those first.

Pandy is right. You need to do that only for the last <a> in the top_nav div. But since you adapted the link widths to make room for the borders, by removing the 2px on the right also means you need to reapply the 200px width on that <a> link.


How about the min-height: 190px; you set on div#main?

hey guys,

thanks for all the help! that min-height: 190px was the problem! but i don't know how to change that attributes just for a single link. is there some way to make just that last link exempt from the div#top_nav a? thanks in advance!

Not without adding something to the HTML.