PHP beginner |
|
Hallo,
Ik heb net een contentbox gesliced in PS en heb het script helemaal opnieuw geschreven. Alleen staan nu wat images niet helemaal perfect. Wie kan ze weer recht zetten
Link: hier
Code:
<html>
<head>
<title>Box</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.boxcontent{
font-family: arial;
color: #666666;
font-size: 11px;
padding-left: 15px;
padding-right: 15px;
background-image: url('images/box-bg.jpg');
vertical-align: top;
width: 100%;
</style>
</head>
<body bgcolor="#37485a" topmargin="10">
<!-- BOX Type: Top v0.1; w: 230 -->
<table cellpadding="0" cellspacing="0" align="center" border="0" width="230">
<tr>
<td style="vertical-align: top;">
<table cellpadding="0" cellspacing="0" border="0">
<td>
<img src="images/box-logo.jpg" alt="Box Logo" border="0" />
</td>
<td>
<img src="images/name.jpg" alt="Box Name" border="0" />
</td>
<td>
<img src="images/box-rwb.jpg" alt="RoodWitBlauw" border="0" />
</td>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="boxcontent">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sollicitudin arcu sit amet erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris porttitor, nibh at interdum imperdiet, libero nibh aliquet urna, sit amet fermentum massa turpis non nisi.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<table cellpadding="0" cellpadding="0" border="0">
<tr>
<td>
<img src="images/boxfooter.jpg" alt="Box Footer" border="0" />
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /BOX -->
</body>
</html>
<html> <head> <title>Box</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> .boxcontent{ font-family: arial; color: #666666; font-size: 11px; padding-left: 15px; padding-right: 15px; background-image: url('images/box-bg.jpg'); vertical-align: top; width: 100%; </style> </head> <body bgcolor="#37485a" topmargin="10"> <!-- BOX Type: Top v0.1; w: 230 --> <table cellpadding="0" cellspacing="0" align="center" border="0" width="230"> <tr> <td style="vertical-align: top;"> <table cellpadding="0" cellspacing="0" border="0"> <td> <img src="images/box-logo.jpg" alt="Box Logo" border="0" /> </td> <td> <img src="images/name.jpg" alt="Box Name" border="0" /> </td> <td> <img src="images/box-rwb.jpg" alt="RoodWitBlauw" border="0" /> </td> </table> </td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td class="boxcontent"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sollicitudin arcu sit amet erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris porttitor, nibh at interdum imperdiet, libero nibh aliquet urna, sit amet fermentum massa turpis non nisi. </td> </tr> </table> </td> </tr> <tr> <td style="vertical-align: top;"> <table cellpadding="0" cellpadding="0" border="0"> <tr> <td> <img src="images/boxfooter.jpg" alt="Box Footer" border="0" /> </td> </tr> </table> </td> </tr> </table> <!-- /BOX --> </body> </html>
(Weet het, niet helemaal xHTML 1.0 strict. Wou ik na het testen mee beginnen)
|