PDA

View Full Version : Allen...


miguelito
Feb-11-2008, 01:27 PM
Since I've put my drop down

1/ the nav bar on home page go all on the left.

http://miguelito.smugmug.com/

2/ with IE the drop down is really well words right under the other
but on safari the words under go on the right

3/ on this page
http://miguelito.smugmug.com/gallery/4206443/1/245879709/Large

I succeed to do it well for "libro de notas" but only on firefox...when I do it on my site the words stay like this

"Libro de
notas"

and not mike this

"Libro de notas"

sorry I'la little bit lost for all I did

thank you

Allen
Feb-11-2008, 01:41 PM
Since I've put my drop down

1/ the nav bar on home page go all on the left.

http://miguelito.smugmug.com/

2/ with IE the drop down is really well words right under the other
but on safari the words under go on the right

3/ on this page
http://miguelito.smugmug.com/gallery/4206443/1/245879709/Large

I succeed to do it well for "libro de notas" but only on firefox...when I do it on my site the words stay like this

"Libro de
notas"

and not mike this

"Libro de notas"

sorry I'la little bit lost for all I did

thank you
Add the red below this one.

.menu ul li a,
.menu ul li a:visited {
...
...
}

#navcontainer2.menu ul li a,
#navcontainer2.menu ul li a:visited {
width: 120px;
}


At the end of all your navs with drops, change all these. Move the </ul>
to before the <!--[if......

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</ul>
</div>

to this

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>


Add the comment tags in red, Not a good idea to embed tags within tags, IE might croak.

/* border: 1px solid red; */ /* start your design with borders on, easier to position DD's & FO's */
/* border-width: 1px 1px 1px 1px;*/


Still looking at other stuff.

Allen
Feb-11-2008, 02:01 PM
Since I've put my drop down

1/ the nav bar on home page go all on the left.
...
Add/change all the red below.

.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 750px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
margin: 0 auto; /* this should center navbar, if not tweak with left's below */
}

#navcontainerHP.menu {width: 550px;}



.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 1em; /* main buttons */
color: #fff; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 120px; /* main box width */
height: 20px; /* main box height */
/* border: 1px solid red; */ /* start your design with borders on, easier to position DD's & FO's */
/* border-width: 1px 1px 1px 1px;*/
background: #000015; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}

#navcontainerHP.menu ul li a,
#navcontainerHP.menu ul li a:visited {
width: 130px;
}

miguelito
Feb-11-2008, 02:15 PM
Add/change all the red below.

.menu {
position: relative;
display: block;
z-index: 99;
padding: 20px 0px 30px 0px; /* spacing around menu - top right bottom left */
height: 20px; /* menu container (div .menu) */
width: 750px; /* width of menu - minimize this until doesn't wrap to two lines - too large effects centering */
margin: 0 auto; /* this should center navbar, if not tweak with left's below */
}

#navcontainerHP.menu {width: 550px;}



.menu ul li a,
.menu ul li a:visited {
display: block;
font-size: 1em; /* main buttons */
color: #fff; /* main buttons text non-hover*/
text-decoration:none;
text-align: center; /* centers text in buttons */
width: 120px; /* main box width */
height: 20px; /* main box height */
/* border: 1px solid red; */ /* start your design with borders on, easier to position DD's & FO's */
/* border-width: 1px 1px 1px 1px;*/
background: #000015; /* main button color */
padding-left: 0px;
line-height: 20px; /* positions text up/down in box */
}

#navcontainerHP.menu ul li a,
#navcontainerHP.menu ul li a:visited {
width: 130px;
}



I did all and more for Nav1 /2 /3 / 4

It's ok thank you...but hard for me to learn all this