Layout of EllNav Horiz/Vert L 1col

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"
Locked
peugeot-304

Layout of EllNav Horiz/Vert L 1col

Post by peugeot-304 »

Dear experts,

So far I'm absolutely happy with this great CMS. I managed to get everything working the way I want it to. Now I'm trying to fine tune my new project and have a couple of questions:
1. Under the vertical navigation bar I would like to present some .jpg or .gif's.

    I arranged the layout like:
    div#main {
        float: right;
        width: 75%;
        display: inline;
        padding: 0 2%;
    }
    div#menu_vert {
        float: left;
        width: 150px;
        display: inline;

2. Or If no picture is displayed there I would like to insert a NEWS box in that place.

Well if somebody could give me a hint I would appreciate.

For an impression of that site you can visit: http://www.hoeyng.nl/index.php

Kind regards
Dieter
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Layout of EllNav Horiz/Vert L 1col

Post by Dr.CSS »

you could...

     
 
     
        Sub Navigation         
    (yourmenu)
     
     
     
        {content block='newsblock2title' oneline='true'}
  this gives you a title box
      {content block='newsblock2'} this gives you an edit content box when you edit the page like the {content} tag
       
   

     

give the #sidebar{float: left;width: 150px; display: inline;} from the menu_vert, which you may have to change the styling for...
news block can take anything the regular {content} can, images, news tag, etc. etc....
peugeot-304

Re: Layout of EllNav Horiz/Vert L 1col

Post by peugeot-304 »

Okay and thanks, you really puzzled me with this answer!!!!

But finally I managed to get the code correctly in the template and stylesheet without distorting the whole layout.
Only question that comes up now is: where can I add and edit the content of that box????

Thanks in advance

Dieter
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Layout of EllNav Horiz/Vert L 1col

Post by Dr.CSS »

open a page that uses that template, if none use it yet you can Add Content then switch that page to that template, add some content to the first box, clik submit, then reopen that page and you should see the extra 'boxes'...
peugeot-304

Re: Layout of EllNav Horiz/Vert L 1col

Post by peugeot-304 »

Okay and thanks, Mark.
Got it working as you can see on the home-page
Then I tried to change the layout and I think I screw it up this time. Just can't find my way back.
The vertical menu is off-set by a few pixels and I can't get it back. It was meant to have an off-set for the box you advised me on.

Would be great if you could help me out again

Dieter
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Layout of EllNav Horiz/Vert L 1col

Post by Dr.CSS »

this is it ... good idea not to leave numbers without px or something on the end... only number that can stand on it's own w/o messing things up is 0... might want to go thru and delete any empty calls in your CSS...

#menu_vert, #menu_vert ul {
  margin: 5;
  padding: 1;
  }

try this

#menu_vert, #menu_vert ul { 
  margin:;
  padding: 0;
  }
peugeot-304

Re: Layout of EllNav Horiz/Vert L 1col

Post by peugeot-304 »

Hi Mark, sorry for not giving a reply earlier. I was just too busy. Thanks again for you help but this Layout problem I could not solve despite your assistance. I checked all the stylesheets but could not find any value without px or something. So I decided to recovered a previous back-up from the database and changed over to EllNAv with 2 col's for this particular page. This will do as well.

Thanks again
Dieter
Locked

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