HTML Coding

29542 questions in this forum

1. На дворе конец 2012-го года. Что у нас по круглым картинкам?

   Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает border-radius: 100%; width: 150px; height: 150px; Кто как выходит из положения? Скруглять нужно именно картинку. Без слоев с фоновыми изображениями. Упс. Заменил проценты на пиксели и заработало

   Asked by weart, September 30, 2012

   0 votes
   9 answers
2. Резиновая шапка

   Друзья! Прошу помочь, если есть возможность. Нужно в .css как то указать, что бы фоновая картинка, которая будет шапкой сайта, была резиновая. weight = (к примеру) 80% в background-image не помогает. Возможно есть еще какие то способы, подскажите если не сложно Цель вообще такая. Нужно, что бы шапкой сайта, служила картинка, но она могла растягиваться и сужаться, как и весь сайт, если у пользователей разное разрешение. Как мне этого добиться Извиняйте, если где то ошибаюсь и неправильно рассуждаю, учу html и css пару недель

   Asked by a1rborn, September 30, 2012

   0 votes
   9 answers
3. Структура сайта

   Столкнулся с вопросом когда начал создавать вторую страницу своего сайта. Как я понимаю сайт это скрепленные между собой документы HTML находящиеся в одной папке , а сколько должно быть таблиц стилей к этим документом ? меня волнует как оперативние будет работать browser читая один файл css или бегая по разным. Ну и хотелось бы узнать как делаете Вы. Спасибо за внимание и ответы.

   Asked by Mirabo4, September 30, 2012

   0 votes
   3 answers
4. Дублируется шрифт на ipad :(

   Добрый вечер, вот такая проблема с некоторыми шрифтами на сайте под ipad сайт http://brodude.ru/ скрин с ipad css шрифта font-family: 'pt_sans_narrowregular'; Спасибо!

   Asked by by_roxe, September 30, 2012

   0 votes
   5 answers
5. Значение input.submit пропадает при нажатии

   Добрый день. Такое дело: в Опере, ИЕ и Файрфоксе кнопка <input type="submit" value="ok"> обнуляет значение value. (Не отправляя форму, просто нажав на кнопку.) Скриптов или экшенов на кнопку еще нет, только стили навешаны (hover, active). html5, доктайп соответствующий. Использовать button - выход. Но хотелось бы узнать причину поведения input.submit. Кто занет?

   Asked by tius, October 1, 2012

   0 votes
   2 answers
6. Выравнивание элементов

   подскажите как выровнять элементы по вертикали вниз?

   Asked by AndreyT, September 30, 2012

   0 votes
   3 answers
7. Слои и CSS

   Всем здравствуйте, будьте добры подскажите по какой причине может не работать атрибут text-decoration: underline; (при наведении курсора на ссылку под ней должна появляться полоска), делаю страницу сайта слоями, первый слой фотка, остальные слои это ссылки поверх этой фотографии в привязанном документе CSS в параметре слоя ставлю атрибут text-decoration: underline; и он не хочет работать, да и другие значения этого параметра не работают.

   Asked by criket84, September 30, 2012

   0 votes
   4 answers
8. Встраивание <span> внутри <a>

   Подскажите с решением такой проблемы: Есть ссылка, допустим <a>Необходимо решить проблему</a>. У ссылки есть определенный стиль (пусть: синяя, подчеркнутая). Внутри ссылки слово РЕШИТЬ надо выделить другим цветом (пусть, черным). Реализовали это через <a>Необходимо <span>решить</span> проблему </a>. После, надо чтобы при наведении на ссылку вся ссылка, включая РЕШИТЬ, выравнивалась в один цвет (синий как у всей ссылки) и убрать подчеркивание. Делаем стили, добавляем hover для <а>, но тут проблема - span наследует то, что нужно убрать подчеркивание, но не наследует цвет. Заранее спасибо.

   Asked by Ex.clusive, October 1, 2012

   0 votes
   2 answers
9. Всплывающее окно просмотра

   Кто подскажет простое всплывающее окно для просмотра фоток фотки разных размеров,и чтобы оно подстраивалось по пропорции но было не больше чем max-width, max-height, и меньше min

   Asked by vladimircape, October 1, 2012

   0 votes
   2 answers
10. обрезается li в div при наличии горизонтального скрола

    Я не профи в верстке и работы по верстке делаю чисто для себя. Но на днях столкнулся с нерешаемой для себя проблемой, пускай и не критической, но которая режет глаза. Дело в том что прикрутив к своему скромному бложеку скрипт geshi, обнаружил проблему когда при наличии скрола цвет фона для li обрезается (смотреть скриншот) пример можно посмотреть по ссылке Просьба помочь профиксить данную проблему, желательно без использования костылей в виде определения ширины максимальной строки. Заранее спасибо за любую помощь.

    Asked by beliy, October 1, 2012

    0 votes
    17 answers
11. Как верстать нестандартную шапку для таблицы?

    У шапки таблицы скруглённые углы, внутренняя тень, единый паттерн на фоне и произвольная высота. Как это можно сверстать?

    Asked by LittlePony, October 1, 2012

    0 votes
    6 answers
12. правила синтаксиса

    #sideLeft a, span{} в браузере получается что при такой записи правила распространяются на все span`ы а не только те которые внутри тега с айди sideLeft это неправильная запись? нужно писать #sideLeft a{} #sideLeft span{} правильно?

    Asked by Sub-zerro, October 1, 2012

    0 votes
    2 answers
13. Скрыть контент от поисковика

    Здравствуйте. Руководствуясь данной статьей решил на Джумле сделать то же самое. На выходе же ничего не выводится. Вопрос такой: Кто-то делал таким способом? И вообще что порекомендовать можете? Очень, очень нужно Спасибо

    Asked by Imperil, October 1, 2012

    0 votes
    3 answers
14. Проблема с кодировкой

    Привет. Подскажите что за проблема у меня такая, вот сайт http://vsja4ina.tw1.ru/ в хроме, опере, ИЕ открывается нормально но в фаифрксе открывается голый код вместо странички пошамагил с кодировкой и в UTF-8 когда сохраняю фаирфокс все отлично открывает но хром отказывается видеть стили сохарняю в юникоде и все возращается обартно. в чем может быть проблема? и это появилось поле последнего обновления хрома

    Asked by bugatti, October 1, 2012

    0 votes
    7 answers
15. Опять IE?

    Посмотрите плз страничку в IE9 http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Во всех броз картина прдсказуема, а в этом футер безобразно едет вправо добавляя горизонтальный скролл. Не удается раскопать причину такого явления. Может знатоки подскажут?

    Asked by seemax, October 1, 2012

    0 votes
    4 answers
16. Как сделать так что бы

    Напремере как здесь , линк с главной страницы ведет на середину дрогой страницы. Я хотел бы узнать как такого дибиться. Спасибо.

    Asked by Mirabo4, October 1, 2012

    0 votes
    1 answer
17. 100 однотипных страниц

    Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?

    Asked by reitory, October 1, 2012

    0 votes
    4 answers
18. несколько элементов в строку

    не могу понять - такая конструкция: <div class="header"> <div class="field1">FIELD1</div> <div class="field2"><a href="#" class="logo"></a></div> <div class="field3">FIELD3</div> </div> .header { text-align:center; width:100%; height:200px;} a.logo{background: url(img/logo.png) no-repeat; display:block;width:360px;height:131px;} .field1,.field2,.field3{width:360px;height:131px;display:inline-block;} центральный блок, который содержит ссылку рисуется на уровень выше двух остальных. помогите выровнять их на одном уровне.

    Asked by mafinok, October 1, 2012

    0 votes
    3 answers
19. Разбивка страницы (частичное отображение)

    Как сделать что бы на странице сайта выводилось определенное количество новостей, а в низу странички кнопка при нажатии на которую к странице еще добавляется такое же количество новостей и так пока новости не закончатся. Заранее спасибо за помощь!

    Asked by Zeferot, October 1, 2012

    0 votes
    2 answers
20. <div> в линию

    Столкнулся со следующей проблемой Хочу разместить несколько див элементов в одну строку, что бы они шли по очереди, без интервалов. Получается это сделать, если для каждого див элемента прописывать лефт\топ\райт позицию. Это довольно долго, и, как мне кажется, не совсем правильно. По другому никак не могу сделать. К примеру, в css в класс див вставлял display:inline - не помогло, пробовал float - тоже нуль результатов. Буду благодарен за помощь Код html <html> <link href="style.css" rel="stylesheet" type="text/css"> <body> <div class="qwe" style="position:absolute;">див 1 </div> <div class="qwe" style="position:absolute;">див 2 </d…

    Asked by a1rborn, October 1, 2012

    0 votes
    5 answers
21. Верстка кнопки vs ссылка

    Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам. Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. ) Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.

    Asked by okunev2, October 1, 2012

    0 votes
    14 answers
22. На что ориентироваться

    Доброго времени суток! Я, можно сказать, начинающий верстальщик и хочу определиться, как верстать правильнее и нужнее. Многие говорят, что до сих пор, стоит верстать под ie6 и всех его предшественников. Но взяв статистику рунета, явно видно, что доля браузеров IE6 составляет всего 0,5%. Когда другие браузеры составляют намного большую значимость. http://www.liveinternet.ru/stat/ru/browsers.html - вот статистика. Что же делать? Под IE8 верстать, я согласен, это не составляет огромного труда. Но IE6 - это АУТ!!!

    Asked by ohinem, October 1, 2012

    0 votes
    4 answers
23. Ширина блока по тексту

    Здравствуйте! Прошу прощения, если пишу не туда, довольно срочная проблема. Есть слой, в котором ссылка, при наведении на эту ссылку появляется дополнительный слой (что-то вроде выпадающего меню). Выпадающее меню имеет определенную ширину (в зависимости от длины текста и т.д.), мне очень надо сделать, чтобы ширина этого выпадающего слоя была равна ширине ссылки, при наведении на которую появляется это меню. Пробовал разные пути, сейчас остановился на этом. Нахожусь в абсолютном тупике. Буду благодарен за помощь. <style type="text/css"> .cat-list_parts_link { float: left; width: 150px; padding: 0 5px 20px 10px; } .cat-list_parts…

    Asked by vlasenkov, October 1, 2012

    0 votes
    6 answers
24. Центрирование...

    Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…

    Asked by johan, October 1, 2012

    0 votes
    23 answers
25. Выравнивание элементов

    Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода: HTML - код: <div class="scroller"> <div class="left"></div> <div class="sc"></div> <div class="right"></div> </div>? CSS - код: .scroller { width: 90%; height: 200px; border: 1px solid #0F0; margin: 0 auto; } .left { width: 12px; height: 198px; border: 1px solid #30C; float: left } .right { width: 12px; height: 198px; border: 1px solid #30C; float: right; } .sc { width: auto; border: 1px solid #F00; height: 198px; margin: 0px 14px 0px 14px; } Нужно чтобы class="scroller" был дин…

    Asked by Vov4uk, October 2, 2012

    0 votes
    7 answers