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
--
Dan E
webbie(removethis)@preferredcountry.com
Similar Threads
