html/css vraag

Freestyle schreef:

Ik heb ondertussen nog een vraag. Nu wil ik in mijn menu een button. dus als je
tekst dat die tekst dan in een button komt.

ik heb:
style:

#main {
background:#1f61e8; 
width="100%" 
height:41;}
#menu {
margin:0 auto; 
background:#1f61e8 url(images/menu.png) no-repeat; 
width:1000px; 
height:41px;}
#menu ul{
margin:0;
padding:0px 0px 0px 0px;
float:left}
#menu li{
float:left;
height:41px;
list-style-type:none }
#menu li a:link, .menu li a:visited{
display:block; 
float:left; 
height:29px; 
font:bold 13px Arial, Helvetica, sans-serif; 
color:#FFF; 
text-decoration:none; 
text-align:center; 
padding:13px 33px 0px 33px;}

Ik had eerst gedaan:

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0px 0px 0px 0px;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0px 33px; background:url(images/menu_button.png);}

Het is praktischer als je enters gebruikt Dreamweaver kan automatisch netjes de lay-out van de code maken. Maar als je dus dat netjes doet, is het voor ons ook leesbaarder
Jammer alleen, dat er op one2xs.com geen highlighting van code is

Martijnn schreef:

Eerdere citaten tonen

Freestyle schreef:

Ik heb ondertussen nog een vraag. Nu wil ik in mijn menu een button. dus als je

tekst dat die tekst dan in een button komt.

ik heb:
style:

#main {
background:#1f61e8; 
width="100%" 
height:41;}
#menu {
margin:0 auto; 
background:#1f61e8 url(images/menu.png) no-repeat; 
width:1000px; 
height:41px;}
#menu ul{
margin:0;
padding:0px 0px 0px 0px;
float:left}
#menu li{
float:left;
height:41px;
list-style-type:none }
#menu li a:link, .menu li a:visited{
display:block; 
float:left; 
height:29px; 
font:bold 13px Arial, Helvetica, sans-serif; 
color:#FFF; 
text-decoration:none; 
text-align:center; 
padding:13px 33px 0px 33px;}

Ik had eerst gedaan:

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0px 0px 0px 0px;float:left}
#menu li{float:left;height:41px;list-style-type:none }
#menu li a:link, .menu li a:visited{display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:13px 33px 0px 33px; background:url(images/menu_button.png);}

Het is praktischer als je enters gebruikt Dreamweaver kan automatisch netjes de lay-out van de code maken. Maar als je dus dat netjes doet, is het voor ons ook leesbaarder
Jammer alleen, dat er op one2xs.com geen highlighting van code is
Dat is gewoon je eigen script manier.
Ik deed het eerst ook altijd zo. maar ik vind dit eigenlijk wel fijner.

Maar ontopic weer

#main {background:#1f61e8; width="100%" height:41;}
#menu {margin:0 auto; background:#1f61e8 url(images/menu.png) no-repeat; width:1000px; height:41px;}
#menu ul{margin:0;padding:0 0 0 0;float:left}
#menu li{float:left;height:41px;list-style-type:none }

#menu li a.link{height:41px; background:url(images/menu_button.png) no-repeat;display:block; float:left; height:29px; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:center; padding:10px 0 0 0;}

#menu li a.link:hover {height:41px; height:29px; display:block; color:#efefef; text-decoration:none; text-align:center; padding:10px 0 0 0;}

je zou de hover ook nog een andere afbeelding mee kunnen geven zodat het veranderd als je er met je muis overheen gaat.
html:

<a class="link" href="url">naam</a>