PHP gevorderde |
|
ja hebt id= en class= het verschil zit in het hergebruiken van de css. een id="id" schrijf je met #id { en class="class" schrijf je als .class {.
geef ook het beste betekenisvolle namen aan je tags. het kan dus wel perfect om 3 divjes te combineren bvb 1 main div met daar 2 float div in.
<div class="right_exclusive_sidebox">
<div class="right_exclusive_text" align="left">
<font style="font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold" color="#55BBC8">Get an<br />Exclusive</font>
<br />
<font style="font-size:20px; font-family: Helvetica, sans-serif; font-weight: bold" color="#FF0000">Deal</font>
<a href="{$index_script}?{$mode_name}=catalog">
<img src="{$images_dir}/raviaster/right_exclusive_bullet.gif" border="0" alt="" />
</a>
</div>
<div class="right_exclusive_logo" align="center">
<a href="{$index_script}?{$mode_name}=catalog">
<img src="{$images_dir}/raviaster/right_exclusive_logo.gif" border="0" alt="" />
</a>
</div>
</div>
<div class="right_exclusive_sidebox">
<div class="right_exclusive_text" align="left">
<font style="font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold" color="#55BBC8">Get an<br />Exclusive</font>
<br />
<font style="font-size:20px; font-family: Helvetica, sans-serif; font-weight: bold" color="#FF0000">Deal</font>
<a href="{$index_script}?{$mode_name}=catalog">
<img src="{$images_dir}/raviaster/right_exclusive_bullet.gif" border="0" alt="" />
</a>
</div>
<div class="right_exclusive_logo" align="center">
<a href="{$index_script}?{$mode_name}=catalog">
<img src="{$images_dir}/raviaster/right_exclusive_logo.gif" border="0" alt="" />
</a>
</div>
</div>
.right_exclusive_sidebox {
height: 90px;
width: 234px;
margin-top: 30px;
background-image: url(images/raviaster/right_exclusive_background.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}
.right_exclusive_text {
float: left;
width: 74px;
height: 70px;
padding-left: 25px;
padding-top: 15px;
}
.right_exclusive_logo {
width: 105px;
height: 60px;
float: left;
}
.right_exclusive_sidebox { height: 90px; width: 234px; margin-top: 30px; background-image: url(images/raviaster/right_exclusive_background.jpg); background-repeat: no-repeat; background-position: bottom center; } .right_exclusive_text { float: left; width: 74px; height: 70px; padding-left: 25px; padding-top: 15px; } .right_exclusive_logo { width: 105px; height: 60px; float: left; }
|