Questions regarding EllNav Horiz/Vert L 1col template

[Mesmer]

The sites I make are all made with html, tables a small stylesheet and a php switch

I've recenty started playing with one of the default templates in 0.13-beta4 so I could learn more about divs and css.

No I have these questions:

Check: http://www.vinyl45.nl/dwm
This is the default 'EllNav Horiz/Vert L 1col' template wich comes with the 0.13-beta4. (have not changed anything)

When you click on the first vertical link the second jumps after the first
When you click on the second vertical link the filling of tht link is no 100%

This happens in Internet Explorer, Firefox displays it ok.
How come? And where could I change this?

And while I'm at it, if someone could explain how I could put an image on the right in the header that would be much appreciated

[tsw]

that is IE rendering bug, take a look at this thread

http://forum.cmsmadesimple.org/index.ph ... 523.0.html

(It seems I have forgotten to change that in svn

[Mesmer]

Thanks, that fixed it!

[tsw]

and now its in svn (thanks for the reminder

[Mesmer]

And while I'm at it, if someone could explain how I could put an image on the right in the header that would be much appreciated

Does someone knows the answer to this question?

[Dr.CSS]

you mean like this...
http://www.multiintech.com/index.php?page=Home

CSS...
div#header{background: #A9C2E5 url(uploads/images/logo.gif) no-repeat right;color: #000dff}

div#header{background: #A9C2E5 box background color url(uploads/images/logo.gif) location & name of img. no-repeat only have img. appear once right side it's on or center;color: #000dff color of text in box}

i adjusted the height of the box to get the logo centered top to bottom

  mark

[Mesmer]

Yes, like that but I would like my logo on the left and an image on the right in the header. So two images.

[Dr.CSS]

then put 2 boxes in your header....

text here if you want
you can add text to go over the img. here
and here if you want


CSS....

div#imgleft{float:left; width:??px; height:??px; margin:??px ??px; padding:??px ??px; adjust these to your needs you may not need all of them and these can go in 2 diff. CSS as in Layout for first set then Colors for this next set, depends on how you have it set up background: #A9C2E5 url(uploads/images/logo.gif) no-repeat;color: #000dff}

div#imgright{float:right; etc. etc. etc.  }

course    imgleft,, imgright can be whatever you want...

  mark

[Mesmer]

Thanks! I'm learning a lot here 

[Mesmer]

Today I noticed that if I don't have a vertical menu option, the content moves to the left when viewed in FireFox.

See This Page in FF. The homepage is ok but when you click "Example" in the horzizntal menu you see what I mean.

I was thinking I could solve this by giving the vertical menu a fixed with but I didn't found where I could do that. Also I Thought is should be possible bij setting a vertical seperator and change the css so the seperator would be invisable. That also didn't work because I can'not get rid of the top border.

Any ideas?

[Mesmer]

anyone?

[tsw]

div#menu_vert {
width:10em;
border:1px solid red;
}

will give vertical menu fixed width

but I would probably do it differently altogether

something like

Code: Select all

<div id="content">
<div id="menu_vert">
menucontent
</div>

content
</div>

meny_vert {
float:left;
}

then menu would be on the left and content would flow around it IF there is anything to float around

[Mesmer]

where is the thumbs-up smiley  thanks.