teksts tabula ar bildi

[sayed]

Jautājums sekojoš ir tabula, tabulā ir bilde, bet kad aiz bildes sāk rakstīt tekstu, teksts sāk rakstīties no bildes apakšējā labā stūra. Kā dabūt lai teksts sāktu rakstīties no augšējā stūra?

Paldies!

<table width="400" border="1" align="center">
 <tr>
<td valign="top"><img src="../Blue hills.jpg" width="150" height="150" />Teksts, teksts </td>
 </tr>
</table>

[andrisp]

Ar CSS norādi bildei vertical-align: top;

[sayed]

Bez CSS vienkārši nevar?

[andrisp]

Var mēģināt ar valign atribūtu, bet es nezinu.

[Klez]

šo rindiņu

<td valign="top"><img src="../Blue hills.jpg" width="150" height="150" />Teksts, teksts </td>

nomainām pret šo

<td valign="top">Teksts, teksts <br /><img src="../Blue hills.jpg" width="150" height="150" /></td>

[andrisp]

Klez, man gan liekas, ka tas nav gluži tas, ko autors gribēja.

[sayed]

Tas ko man vajadzēja tika panāks šādi:

<style type="text/css">
.bilde img {
vertical-align: top;
float: left;
}
</style>

<table width="400" border="1" align="center">
 <tr>
<td class="bilde" valign="top"><img src="../Blue hills.jpg" width="150" height="150" />Teksts, teksts</td>
 </tr>
</table>

[andrisp]

Priekškam floats ?

[sayed]

Nezināju ka lai paskaidro tāpēc uztaisīju screen shot:

http://pic2.fotki.lv/photos2/5/W0002427/00...2_%23_Sayed.jpg

1. ir ar float: left;

2. bez

[andrisp]

Skaidrs, bet pamēģini izņemt to vertical-align tagad ārā. ;)

[sayed]

Sapratu mājienu :) tas ir lieks :)

Vienu lietu gan vēl nesapratu - kā dabūt lielāku atstarpi no bilde|teksts?

Uz IE itkā ir OK atstarpe, bet FF piestumj galīgi klāt :(

Edited October 21, 2008 by sayed

[indoom]

pieliec bildei atribūtu hspace="10" vai/un vspace="10"

[andrisp]

Vai arī ar CSS margin/padding.

[daviskrex]

Bez CSS vienkārši nevar?

 

Var arī imidžam - style="vertical-align: top;"