В общем задача, нужно расположить текст рядом с картинкой. По примеру форумов: Как такое провернуть, подскажите пожалуйста.
Просто один из вариантов: HTML: <style type="text/css"> table tr td { text-align: left; vertical-align: middle; } </style> <table> <tr> <td> <img src="image.jpg" style="width: 70px; height: 50px;" /> </td> <td> <b>Строка текста</b><br /> Ещё строка текста </td> </tr> </table>
Спасибо, работает! Другая проблема: Чем длиннее текст второй строки, тем дальше двигается вправо первая строка, как исправить?
Спасибо! Теперь у меня вот такое: HTML: <td width="10"><b>Новости</b><br /><br></td> <td width="420">Новости и акции нашего игрового проекта, обсужение нововведений</td> Вторая строка дальше чем первая, как их выравнить? Заранее спасибо.
q0b3rMAN может стоит почитать про хтмл? поверь, там не так уж и сложно - можно за пару дней выучить, зато на всю оставшуюся жизнь
HTML: <style type="text/css"> .cll{ clear: left; } .wr_items{ width: 500px; margin: 0 auto; text-align:left; } .item_img{ background-color: #eee; width: 98px; height: 98px; float: left; border:1px solid #555; } .item_cont{ width: 400px; background-color: #eee; float: left; height: 100px; } .text{ margin:5px 0 10px; padding: 0 10px; } </style> <div class="wr_items"> <div class="item_img"></div> <div class="item_cont"> <h1 class="title">Chapter</h1> <p class="text">В общем задача, нужно расположить текст рядом с картинкой.</p> </div> <div class="cll"></div> </div>