CSS - link vs. @import

D

Dan E

I'm experiencing problems with linked external style sheets (some styled
elements don't always appear as they ought), and, thinking some of those
problems may be to do with the different ways linking and @importing work, I
tried changing from linking to @import. However, when I changed my HTML
from link (the stylesheet) to "<!--import url(st11.css)-->" it screwed up
the appearance of the page - seemed to change inheritance or precedence or
something. I've published the two (identical) web pages in a test site here
http://dellis.biz/sites/compare - the linked page is index.html, which comes
up when opening the site, and index2.html uses @import. Actually, both
pages are attached to dynamic web templates, which themselves use the same
external style sheet. Index.html attaches to st11.dwt, which links to
st11.css, and index2.html uses st11_2.dwt, which @imports st11.css but is
otherwise identical. I've put a hyperlink to index_2 in the home page for
convenience. Note that URLs for this site are case-sensitive. If anyone
would care to take a look and point out the problem(s), I'd be REALLY
grateful.... What I'm trying to do (among other things) is to control the
appearance of all the link bar links, so that they use black or Teal as
normal appearance, changing to red underlined on mouseover/hover - the top
(immediately above the <h1> heading) and third link bar down (the one
starting with a link to a payment calculator) are particularly puzzling.
Then of course there's the very different appearance of the two pages due (I
presume) to the different ways linking and @importing are handled. Any
guidance or enlightenment VERY gratefully received.

TIA,

Dan
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top