Форум PHP программистов > перекрытие блоков

[ Поиск ] - [ Пользователи ] - [ Календарь ]

ilystone

5.10.2010 - 11:08

Всем привет.

Возникла такая проблема: Верстка точно такая же, как вот тут. Т.е. идут карточки с обзорами, а после них идет кнопка "Показать еще обзоры". Так вот, эта кнопка в HTMLе идет ниже блока, в котором расположены карточки с обзорами, а отображается в самом верху, т.е. когда обзоры есть, то они ее заслоняют, а когда их нет -- кнопку видно.

Никак не могу понять, в чем тут проблема.

Спустя 3 минуты, 29 секунд (5.10.2010 - 10:12) linker написал(а):

z-index

Спустя 6 минут, 43 секунды (5.10.2010 - 10:18) ilystone написал(а):

linker
Пробовал, не в этом дело. Проблема то вообще в том, что блок с карточками должен оттеснять блок с кнопкой вниз, чем больше карточек, тем ниже должна становиться кнопка, а он этого не делает.

Спустя 56 минут, 54 секунды (5.10.2010 - 11:15) linker написал(а):

Без примера кода - очередное гадание на кофейной гуще.

Спустя 24 минуты, 55 секунд (5.10.2010 - 11:40) ilystone написал(а):

linker Ну примерно вот так:

<div id="container">
       <!-- сдесь еще всякие div'ы -->
       <div class="review-list">
               <div class="card"></div>
               <div class="card"></div>
               <div class="card"></div>        
        </div>
       <div id="load-more"></div>
    <!-- сдесь еще всякие div'ы -->
</div>

Дак вот, блок load-more идет после блока review-list, но почему то его перекрывают блоки card. На всякий случай скажу еще, что блок review-list всегда заполняется вот так

$(".review_list").load("includes/reviews_content.php?" + vars + "&i=0");

, но вряд ли проблема в этом.

Спустя 5 минут, 59 секунд (5.10.2010 - 11:46) linker написал(а):

Без описания стилей тоже нифига не понять.

Спустя 10 минут, 55 секунд (5.10.2010 - 11:57) ilystone написал(а):


.review_list {
	padding-top:20px;
	width:auto;
	height:auto;	
	
}

.scorecard {
      float: left;
      margin: 0px 20px 20px 0px;
      background: url(http://www.blogsmithmedia.com/www.engadget.com/media/col2_grid_bg.gif);
      padding: 10px;
      width: 280px;
      display:block;

}

#load-more {
    background: url(http://www.blogsmithmedia.com/www.engadget.com/media/show-more-reviews.png) /*no-repeat 0% 0%*/;
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 10px auto;
    /*overflow: ;*/
    width: 200px; 
    border:1px solid #000;
}

Спустя 2 часа, 13 минут, 20 секунд (5.10.2010 - 14:10) linker написал(а):

Во-первых, я точно не уверен, но "-" имхо не является допустимым символом, лучше использовать "_".

#lead_more {}

соответственно поправить html-код. И имхо не хватает в этом же стиле

clear: left

Спустя 8 минут, 50 секунд (5.10.2010 - 14:19) ilystone написал(а):

linker
Я какраз до твоего ответа сам разобрался

. Проблема не в этом всем была, а в чем-то другом, я сам так и не понял в чем, копался в css, чет исправил и о-ля-ля.

Ну все равно спасибо. кстати у меня в реальном коде и было "_", а не "-". Да, я еще хотел спросить: какой по твоему мнению лучше всего использовать редактор для кодинга?

Спустя 5 минут, 34 секунды (5.10.2010 - 14:25) ilystone написал(а):

А вот нашел: проблема была в overflow:auto для load_more;

Спустя 4 минуты, 50 секунд (5.10.2010 - 14:30) linker написал(а):

Я пользуюсь phpDesigner, по моему самый лучший и быстрый редактор. Правда платный, но кого это останавливало

Спустя 1 час, 2 минуты, 3 секунды (5.10.2010 - 15:32) ilystone написал(а):

а он тока php подсвечивает или все наиболее популярные(js, css и т.п)?

Спустя 11 минут, 16 секунд (5.10.2010 - 15:43) linker написал(а):

php, js, c++, html, xml, css, vbscript, java, smarty, sql и прочие.

Спустя 16 минут, 6 секунд (5.10.2010 - 15:59) ilystone написал(а):

а как ты относишься к Dreamveawer и MS Visual Studio ?

Спустя 5 часов, 41 минута, 31 секунда (5.10.2010 - 21:41) linker написал(а):

Студию пробовал, но слишком не удобно и ограниченно по функциональности. Дример вообще имхо не для этого.

Спустя 21 час, 43 минуты, 12 секунд (6.10.2010 - 19:24) ilystone написал(а):

А для чего же Дример??

Спустя 23 минуты, 56 секунд (6.10.2010 - 19:48) linker написал(а):

Было давно, но аля Frontpage - визуальный редактор HTML-страниц, для тех кто не умеет пользоваться блокнотом. Но это было давно, сейчас может что-то и изменилось.

Быстрый ответ:

Здесь расположена полная версия этой страницы.