Проблем с дивове

[d_badboy]

Искам да сменя таблица с div, но нещо се оплетох понеже не ползвам много тага div. Таблицата имаше следния вид
<table>
<tr>
<td>текст</td>
<td>картинка16х16</td>
<td>картинка16х16</td>
<td>картинка16х16</td>
</tr>
</table>
и всичко това на 1 ред не повече от 200 рх как ще стане с div-ове, като текста ще е отляво, а картинките ще са от дясно в края една след друга ?

 

[shterev]

.divcho { float:left; width:200px;}

<div class="divcho">text</div>
<div class="divcho">pic</div>
<div class="divcho">pic</div>
<div class="divcho">pic</div>

<div style="clear:both;"></div>

Нещо такова ще е.Зависи случая какъв е.

 

[d_badboy]

Трябва да изглежда така на 1 ред с фиксирана дължина:

<div>текст______________<img /><img /><img /></div>

Пробвах на картинките да им задам float: right; но се обарках и незнам как трябва да стане.

 

[emagi]

Трябва да изглежда така на 1 ред с фиксирана дължина:

<div>текст______________<img /><img /><img /></div>

Пробвах на картинките да им задам float: right; но се обарках и незнам как трябва да стане.

Задай на текста:

<span style="float:left">текст_____________</span><img /><img />

 

[shterev]

Значи може и така:

.fixed { width:200px;}

<div class="fixed">
<img src='...' align="right" hspace="5"/>
<img src='...' align="right" hspace="5"/>
<img src='...' align="right" hspace="5"/>
текст
<div style="clear:both;"></div>
</div>

 

[d_badboy]

Варианта на emagi мисля че е по добрия вариант пък е и с по малко код :?: Сега това ми е целта да посъкратя кода
Понеже текста в случая ми е линк добавих директно в css кода на линка float: left; и стана само трябва да си поиграя с маргина и падинга малко.

 

[shterev]

както искаш. То едно и също почти. А и има ли смисъл текста да е флоатнат в ляво, след акто можеш в цсс да си флоатнеш имг таговете.

 

[d_badboy]

Пробвах го това да си флоатна имг таговете с цсс, но картинките остават на долния ред. Аз и без това имам цсс код за линковете така че направо използвах това и флоатнах тях. В случая е по удобно така.

 

[d_badboy]

Ами следния див как ще го оправим:

<div align="right" class="normal" onmouseover="this.className='hover'" onmouseout="this.className='normal'"><img src="<?php echo $dir_icons.$png_statistic; ?>" class="marginized" /><?php echo $row['max']-$row['min']; ?><a href="index.php?info=<?php echo $_GET['info']; ?>&vote=up"><img src="<?php echo $dir_icons.$png_up; ?>" class="marginized" /><font color="green"><?php echo $row['max']; ?></font></a><a href="index.php?info=<?php echo $_GET['info']; ?>&vote=down"><img src="<?php echo $dir_icons.$png_down; ?>" class="marginized" /><font color="red"><?php echo $row['min']; ?></font></a><a href="index.php" title="Назад"><img src="<?php echo $dir_icons.$png_undo; ?>" alt="Назад" class="marginized" /></a></div>

Искам да има 3 блока с картинка и текст и 1 картинка в дясно на края ?