HTML Coding

29,542 questions in this forum

1. Не могу побороть vertical-align

   Привет, верстальщики! Не могу вкурить свойство vertical-align. Вот сайт http://elektroshocker-pochtoi.ru на нем вот так клеточки: Как выровнять название по центру клетки? Делал так (не работает): .view-frontkat .views-field-title { background: url("../images/color-schemes/blue_block_bg.gif") repeat-x scroll left top #34537E; border-radius: 3px 3px 0 0; height: 66px; } .view-frontkat .views-field-title .field-content { vertical-align: middle; /*как заставить это работать?*/ }.

   Asked by VasyOK{!}, November 25, 2012

   0 votes
   10 answers
2. Проблема с колонками

   Господа! При верстке сайта пришлось применить пяти-колончатый шаблон. Первый-третий-пятые колонки вытягиваются в длину, в зависимости от того, насколько заполнены текстом основные колонки - вторая-четвертая. Проблема с отображением в мобильных приложениях. В данный момент необходимо назначит новое css правило для ширины этих колонок, и желательно, что бы вообще не отображать 1-3-5 в мобильных приложениях.Пример сайта здесь Буду благодарен за подсказки!

   Asked by rafaello9, November 25, 2012

   0 votes
   3 answers
3. CSS. Подключение файла из не корневой директории

   Здравствуйте, Есть простой кусок css: background:url('arrows.png') no-repeat; Нужно чтобы картинка бралась из другой директории. P.S. Полный пусть писать пробовал. Сайт не на хостинге и не на локальном сервере, просто в папке лежит, поэтому писал C:\...\arrows.jpg. Но не работает так. Подскажите пожалуйста.

   Asked by Feel, November 25, 2012

   0 votes
   3 answers
4. Помогите с background!

   Помогите изменить серый фон на сайте http://satsputnik.500mb.net/ на фон с градиентом. Как я только не пробовал изменить его получается одно и тоже (фон получается с градиентом но шапка сайта исчезает за шапку отвечает файл bg_top.jpg саму строку с параметрами для градиента я водил вместо background:#afafaf (отвечает за фон который сейчас на сайте) вот так получилось html, body { margin:0; height:100%; font:12px/11px Calibri, Arial, Helvetica, sans-serif; font-style:italic; color:#515151; line-height:14px; background:-webkit-linear-gradient(left, #f9f9f9, #000000); url(../images/style/bg_top.jpg) no-repeat center top; } также пробовал параметры градиента такие background…

   Asked by grabla, November 25, 2012

   0 votes
   10 answers
5. Хостинг для варезника

   Ребята, посоветуйте пожалуйста хостинг для вареза на DLE. Бюджет - не более $2-3 в месяц. Интересно услышать все варианты и мнения

   Asked by Torero123, November 25, 2012

   0 votes
   0 answers
6. Проблема с last-child

   Есть вот такая структура и CSS .post:last-child <div id="content"> <div id="post-1" class="post"> </div> <div id="post-2" class="post"> </div> <div id="post-2" class="post"> </div> </div> Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а пос…

   Asked by tini.kRyptoNite, November 25, 2012

   0 votes
   5 answers
7. Проблема с кроссбраузерностью

   Здравствуйте, возникла проблема с кроссбраузерностью, во всех браузерах отображается нормально, кроме в ie, в общем как всегда, Вот результат в обычном браузере: А это в ie: Вот сам код: <ul class="avatar_p"> <li> <a href=""> <img src="" /></a> </li> <li> <a href="">Отправить ЛС</a> </li> <li> <a href="">Редактировать</a> </li> <li> <a href="">Выйти</a> </li> </ul> .avatar_p{ float: left; margin: 5px; } .avatar_p li { text-align: center; } .avatar_p img { -webkit-box-shadow: #666 0px 2px …

   Asked by Cooooop, November 25, 2012

   0 votes
   1 answer
8. Меню с выпригивающими элементами.

   Здравствуйте! Имеется меню: http://jsfiddle.net/S2j7u/ Проблема в то, что когда быстро пощёлкаешь по элементам, они выскакивают чуть-ли не синхронно. Этим управляет очередь анимации, я правильно понимаю? И необходим stop(). Вот только не могу догнать, куда именно его поставить. Подскажите, пожалуйста!

   Asked by Doogy, November 25, 2012

   0 votes
   1 answer
9. Псевдоклассы

   Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот что в CSS'е: a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;} a.menu_tip1:link { text-decoration:none; color:#848484;} a.menu_tip1:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -…

   Asked by The_Immortal, November 25, 2012

   0 votes
   5 answers
10. Пути для ssi

    Здравствуйте! Прикрепляемые файлы (шапка, боковое меню, подвал) лежат в корневой папке. Ко всем, находящимся в ней же, страницам (например index)присоединяются без проблем следующим кодом: <!--#include file="Block_header.html" --><!--Шапка--> Все работает, всем доволен, все очень удобно! Но...Дабы избежать излишнего скопления страниц в корневой папке, решил сортировать их тематически. Для этого создал в корне несколько дополнительных папок. Для страниц, находящихся в таких папках я меняю путь на: <!--#include file="../Block_header.html" --><!--Шапка--> Но браузер пишет - "[Ошибка при обработке этой директивы]" Что не так?! Все страницы с расширен…

    Asked by mckey72, November 25, 2012

    0 votes
    2 answers
11. К вопросу о портфолио

    Добрый день! Меня, как начинающего верстальщика, интересует вопрос о составлении портфолио, а точнее: чем это портфолио наполнять. Могут ли у меня в портфолио находится единичные странички (по типу divhack'a и пр.)? Дабы заинтересованное лицо могло оценить сам код. Или же в портфолио должны быть уже готовые и работающие сайты?

    Asked by SuperJerk, November 25, 2012

    0 votes
    2 answers
12. Оптимизация слайдера под IE

    Всем привет. Есть пример удобного слайдера на чистом CSS3. Но проблема в том что не работает под EI (8-10).. Помогите пожалуйста отремонтировать под EI. Ссылка на пример: http://www.amiro.ru/samples/css3-slider Выложил отдельно чистый пример слайдера: http://webfile.ru/6232900

    Asked by dorex, November 25, 2012

    0 votes
    1 answer
13. Заголовокпо центру сдвумя линиями по бокам

    Доброго времени суток, уважаемые форумчане! Задачка: сверстать такого типа общий вид заголовков Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть: <h1><span>Some text</span></h1> h1 { display: block; text-align: center; font: 22px/22px Georgia; color: #fff; } h1 span { display: inline-block; } h1 span:before, h1 span:after { content: ""; display: inline-b…

    Asked by 3des, November 25, 2012

    0 votes
    4 answers
14. Позиционирование DIV

    Ребят, я занимаюсь этим довольно не долго, нужна помощь.. Подскажите пожалуйста как разместить div обьекты так что бы внутри одного располагались еще 4 примерно в таких позициях.

    Asked by ivanovfcz, November 24, 2012

    0 votes
    4 answers
15. JQuery Cookies

    Пол дня е*усь с этим кодом. Так ничего и не получилось. Никак не могу стили правильно приписать в скрипт. Помогите пожалуйста. :( Меню: <ul id="menu-position" class="container"> <li class="menu"> <ul> <li class="button"><a href="#" class="green">Одежда<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Девочки</a></li> <li><a href="#">Мальчики</a></li> <li><a href="#">Новорожденные</a></li> <li><a href="#">Другое</a></li> </ul></li></ul></li> <li class="menu"&gt…

    Asked by salat, November 24, 2012

    0 votes
    2 answers
16. Фиксированная шапка и <body> overflow: auto;

    Мне необходима фиксированная шапка т.к. у <tbody> должна быть прокрутка. <div id="bigdiv"> - имеет стили #bigdiv { max-height: 550px; overflow: auto; width: 1024px; } <div id="bigdiv"> <table> <thead> <!-- Шапка должна быть фиксированной --> <tr> <td>Дата </td> <td>Имя пользователя </td> <td>Тип </td> <td>Удалить </td> </tr> </thead> <tbody> <!-- Должен прокручиваться --> <? $ch = mysql_query("SELECT * FROM `client…

    Asked by Tapakan, November 24, 2012

    0 votes
    6 answers
17. помогите сделать структуру

    Здравствуйте, помогите пожалуйста сверстать структуру этого макета. Просто я не знаю как расположить блоки чтобы все тянулось как нужно. Вот например вот это крыло с контактами, чтобы оно тянулось за блоком с новостями http://rghost.ru/41787237/image.png и под левой колонкой крыло это тоже нужно как то задать. В общем подскажите как организовать такую структуру.

    Asked by Pato, November 24, 2012

    0 votes
    1 answer
18. хаки ксс, что еще не известно

    Привет, не мог бы ты помочь мне, пожалуйста. Меня часто волнует один вопрос про верстку и я даже не знаю где искать, что то находил но так же быстро терял. Я надеюсь ты сможешь прояснить мне мои пустоты. В систематике CSS есть такие хаки, на пример > [type=""] и т.д. Так вот что сейчас интересно, у тебя нету полного списка таких хаков? Все чаще начинаю их использовать, точнее уже повсеместно и кажется что их больше чем я знаю и второй самый интригующий меня вопрос. Есть на пример кнопка <p><input ../></p> на пример делаем эфект при клике input:active {...} как на ксс задать, что при нажатии на инпут параграфу выше задаем свои новый ксс свойства? р…

    Asked by RodgerFox, November 24, 2012

    0 votes
    6 answers
19. Div и height

    Проблема заключается вот в чем, есть код, представлю ниже, в нем такая штука - если переполнить какой либо из блоков внутри #in_content, они расширяются, НО уходят за рамки div'а #in_content. Причем я расcчитывал на то что этот блок будет расширяться по мере расширения блоков внутри него по вертикали.Прошу помощи и кому не сложно, попробуйте сначала попробовать сами, а то я много способов перепробовал. HTML: <div id="content"> <div id="in_content"> <div id="foto"> <div class="foto_s"><?php echo '<img class="fotos" src="'.$myrow['avatar'].'" />'; ?><form action="update_foto.php" method="post" style="display:none"></form&g…

    Asked by Flancy, November 24, 2012

    0 votes
    8 answers
20. помогите с квадратными блоками

    Ребята! Вот суть: имеется много квадратных блоков div 252х252px, и нужно сделать так, чтобы они заполняли всю ширину страницы, не оставляя пустых мест и при изменении масштаба и разрешения экрана тоже все заполнялось. Как это сделать, уже несколько ночей решить не могу это проблему. вот пример https://mail.yandex.ru/disk/imgviewer/?id=%2Fdisk%2F1.jpg

    Asked by choovak, November 24, 2012

    0 votes
    6 answers
21. Проблема с ф-цией preg_match

    preg_match ищет в строке совпадение с заданным шаблоном. Но в моём случае почему то не находит ничего. Вот код: $badWord = array("мыло", "почт", "майл", "mail", "@", "yandex", "ICQ", "аська", "контакт", ".ru", ".ру", ".com", ".ком", "телефон", "8-9", "+7", "+3", "7-9", "точка", "тчк"); $regex = "/".implode("|", $badWord)."/i"; if(preg_match($regex, $text)) return true; else return false; Подскажите пож-та в чём может быть проблема?

    Asked by mrak, November 24, 2012

    0 votes
    1 answer
22. Подскажите как лучше реализовать меню

    В средней секции сайта есть бокс, в котором должно находиться меню такого вида: скрин Каждый квадрат соответственно пункт меню, с фоновой картинкой и текстом. Задача- чтоб при наведении на квадрат, он как бы показывался поверх того квадрата который его перекрывает. Изначально планировал сделать это на списке, но в данный момент задумался о js. Чем проще и надежнее реализовать данную задачу?

    Asked by cmndr_alexgreen, November 24, 2012

    0 votes
    8 answers
23. Выравнивание div по центру страницы

    Всем привет! Нужно, чтобы сайт отображался по центру окна, для этого у мня есть контейнер class="container" Поиск по форуму дает такой ответ Fatal error: Call to undefined method IPSText::monthNameRu2En() in /home/psywalke/public_html/forum.htmlbook.ru/admin/applications/core/modules_public/search/search.php on line 254. Так же на самом сайте есть статья Слой по центру web-страницы Этого недостаточно. В вышеизложенной статье откуда-то берутся отступы слева и сверху.. Не понятен алгоритм их расчета. Я думал, что есть простое решения, типа valign: center Спасибо.

    Asked by samulet, November 24, 2012

    0 votes
    3 answers
24. Растягивание border по горизонтали

    Рисунок 1 Рисунок 2 Здравствуйте! Нужно растянуть рамку вокруг текста как на рисунке 1. У меня получается как на рисунке 2. Подскажите, как исправить? Использую такой код <span style="border: 1px solid red;"> Ячейка1 </span> <span style="border: 1px solid green"> Ячейка2 </span> <span style="border: 1px solid purple;"> Ячейка3 </span>

    Asked by randy, November 24, 2012

    0 votes
    7 answers
25. выравнивание по высоте трех колонок

    Дорогие форумчане, помогите. Я совсем начинающий. Правлю css файл для интернет магазина, тем самым меняя его дизайн. Использую макет "Фиксированная ширина 3 колонки" . Проблема - если одна из колонок выше остальных, то получаются у остальных колонок разрывы с футером. Вот сайт albaro.ru Там прямо на главной странице видна эта проблема. Хотелось бы, чтобы высота всегда была одинаковая (по самой высокой колонке). Спасибо большое!

    Asked by samulet, November 24, 2012

    0 votes
    12 answers