Nieuw lid |
|
Ik heb een tabel daarin wil ik een afbeelding tonen. Nu kan dat natuurlijk met de html code <img src=" ">. Maar ik wil dit liever geregeld zien door css. Hiervoor gebruik ik de functie background wil ik dit voor elkaar krijgen moet een trukje toepassen.
html bron code.
<table width="765" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img src="overall/background/Banner01.gif" /> <div class="brokenline">.</div></td>
</tr>
</table>
<table width="765" border="1" cellspacing="0" cellpadding="0"> <tr> <td><img src="overall/background/Banner01.gif" /> <div class="brokenline">.</div></td> </tr> </table>
CSS code
div.brokenline {
background: url(overall/background/Banner01.gif) no-repeat left;
margin:0;
padding:0;
color:#12254f
}
div.brokenline { background: url(overall/background/Banner01.gif) no-repeat left; margin:0; padding:0; color:#12254f }
Nu krijg ik het plaatje te zien. Maar let op!!! Doordat ik in de html bron code een punt tussen de begin <div> en </div> heb gezet krijg ik hem te zien. Wanneer ik deze punt weg laat krijg ik niks te zien.
<td><img src="overall/background/Banner01.gif" /> <div class="brokenline"></div></td>
<td><img src="overall/background/Banner01.gif" /> <div class="brokenline"></div></td>
Ik vindt dit zelf niet de mooiste oplossing. Kan die in CSS ook anders geregeld worden.
Groet,
Roland.
|