En nybörjartabbe är väl att du inte har lagt css koden i en separat fil. ;)
Ge dina divar class-attribut eller id-attribut och stajla dessa från css-mallen. Försök ge dem logiska namn, och använd element för rätt ändamål.
Frågan#1
Jag har precis börjar koda med divar istället för tabeller, lättare sagt än gjort tydligen! ;D
Ser hur bra ut som helst i IE men i forefox får jag ett par mellanrum mellan divarna.
Dom markerade divarna lämnar altså ett mellanrum EFTER sig, elle rom det är diven efter som lämnar ett mellanrum före vet jag iofs inte.
[B]<div style="background-image: url(img/top_bg.jpg); background-repeat: repeat-x;">
<div><img src="img/logo_picture.jpg" height="96" width="84" alt=""/><img src="img/logo.jpg" height="96" width="311" alt=""/></div>
</div>[/B]
<div style="float: none; background-image: url(img/bg.jpg); background-repeat: repeat-x; height: 505px; padding: 15px;">
[B] <div style="float: left;"><img src="img/big_left.gif" height="28" width="9" alt="" /></div>
<div style="float: left; background-image: url(img/big_bg.gif); height:28px; width: 600px;"></div>
<div style="float: left;"><img src="img/big_right.gif" height="28" width="12" alt="" /></div>[/B]
<div style="width: 621px;">
<div style="clear: left; float: left; background-image: url(img/big_shadow.gif); height: 19px; width: 616px; border-left: 1px #A7A7A7 solid;"></div>
<div style="float: right; background-image: url(img/right_bg.gif); width:4px;"></div>
<div style="width: 162px; float: left;">
<div style="float: left;"><img src="img/meny_top_left.gif" alt="" /></div>
<div style="float: left; background-image: url(img/meny_top_bg.gif); height:21px; width: 154px;"></div>
<div style="float: left;"><img src="img/meny_top_right.gif" alt="" /></div>
<div style=" border-left: 1px #A7A7A7 solid; border-right: 1px #A7A7A7 solid; padding: 1px; background-color: #FFFFFF;">
<div style="float: left;background-image: url(img/meny_left_bg.gif); width: 21px;"></div>
<div style="background-image: url(img/meny_bg.gif); width: 133px;"></div>
</div>
</div>
<div style="float: left; width: 455px; background-color: #FFFFFF;">hhh</div>
<div style="float: right; background-image: url(img/right_bg.gif); width:4px;"></div>
</div>
</div>
Är helt ny på detta med att koda med div:ar istället för tabeller så ha lite tålamod med mig ;)
Kan ni peka ut andra nybörjar tabbar eller ge mig tips så gör gärna det!
tack på förhand