Page 1 of 1
Lost association to stylesheets?
Posted: Sat Apr 01, 2006 1:37 pm
by Andor
I'm using 0.12 and have been playing around with the CSS menu for a couple of weeks. Today I tested the EllNav ones and in the middle of that I just ended up with unstyled pages for pages still based on the CSS menu
I've cleared the cache and changed back and forth between different templates. The EllNav ones works, but some of the header styles have changed even if they look OK in the stylesheet. I looked through the list of stylesheets attached to the different templates, and everything looks as it should.
I'm really confused
Any ideas?
Thanks
Re: Lost association to stylesheets?
Posted: Sat Apr 01, 2006 6:33 pm
by Dr.CSS
Got Link?
mark
Re: Lost association to stylesheets?
Posted: Sat Apr 01, 2006 9:07 pm
by Andor
Hi Mark,
Here's the link:
http://www.uglnorge.no/cms/
The menu items 6 and 6.1 (Nettkart, Test) use the Ell/Nav. For these it seems as if the CSS is working partly - the header (h2) is supposed to be blue.
The other items are based on the CSS Vertical and for these the styling is "gone" - to where, I haven't a clue
Thanks
Re: Lost association to stylesheets?
Posted: Sun Apr 02, 2006 2:49 am
by Dr.CSS
Yep that's a mess,
could you please paste your template?
btw the site (that has CSS) lookin nice.
mark
Re: Lost association to stylesheets?
Posted: Sun Apr 02, 2006 6:07 am
by Andor
Thanks for your help and your comment about the site (it looks even nicer with the full CSS
)
My template:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- Type the title of your site here -->
<title>UGL Norge : : {title}</title>
{metadata}
{stylesheet}
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
{global_content name='JavaScript for IE page width'}
<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
</head>
</__body>
<div id="pagewrapper">
<div id="container">
<!-- start accessibility skip links -->
<ul class="accessibility">
<li><a href="#menu_vert" accesskey="s" title="Skip to navigation">Skip to navigation</a></li>
<li><a href="#main">Skip to content</a></li>
</ul>
<!-- end accessibility skip links -->
<hr />
<!-- Start Header, with logo image that links to the default start page -->
<div id="header" class="clearfix">
<h1>{cms_selflink dir="start"}</h1>
<hr />
</div>
<!-- End Header -->
<!-- ANDOR TEST AV PRINTLINK -->
<div class="rightprint ">
<hr />
{flags}
</div>
<!-- END TEST AV PRINTLINK -->
<!-- Start Breadcrumbs -->
<div class="breadcrumbs">
{breadcrumbs starttext='Du er her' root='Home' delimiter='»'}
<hr />
</div>
<!-- End Breadcrumbs -->
<!-- Start Content (Navigation and Content columns) -->
<div id="content" class="clearfix">
<!-- Start Navigation -->
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{cms_module module='menumanager' template='cssmenu-accessible.tpl'}
<hr />
</div>
<!-- End Navigation -->
<!-- Start Content Area -->
<div id="main">
<h2>{title}</h2>
{content} <br />
<!-- Start relational links -->
<div class="hr"></div>
<div class="right49">
<p><a href="#main">^ Til Toppen</a></p>
</div>
<div class="left49">
<p>{cms_selflink label="Foregående Side: " dir="previous"} <br />
{cms_selflink label="Neste Side: " dir="next"}</p>
</div>
<!-- End relational links -->
<hr />
</div>
<!-- End Content Area -->
</div>
<!-- End Content -->
<!-- Start Footer -->
<div id="footer" class="clearfix">
{global_content name='footer'}
</div>
<!-- End Footer -->
</div><!-- end container -->
</div><!-- end pagewrapper -->
<__body>
</__html>
By the way, how do you see it's a mess - just by the look of it or a peek "behind"? I've always wondered how you guys are able to help us with comments about templates and CSS, without the code pasted in a post
Always new things to learn...
Again, thanks for you help.
Re: Lost association to stylesheets?
Posted: Sun Apr 02, 2006 9:51 am
by Dr.CSS
well the page you linked to had no style,, well you know what i mean,,
i use Firefox as you may be able to tell by the shot, with the
Web Developer extension it lets you outline boxes and the CSS is on the right see the little button says CSS it has view, edit , disable, etc. the edit lets you do it live so you can watch your page change rite b4 your i's
and the
IE Tab ext. it lets you view it as IE inside of Firefox in another tab, and of course right click view source,,
so what i did to get that pic. was to go to the page that looks ok and copied the CSS in the rite hand side then went back to the first page and pasted it in the CSS window and,,, look at that p00f!
that leads me to think some how your CSS is not attached to that page or template. do the two pages have a diff. template? go to Layout>Templates on the right side you will see a little button that says css clik that and you can see what's attached,, course you've already have done that otherwise it would not have it in the CSS window from the W.D. bar,, so the only other thing mite be there are a lot of commented things in the CSS, all it takes is 1 wrong /* at the beginning and the whole thing will be ignored.
HTH
mark
[attachment deleted by admin]
Re: Lost association to stylesheets?
Posted: Sun Apr 02, 2006 11:22 am
by Andor
Mark, thank you so much for your help!
You were right - somewhere in the process of me playing around with the style sheets, I deleted an 'end comment' (*/) in one of the worst places.
I found it out by dragging the style sheets attached to the template - one after the other - into Dreamweaver, which for me is the only way to get coloured code as an assistance to see where it goes wrong (a lot of grey code instead of pink and blue)
Why I didn't try this before? I really don't know, but your comment about the */ made me see how stupid I have been not searching for these things. Well, I learned something new
One strange thing though: the */ was missing in the 'Colours' style sheet and still the layout was messed up; not just the colours. There is probably a logic explanation, but I don't understand how it fits together...
Again, thank you very much for your help and spirit. You seem to have a well of positive energy to draw from which amazes me.
Andor
P.S. Now you'll be able to see how the CSS Menu is working and how the colours are meant to work
Re: Lost association to stylesheets?
Posted: Mon Apr 03, 2006 12:23 am
by Dr.CSS
you are welcome, it would be nice if we could incorporate PSPAD Editor into CMSMS or something with syntax hilighting,
mark