D3C0Y
Legacy Member
Ik ben bezig met mijn portfolio site en ik gebruik op bepaalde plaatsen een afbeelding van een lijn van 100px breed en 1 pixel hoog. Afhankelijk van het de lengte van het woord dat voor de lijn staat wordt de lijn gestretcht over de rest van de ruimte (dus kan meer dan 100px worden).
Nu dit werkt allemaal perfect, maar iedere keer als ik de site voor het eerst open doe, dan is de afbeelding een volledig andere breedte (piepklein), maar als ik dan is refresh dan klopt het wel.
Kan iemand mij vertellen wat ik ontbreek, of waaraan dit zou kunnen liggen.
(kheb al geprobeerd de width en height uit de css-file te halen en rechtstreeks in de img tag te schrijven maar dat geeft hetzelfde resultaat)
Nu dit werkt allemaal perfect, maar iedere keer als ik de site voor het eerst open doe, dan is de afbeelding een volledig andere breedte (piepklein), maar als ik dan is refresh dan klopt het wel.
Code:
<div id="kop">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><h1>Personal Information</h1></td>
<td><img src="afbeeldingen/hline.jpg" alt=""></td>
</tr>
</table>
</div>
Code:
#kop
{
margin: 0 10px 0 10px;
padding-top: 15px;
padding-bottom: 15px;
width: auto;
}
#kop h1
{
padding: 0;
margin: 0;
color: #ff9900;
font-size: 12px;
z-index : 3;
text-align: center;
text-transform: uppercase;
}
#kop table
{
width: 100%;
margin-left: auto;
margin-right: auto;
}
#kop table img
{
float: left;
width: 97%;
height: 1px;
padding: 0;
}Kan iemand mij vertellen wat ik ontbreek, of waaraan dit zou kunnen liggen.
(kheb al geprobeerd de width en height uit de css-file te halen en rechtstreeks in de img tag te schrijven maar dat geeft hetzelfde resultaat)
? 