[CSS/HTML] tabel cellen met background image naadloos aanslu - Softwareontwikkeling

vrijdag 5 maart 2004 12:57

Acties:

Verwijderd

Topicstarter

ik ben bezig met een nieuwe site waarin ik voor het eerst slices wil gebruiken om de hoeveelheid plaatjes zo klein mogelijk te houden

mijn html code:

code:

<html>
 <head>
    <title>Index - AWP 2.0 alpha</title>
    <link rel=StyleSheet href="stylesheet.css" type="text/css" media=screen>
 </head>
 <body>
 <table style="width: 100%;">
  <tr>
    <td class=head style="with:50%; height: 100; background: url(images/top_right_bg.jpg) repeat-x;">test</td>
    <td class=head style="with:50%; height: 100; background: url(images/top_right_bg.jpg) repeat-x;">test</td>
  </tr>
 </table>

 </body>
</html>

mijn css stylesheet

code:

body {
    color: #000000; 
    background: white;
    margin: 10px;
}

table {
    margin: 0 auto;
    border: none;
}


td.head {
    color: #000000;
    background: ;
    border: none;
    padding: 0;
    margin: 0 0 0 0;
}

zie hier het resultaat

het is dus de bedoeling dat de twee tabel cellen naadloos op elkaar aansluiten zodat de twee plaatjes 1 geheel lijken

daarbij is het de bedoeling om alle opmaak met CSS te doen

(tussen haakjes: in het uiteindelijke ontwerp gebruik ik niet 2 x dezelfde achtergrond, maar om het geheel overzichtelijk te houden heb ik dat hier wel gedaan)

bvd

[ Voor 12% gewijzigd door Verwijderd op 05-03-2004 12:58 ]

vrijdag 5 maart 2004 12:58

Acties: