tekst-placering til højre for billede

Prøv med:

<style>
.header
{
    background-color:#FFFFFF;
    padding:1px;
    border:1px solid #000000;
    text-indent:5px;
}
.header img
{
    border:none;
    float:left;
}
.contactinfo
{
    text-align:center;
}
</style>
<table>
<tr>
<td width="30px"<a href="index.php" title="til forsiden" border="0"><img src="./images/logo2.jpg" /></a></td>
<td><div class="header">

<span class="contactinfo">noget tekst</span>

</div></td>
</tr>
</table>

Hvad er der galt ?-)

Til roenving: teksten bliver ikke placeret til højre i min td...

Den går ikke rigtig med at placere div udenfor td, når alt mit data skal derind. Ovenstående er taget ud af en kontekst, men følgende hjælper lidt på det:

.header
{
    background-color:#FFFFFF;
    padding:1px;
    border:1px solid #000000;
    text-indent:5px;
}
.header img
{
    border:none;
    float:left;
}
.contactinfo
{
    text-align:right;
    float:right;
}

<table>
<tr>
<td  class="header"><div>

<a href="index.php" title="til forsiden"><img src="./images/logo2.jpg" /></a>

<span class="contactinfo">noget tekst</span>

</div></td>
</tr>
</table>

Uanset hvad jeg gør, så er teksten til højre for billedet, så længe det er der ...

arh... måske har jeg ikke udtrykt mig ordentligt.. jeg prøver lige igen:

Teksten skal placeret helt aldeles til højre i min td - og det er jo nødvendigvis til højre for billedet...

Beklager problemforumleringen...

Sæt din text-align:right på diven, og fjern spannen (betyder ikke noget, så hvis du har noget at bruge den til sætter du den bare tilbage !-)

<style type="text/css">
.header
{
    background-color:#FFFFFF;
    padding:1px;
    border:1px solid #000000;
    text-indent:5px;
    text-align:right;
}
.header img
{
    border:none;
    float:left;
}
</style>
<table>
<tr>
<td><div class="header">

<a href="index.php" title="til forsiden"><img src="./images/logo2.jpg" /></a>

noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>noget tekst <br>

</div></td>
</tr>
</table>

ved ikke helt hvorfor, men hos mig, bliver billedet placeret uden for min td... Meget mystisk..

Hvis jeg sætter header class i min td, så virker det..

Det hjælper, hvis man sætter en højde på min td... Nu vil jeg bare gerne have placeret teksten i bunden til højre... altså med ovenstående + noget     vertical-align:bottom;

det volder også problemer...

Okay... så fandt jeg frem til en løsning...

Jeg vil først lige sige til roenving, at hvis man med dit eksempel ændrer størrelsen på billedet, kommer det udenfor td, hvorfor man skal sætte en højde på - var jeg ikke glad for, så jeg har lavet følgende:

.header
{
    background-color:#FFFFFF;
    padding:1px;
    border:1px solid #000000;
    text-indent:5px;
}
.header img
{
    border:none;
    float:left;
}
.header table
{
    width:100%;
}
.header td
{
    text-align:right;
    vertical-align:bottom;
    font-size:12px;
}

</style>
<table>
<tr>
<td><div class="header">

<table>
    <tr>
        <td><a href="index.php" title="til forsiden"><img src="./images/logo2.jpg" /></a></td>
        <td>tekst<br />tekst</td>
    </tr>
</table>

</div></td>
</tr>
</table>

svar