Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Help required with <a> tag.


alt131 - 7:03 pm on Dec 31, 2008 (gmt 0)


welcome to webmasterworld BinaryBird ;)
<a href="#">Link text</a>, the display is : ________ .
To clarify, are you saying that in the links you are trying to add you can't see the text between the <a>'s, but you can see only an "underline", or are you saying you can see text with an underline?

I second the suggestion to start by validating the html and css, and then using Firebug in Firefox to inspect the <a>'s you are trying to add (plus other elements). However, you have said you are new to css, so maybe helpful to look at the Css Crash Course [webmasterworld.com] before you do.

I think he is defined certain styles for the <a> tag which i am not able to figure out.
See Part 4 which how to style links under "anchor Pseudo Classes".

But the links in the other part of the page are working perfectly.
There could be a number of reasons for that, but read about selectors and specificity in Part 2.

Great to avoid code dumps ;), but the css for the links might make it easier to make suggestions. However, here are other things to think about while exploring with Firebug:
# whether the color of the link makes it invisible against the background / background images
# whether the "underline" is a border (not the default text-decoration:underline) with a different colour that makes it visible although the text is not
# whether there is a padding/margin applied to an element that is positioning the <a> so the text is "clipped"

have fun, and post back the css for the links if nothing helps ;)

@g1smd
I would make sure the HTML uses proper block elements to enclose the content (i.e. no "anonymous" blocks),
Can you explain the reasoning for this?


Thread source:: http://www.webmasterworld.com/css/3815745.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com