X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема при верстке макета
DoubleShot
DoubleShot
Topic Starter сообщение 27.10.2010, 20:05; Ответить: DoubleShot
Сообщение #1


1.Есть изображение и текст с права от него - http://s013.radikal.ru/i323/1010/55/458dd40539c6.jpg

Когда я ставлю несколько <br> оно нормально но когда их убераю ,висота изображения несчитается ,считается висота текста ,как зделать чтоб было так как на скрине http://s011.radikal.ru/i317/1010/c9/378be86284c6.png

<div id="content"><div><img src="file:///C:/Users/Admin/Desktop/ac.png" class="leftimg" /><p>
Вчера во время проведения разведоперации наша группа подверглась нападению неизвестного
противника в камуфляжной фольтате эффективной обороны и стремительной
контратаки многочисленная группа боевиков была смята и отброшена. Среди личного состава
потерь нет. Бойцы разведгруппы проявили недюжие навыки владения оружием. Особо отличился
переданы аналитической группе.</p></div>
<div >Коментарии: 0 | Добавлено:19.10.10<span align="right">fwg</span></div>
</div>
</div>


и Css

#content {
        padding: 5px;
        border: 1px solid #333;
        background: #d8d8d6;
        margin: 0px 15px 0px 270px;
        font-size:11px;
        }
        
    .leftimg {
        float:left;
        margin: 0px 7px 7px 0;
  
   }


Спасибо ,все кто ответит
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tigor.v
Tigor.v
сообщение 27.10.2010, 23:29; Ответить: Tigor.v
Сообщение #2


а разве таблицей не подойдет? и в ней уже от центровать все как нужно?
<style type="text/css"><!--
#content {
padding: 5px;
border: 1px solid #333;
background: #d8d8d6;
margin: 0px 15px 0px 270px;
font-size:11px;
}

.leftimg {
float:left;
margin: 0px 7px 7px 0;

}

--
></style>

<div id="content">
<table border="3">
<tbody>
<tr>
<td><img src="file:///C:/Users/Admin/Desktop/ac.png" class="leftimg" /></td>
<td>
Вчера во время проведения разведоперации наша группа подверглась нападению неизвестного
противника в камуфляжной фольтате эффективной обороны и стремительной
контратаки многочисленная группа боевиков была смята и отброшена. Среди личного состава
потерь нет. Бойцы разведгруппы проявили недюжие навыки владения оружием. Особо отличился
переданы аналитической группе.
</td>
</tr>
<tr>
<td colspan="2">
<div align="left">Коментарии: 0 | Добавлено:19.10.10
</div>
<div align="right">fwg
</div>
<br /></td>
</tr>
</tbody>
</table>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tgarl
tgarl
сообщение 28.10.2010, 11:47; Ответить: tgarl
Сообщение #3


добавь стиль:
#content div{clear:both;}

или добавь класс к диваку с коментами и тогда будет:
#content div.твой_класс {clear:both;}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DoubleShot
DoubleShot
Topic Starter сообщение 28.10.2010, 15:15; Ответить: DoubleShot
Сообщение #4


(Tigor.v @ 28.10.2010, 02:29) *
а разве таблицей не подойдет? и в ней уже от центровать все как нужно?
<style type="text/css"><!--
#content {
padding: 5px;
border: 1px solid #333;
background: #d8d8d6;
margin: 0px 15px 0px 270px;
font-size:11px;
}

.leftimg {
float:left;
margin: 0px 7px 7px 0;

}

--
></style>

<div id="content">
<table border="3">
<tbody>
<tr>
<td><img src="file:///C:/Users/Admin/Desktop/ac.png" class="leftimg" /></td>
<td>
Вчера во время проведения разведоперации наша группа подверглась нападению неизвестного
противника в камуфляжной фольтате эффективной обороны и стремительной
контратаки многочисленная группа боевиков была смята и отброшена. Среди личного состава
потерь нет. Бойцы разведгруппы проявили недюжие навыки владения оружием. Особо отличился
переданы аналитической группе.
</td>
</tr>
<tr>
<td colspan="2">
<div align="left">Коментарии: 0 | Добавлено:19.10.10
</div>
<div align="right">fwg
</div>
<br /></td>
</tr>
</tbody>
</table>
</div>


Спасибо,подредактировал и работает:goodpost::droch:

tgarl,а причем тут clear:both;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tgarl
tgarl
сообщение 28.10.2010, 16:56; Ответить: tgarl
Сообщение #5


tgarl,а причем тут clear:both;


у тебя у картинки стоит свойство обтекания float:left; для того чтобы снять обтекание у последующего элемента нужно применить свойство clear:... а уж с 1 стороны снять обтекание или со всех как я указал не мне решать.

[COLOR=Red][/COLOR]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Выполню работу по современному дизайну и качественной адаптивной верстке (HTML/CSS/JS)
0 zaiko 765 14.10.2024, 18:40
автор: zaiko
Открытая тема (нет новых ответов) По какому курсу идет конвертация при оплате картой?
5 Mixatraider 1853 27.8.2024, 21:44
автор: Liudmila
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
7 stu999 2146 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2631 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 31253 19.7.2022, 13:41
автор: Funoman


 



RSS Текстовая версия Сейчас: 6.12.2024, 8:49
Дизайн