Page 1 of 1
Questions regarding EllNav Horiz/Vert L 1col template
Posted: Tue May 16, 2006 7:31 pm
by 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

Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Tue May 16, 2006 7:49 pm
by 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

Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Tue May 16, 2006 7:57 pm
by Mesmer
Thanks, that fixed it!
Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Tue May 16, 2006 8:07 pm
by tsw
and now its in svn (thanks for the reminder

Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 17, 2006 2:40 am
by Mesmer
Mesmer wrote:
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?
Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 17, 2006 5:47 am
by 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
Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 17, 2006 9:14 am
by 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.
Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 17, 2006 1:14 pm
by 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
Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 17, 2006 1:46 pm
by Mesmer
Thanks! I'm learning a lot here

Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Sat May 20, 2006 4:52 pm
by 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?
Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 24, 2006 8:59 am
by Mesmer
anyone?
Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 24, 2006 9:16 am
by 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

Re: Questions regarding EllNav Horiz/Vert L 1col template
Posted: Wed May 24, 2006 9:50 am
by Mesmer
where is the thumbs-up smiley

thanks.