Помогите с HTML, проблема с блоками

12
immo
На сайте с 10.04.2010
Offline
168
1068

На дле делаю

<div style="width:49%;float:left;"> код </div>

если всё оставить так то работает нормально, по 2 новости в сроку, все ок, но картинки большие слишком и друг на друга налезают, делаю

.maincont img {

width: 350px;
height: 250px;
margin:0;
padding:0;

}

и получается как на картинке я указал выше, что не так? помогите пожалуйста

Продвижение коммерческих сайтов в МСК от 16 т.р. Гарантии и отзывы. Опыт более 11 лет. WebGard.ru
S1
На сайте с 13.03.2008
Offline
49
#1

Ну так задайте margin или padding для контейнера (в вашем случае наверное .maincont) или для самого изображения. Покажите пОциента, что можно было что-нибудь конкретное сказать.

Дизайн сайтов (UI/UX), логотипов, баннеров и прочего... (/ru/forum/770062)
RT
На сайте с 07.04.2008
Offline
56
#2

Сделайте примерно так


<style>
.maincont {width:700px;}
.block {
display: -moz-inline-stack;
display:inline-block;
vertical-align:text-top;
zoom:1;
*display:inline;
width:49%;
}
.block img {
width: 350px;
height: 250px;
margin:0;
padding:0;
}
</style>

<div class="maincont">
<div class="block">код</div>
<div class="block">код</div>
<div class="block">код</div>
<div class="block">код</div>
<div class="block">код</div>
<div class="block">код</div>
<div class="block">код</div>
</div>
Студия «Дз» (http://dddzzz.ru/) — создание сайтов, графический дизайн
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#3

Контейнеру надо ЯВНО задать высоту:

.block{
width:49%;
height:200px;
float:left;
border:1px solid #000;
}

пример

ps. А ReifTer следует лишить сладкого на неделю за говнокод...

RT
На сайте с 07.04.2008
Offline
56
#4

Алексей Барыкин, вы тестировал мой код прежде чем утверждать это? В моём случае не нужно указывать высоты, и текст в блоках может быть любого количества, при этом блоки будут вести себя правильно.

ReifTer добавил 29.10.2011 в 02:00

Мой пример

immo
На сайте с 10.04.2010
Offline
168
#5

Алексей Барыкин, спасибо, а если текста больше чем на 200px в одном из блоков, как скрыть остатки?

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#6
immo:
Алексей Барыкин, спасибо, а если текста больше чем на 200px в одном из блоков, как скрыть остатки?

http://htmlbook.ru/css/overflow

RT
На сайте с 07.04.2008
Offline
56
#7

Нашел на хабре такой же пример как у меня. Изучайте http://habrahabr.ru/blogs/css/117109/

[Удален]
#8
ReifTer:
Нашел на хабре такой же пример как у меня. Изучайте http://habrahabr.ru/blogs/css/117109/

Теперь посмотрите, какая ситуация в IE. Изучайте.

http://htmlbook.ru/css/display

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#9
ReifTer:
Нашел на хабре такой же пример как у меня. Изучайте http://habrahabr.ru/blogs/css/117109/

Не, не так. Надо так - "я тупо слизал пример с хабра не вникая". 😂

RT
На сайте с 07.04.2008
Offline
56
#10

Теперь посмотрите, какая ситуация в IE. Изучайте.
http://htmlbook.ru/css/display

Сашко, и? прежде чем что-то писать, вы сначала изучите с чем имеете дело.


Не, не так. Надо так - "я тупо слизал пример с хабра не вникая".

Суть не в этом, где это было слизано, с хабра или не хабра. Вы прежде чем утверждать, что это говнокод, изучите. Если вы не знаете простого хака для ИЕ, то вы мало верстали значит. И ваш пример нельзя использовать в блоках с динамически добавляемым текстом, судя по картинки ТС там как раз этот случай. Поэтому я показал как решить эту проблему, из-за которой кстати возникла ошибка у ТС с блоками. Вырезание текста если он не влазит, ну если вам нравится такой вариант делайте, мне как-то без разницы.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий