Lost association to stylesheets?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
Andor
Forum Members
Forum Members
Posts: 49
Joined: Sun Feb 19, 2006 1:42 pm

Lost association to stylesheets?

Post 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  :o

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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Lost association to stylesheets?

Post by Dr.CSS »

Got Link?

  mark
Andor
Forum Members
Forum Members
Posts: 49
Joined: Sun Feb 19, 2006 1:42 pm

Re: Lost association to stylesheets?

Post 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  :)
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Lost association to stylesheets?

Post by Dr.CSS »

Yep that's a mess,
could you please paste your template?
btw the site (that has CSS) lookin nice.

  mark
Andor
Forum Members
Forum Members
Posts: 49
Joined: Sun Feb 19, 2006 1:42 pm

Re: Lost association to stylesheets?

Post 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.
Last edited by Andor on Sun Apr 02, 2006 7:31 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Lost association to stylesheets?

Post 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  :D  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]
Andor
Forum Members
Forum Members
Posts: 49
Joined: Sun Feb 19, 2006 1:42 pm

Re: Lost association to stylesheets?

Post 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 :)
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Lost association to stylesheets?

Post by Dr.CSS »

you are welcome,  it would be nice if we could incorporate PSPAD Editor into CMSMS or something with syntax hilighting,

  mark
Post Reply

Return to “Layout and Design (CSS & HTML)”