acid
Newbie-
Posts
17 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by acid
-
Если речь идет о ссылке... зайдите - почитайте. Уверен, горизонт ваших знаний разширится
-
По мне, так верстальщик должен знать заранее, что он верстает (в том числе цвета). В psd легче цвета менять: 2 клика. А тут нужно находить стили, определять цвет #xxxxxx и каждый раз тычить в F5.
-
Называется это дело юзабилити, в и-нете полно статей про это. А вообще, посоветовал бы афтару сначала в .psd рисовать, выбрать нужное (лучшее) сочитание цветов, а потом уже верстать.
-
Вы со всеми так, кто пытается помочь?
-
Верстка с помощью слоев чет у меня не получилось: "для более удобной отправки лентяев к мануалам на htmlbook.ru"
-
Этот скрипт создает якобы невидимые блоки для просмотра полных изображений. Поэтому, после его удаления - нельзя просматривать изображения в модальных окнах. Ковыряться кажись нужно в js/overlay.js или\и js/multibox.js или\и в файле стилей css/multibox.css
-
Я заметил что все страницы вашего сайта имеют разный карказ. Это не очень хорошо. Думаю легче сделать все страницы с одинаковым каркасом, например: <table> <tr> <td>шапка</td> </tr> <tr> <td> <table> <tr> <td>правая колонка с категориями</td> <td>центральная колонка с содержанием страницы</td> <td>левая колонка с рекламой</td> </tr> </table> </td> </tr> <tr> <td>футер</td> </tr> </table> В таком случае: - каркас очень прост (не имеет rowspan и colspan) - очень легко настраиваются 3 основные колонки сайта (правая, центральная, левая) - вы тутже найдете ответ на свой последний вопрос а именно: как сделать все отступы одинаковыми
-
в первом случае задаются стили для всех ССЫЛОК с классом class="more". <!-- стиль присвоется только ссылкам --> <a class="more" href="#">Ссылка 1</a> <a class="more" href="#">Ссылка 2</a> <div class="more">Содержание</div> во втором - стили задаются ВСЕМ элементам (div, a, span и т.д.) с классом class="more" <!-- стиль присвоется и ссылкам и контенеру div --> <a class="more" href="#">Ссылка 1</a> <a class="more" href="#">Ссылка 2</a> <div class="more">Содержание</div>
-
padding-left для h2 и никаких спецсимволов не нужно li h2 { border-bottom:2px dashed #222; color:#66C; padding-left: 10px; // внутрений отступ в h2 }
-
Попробуйте так: #maincontent div.downloads ul { padding-left: 0; text-align: justify; } #maincontent div.downloads ul li { list-style: none; background: url("/images/pdf.png") no-repeat; padding-left: 32px; padding-bottom: 0.5em; font-size: 120%; padding-top: Xpx; // X - высота картинки } Убираем: height, display, vertical-align Добавляем в стиль li: padding-top: Xpx; // X - высота картинки
-
Вот с помощью jQuery <html> <head> <script type="text/javascript" src="jquery.js"></script> <!-- НУЖНА JQUERY БИБЛИОТЕКА!! --> <script type="text/javascript"> <!-- $(document).ready(function() { $('#container div').css('display','none'); //Скрываем все блоки $("#test").change(function(){ //При смене $('#container div').css('display','none'); //Скрываем все открытые блоки id = $('#test option:selected').val(); //Вытаскиваем value $('#'+id).show(); //Показываем блок c таким же id как наш value }); }); --> </script> </head> <body> <select id="test" name="test"> <option value="a1_54">1/54</option> <option value="a2_54">2/54</option> <option value="a3_54">3/54</option> <option value="a4_54">4/54</option> </select> <div id="container"> <div id="a1_54">1/54</div> <div id="a2_54">2/54</div> <div id="a3_54">3/54</div> <div id="a4_54">4/54</div> </div> </body> </html> Вот как-то так...
-
Огромное спасибо! Понял я одно... Зачем изобретать велосипед?))
-
но почему-то всеравно в Опере - все по размерам мучу - а в ИЕ все съезжает.... у меня так проблема по сути простая: есть 3 колонки - как мне сделать ширину всех 3 - 960px - при этом чтобы во всех браузерах отступы между ними были одинаковы и они не съезжали...
-
У меня еще вопросик... Думаю не надо новую тему создавать, дабы не загрезнять форум! Известно что Опера и ИЕ поразному понимают width дивов. В Опере width понимается как отступы+бордеры+расстояние между элементам, а в ИЕ width - только указанное значение... Так вот все на той-же странице, нужно среднюю колонку выровнять по середине, что бы было независимо от того есть ли отступы или их нет. Я думал так: правой колонки присвоить float:left а левой float:right, теперь среднюю надо выровнять по середине т.е. между ними... как это сделать? Заранее спасибо!
-
Спасибо! В Опере как надо в ИЕ 6 тоже... Буду тестить дальше..!
-
Мужыки, привет! Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> </title> <link rel="stylesheet" type="text/css" href="styles.css" media="screen"> </head> <body> <div id="body"> <div id="header"> Заголовок </div> <div id="content"> <div id="leftcol"> <div class="leftcol-component"> Поиск по... фамилии, адресу и т.д. </div> <div class="leftcol-component"> Консультант он-лайн </div> <div class="leftcol-component"> Друзья... </div> </div> <div id="centercol"> <div id="contener"> Поля ввода </div> <div id="contener-footer"> Описания блока content </div> </div> <div id="rightcol"> <div class="rightcol-component"> Последнии вопросы </div> <div class="rightcol-component"> Отзывы </div> </div> </div> <div id="footer"> футер сайта </div> </div> </body> </html> CSS тут Проблему мою можно заметить просматривая страничку ( СТРАНИЧКА ) сначала в в ИЕ (я в 6 смотрю) а потом в Опере. В ИЕ красный div растягивается под свое содержимое в коде, т.е. другие 3 div-а. А в Опере остается нулевым. В чем проблема, как это истправить? Спасибо! PS> Кстати, убираю !DOCTYPE все нормально во всех бродилках...