помощь по сощданию div"а
1.
ensteyn-asen (17.02.2011 / 01:59)
как составить дивы для того, чтоб создать такое расположение элементов?
http://upwap.ru/1310909
2.
ramzes (17.02.2011 / 02:09)
<div>
text text
<span style="float:left"><img src....></span>
</div>
Типа того
3.
Nu3oN (17.02.2011 / 07:20)
<div>
<img src="image.php" alt="" style="float:left" / >
<a href="#"><b>link</b></a> <br />
Text text text text text text <br />
Text text text text text text text
</div>
4.
Анатолий (17.02.2011 / 18:17)
Ребят, для картинки является валидным код
align="left"
5.
ramzes (17.02.2011 / 18:28)
Обтикания не будет если просто позицию указать
6.
Дмитрий (17.02.2011 / 19:18)
В файл .css вставить эту шнягу:
.logotip {
float:left;
padding : 0px;
margin-right : 5px;
background: none;
}
.post {
border : 1px solid #ccc;
padding : 5px;
margin-bottom : 5px;
}
В html файле использовать так:
<div class="post">
<div class="logotip"></div>
<p><b style="color:#0000ff">Online анализ сайта</b></p>
<p>Текст текст текст текст </p>
<p>Текст текст текст текст </p>
</div>
И должно получиться точно как на картинке. Только для
<p> надо будет задать параметры.
7.
ensteyn-asen (19.02.2011 / 12:06)
спасибо большое. позже попробую
8.
ensteyn-asen (04.03.2011 / 22:52)
а почему с компа у меня выглядит так
http://upwap.ru/1341793 а с телефона все одно под одним ? как исправить ?
9.
ensteyn-asen (06.03.2011 / 14:02)
вверх
10.
ensteyn-asen (12.03.2011 / 15:10)
tot hfp
11.
Анатолий (14.03.2011 / 15:34)
<div class="container">
<div class="ava">
<img src="http://visavi.net/images/avatars/noavatar.gif" alt="" />
</div>
<div class="other">
Другой текст и все такое
</div>
<div class="clear"></div>
</div>
<div class="container">
<div class="ava">
<img src="http://visavi.net/images/avatars/noavatar.gif" alt="" />
</div>
<div class="other">
Другой текст и все такое
</div>
<div class="clear"></div>
</div>
<div class="container">
<div class="ava">
<img src="http://visavi.net/images/avatars/noavatar.gif" alt="" />
</div>
<div class="other">
Другой текст и все такое
</div>
<div class="clear"></div>
</div>
CSS
.container{
border: 1px solid #000;
padding: 2px;
margin: 1px 0px;
}
.ava{
width: 32px;
float: left;
padding: 4px 3px;
}
.other{
margin-left: 38px;
padding: 3px;
}
.clear{
clear: both;
}
12.
ensteyn-asen (27.03.2011 / 20:58)
11.
dekameron, спасибо! ноу меня есть див
left
{
float: left;
}
тоесть он по сути такой же как и у тебя, значит с телефона всеравно он работать не будет
13.
ramzes (27.03.2011 / 21:10)
потому что браузер на телефоне дремучий
14.
ensteyn-asen (28.03.2011 / 00:11)
13.
ramzes, на WM опера 10.1
15.
ramzes (28.03.2011 / 01:42)
ensteyn-asen (28 Марта 2011 / 00:11)
13. ramzes, на WM опера 10.1
значит я не ошибся))
ирис браузер попробуй
если и на нем косяк, тогда дело в коде
16.
Анатолий (29.03.2011 / 00:21)
Используй таблицы,
Мой од полностью валиденЁ дело в том, поддерживает ли браузер все свойства
17.
ramzes (29.03.2011 / 02:22)
<div>
you image
<span style="float:left">
you<br />text
</span>
</div>
И так не пашет?
18.
ensteyn-asen (29.03.2011 / 10:59)
17.
ramzes, позже попробую
URL:
https://visavi.net/topics/18831