Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. многострочная блочная ссылка, вертикальное выравнивание

    Как выровнять по вертикали по центру многострочную блочную ссылку? Хочется чтобы выглядело красиво и по ховер цвет фона менялся. line-hight в высоту блока не подходит, т.к. строчек больше одной

    Asked by mitay,

    0 votes
    13 answers

  2. Наложение блоков div друг на друга

    Добрый день! Не очень опытна в верстке блоками, поэтому хотела бы обратиться за помощью и подсказкой. Нужно сделать вот в таком виде: Я тупо решила это, позиционируя блоки с relative. Но что-то мне подсказывает, что решение очень неудачное, и все может сползти... Возможно как-то можно решить с помощью margin? Пока в голову не приходит как именно. Плюс желательно, чтобы блок2 и текст2 могли смещаться вправо, допустим до красной линии.

    Asked by m2141,

    0 votes
    6 answers

  3. проблемы с бэкграундом у фиксированого макета

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

    Asked by chiffenok,

    0 votes
    9 answers

  4. соприкосновение div при изменении разрешения

    Проблема при разном разрешении экранов. Как должно быть в идеале (разрешение 1600): А вот что получается при разрешении 1280: Код такой: Центральный блок: margin: 0px auto; width: 1000px; Чат: position: absolute; right: 5px; Сначала я сделал, что для чата следующее: left: 1200px и при разрешениях 1280 и 1600 все было хорошо. Но когда пошел к начальнику и у него разрешении более 1600, там был уже косяк... Как сделать так, чтобы при разрешении 1280, не накладывался чат на центральный блок? Например, чтобы он уходил правее (скроллингом прокручивать вправо). Полный размер:

    Asked by SLameN,

    0 votes
    10 answers

  5. Растягивание блока по высоте

    Почему content не растянулся на весь экран браузера? из за этого футер не прижат к низу. wrapper растянут, content тоже должен был растянуться т.к. у родительского высота указана на всё окно, так и дочерний должен был растянуться, при height: 100%;min-height: 100%; <html> <body> <div class="wrapper"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> </body> </html> html, body { height: 100% !important; } .wrapper { width: 100%; min-width: 940px; background: black; position: relative; height: 100%; height: auto!important; min-height: 100%; height: 100%; margin: …

    Asked by lunozwetka,

    0 votes
    2 answers

  6. Горизонтальное меню в див-блоке (я просмотрел все темы по поиску)

    Ребята привет. сайт 3d-journal.ucoz.ru Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2. В левом блоке меню разместилось очень просто HTML <div class="LeftMenu"> <a class="menu" href="Форум.htm">Новости</a> <a class="menu" href="Уроки.htm">Уроки</a> <a class="menu" href="Видеоуроки.htm">Видеоуроки</a> <a class="menu" href="Журнал.htm">Журнал</a> <a class="menu" href="Галерея.htm">Галерея</a> <a class="menu" href="Download.htm">Download</a> <a class="menu" href="Форум.htm">Форум</a> &l…

    Asked by Eugene-N,

    0 votes
    14 answers

  7. почему размеры шрифта на макете и на сайте так различаются?

    Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?

    Asked by sfc,

    0 votes
    13 answers

  8. Проблема с настройки cgi скриптов на локальном сервере

    httpd.conf: Единожды! скрипт сработал без ощибок. Далее что то изменил и опять все слетело. Помогите пожалуйста.

    Asked by mistic1282,

    0 votes
    0 answers

  9. Отступ

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="VERtuoz" /> <title>Отступ</title> <style> body{ text-align: center; margin: 0; padding: 0; } #one{ width: 1024px; height: 512px; margin: 0 auto; text-align: center; background: #f00; position: relative; } #two{ width: 640px; height: 256px; margin: 15px auto; background: #0f0; position: relative; } </style> </head> <body> <div id="one"> <div id="two"> …

    Asked by Zzz_,

    0 votes
    3 answers

  10. вопрос по wordpress?

    Подскажите , как можно для определенной темы вордпресс header сделать уникальным?

    Asked by olechic,

    0 votes
    1 answer

  11. Table + position: absolute + height = ...

    Тестовый пример безобразия: http://jsfiddle.net/SYhDr/1/ Задача элементарная: нужно отпозиционировать табличку к правому краю и растянуть на определенный процент контейнера заранее неизвестной ширины и высоты. Казалось бы, проблем нет: при абс. позиционировании 100% высоты всегда известны (это фактическая высота containing block'а — предка с position: relative), подставляй числа и радуйся. С обычным дивом так и выходит. Но с табличкой ожидаемый результат получается только в Опере и... IE8. Хром 19, Сафари 5.1.5 и Огнехвост 12 в один голос отказываются растягивать табличку на заданную высоту, а в IE9 и вовсе происходит леденящий душу маразм. Причем пунктом 17.5.3 спеки (ка…

    Asked by SelenIT,

    0 votes
    8 answers

  12. Позиционирование footer absolute

    Помогите плиз уже два дня мучаюсь. Есть код в котором многое прописано с помощью position: absolute; Главное что так прописан и footer. вот кусок кода: HTML: <div id="footer_carrier"> <div id="footer"> <div id="footer1"> <div id="footer_text"> Праздничные и фасадные работы для Вас и Вашей семьи! </div> </div> </div> </div> CSS: #footer_carrier{ background: url(pics/footer_border.gif) top left repeat-x; height: 50px; width: 100%; position: absolute; top: 100%; } #footer{ background: #ebebeb; height: 65px; margin-top: 3…

    Asked by tarkinsky,

    0 votes
    2 answers

  13. Сложное обтекание картинок

    Друзья! Возник вопрос, как сделать обтекание картинок текстом. Все вроде просто и понятно, но как сделать именно так, как на рисунке ниже??? Перерыл весь форум и еще кучу с других сайтов, но толком ничего не нарыл. Если кто может помогите пожалуйста!!!

    Asked by knyazvs,

    0 votes
    6 answers

  14. DIV поверх изображения

    Всем доброго времени суток, посоветуйте как расположить div поверх изображения при такой структуре <div id="content"> <div id="text_content"> Text here..... </div> <img src="pic.jpg" /> </div> Изображение должно быть на весь блок #content , a #text_content поверх изображения Главное чтобы не было div'ов с position:absolute , ну чтобы #content растягивался в зависимости от содержимого #text_content Спасибо.

    Asked by romanov,

    0 votes
    5 answers

  15. z-index

    помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно

    Asked by cyklop77,

    0 votes
    3 answers

  16. Как сделать интерактивные маркеры на изображении?

    Добрый день. Подскажите, пожалуйста, как сделать интерактивные маркеры на изображении, при наведении на которые будут всплывать блоки с текстом? Пример. Может, у кого-нибудь есть ссылки на туториалы, как делать что-нибудь подобное?

    Asked by Subcomandante.A,

    0 votes
    2 answers

  17. Валидатор

    Как вы считаете, стоит ли придерживаться мнения валидатора или послать его к чертям?

    Asked by Andrew_las,

    0 votes
    27 answers

  18. Как оставить прозрачность фону, но убрать прозрачность элементов на фоне?

    Подскажите пожалуйста: я использую для div-а: filter: alpha(opacity=50); opacity: 0.5; Див становиться прозрачным, но так же становятся прозрачными текст и картинки на нем .... Как тексту и картинкам вернуть не прозрачность? Используя прозрачную картинку png только или можно как-то еще? Вот что я использую полностью: <head> <title>Полупрозрачный элемент</title> <style type="text/css"> div.page {width:450px; height:300px; background:url(beetle.jpg) repeat; border:2px solid #555555} div.block {width:260px; height:140px; margin-top:79px; margin-left:94px; background-color:#ffffff; border:1px solid #333333; /* Internet Explorer */ filter:alpha(opacity…

    Asked by hea8y,

    0 votes
    2 answers

  19. сложный фон

    объясните пожалуйста хотя бы на словах(но лучше с примерами) как можно сверстать блок privacy policy такого макета. трудность в том, что блок должен растягиваться по вертикали в зависимости от количества контента. при этом левый и правый края блока должны выглядеть такими же зазубренными, без нарушения структуры

    Asked by cyklop77,

    0 votes
    7 answers

  20. Мусор в коде

    Здраствуйте ,надеюсь кто либо мне поможет.. И так начнем есть сайт http://school648.org/ которому уже 4 года и который я создавал и делал в 14 лет Сейчас я ответственный за сайт ,хоть уже и закончил школу ,но нные $ за него я получаю.. На сайте больше 500 страниц и заполняют его некоторые педагоги в чем и заключается проблема.. Меня лишь иногда просят добавить некоторые новые страницы,пункты в меню ,добавить ссылку. Уже несколько лет мучает проблема от которой было лень избавляться и вот наступил тот момент когда уже пора ее решать ,на сайте когда педагоги добавляют страницу происходит добавления кучи мусора в код сайта ^^ Пример: Вот так выглядит код при изменения цве…

    Asked by Skooter,

    0 votes
    1 answer

  21. Не обтекает рамка

    Не могу понять, почему так происходит. Если ставлю border-collapse:collapse то все нормально - вот, но красивее было бы border-collapse:separate, но тогда рамка справа уходит в сторону - вот. В чем может быть дело, помогите разобраться пожалуйста!

    Asked by Akulina,

    0 votes
    2 answers

  22. DIV с динамической высотой

    всем привет, можете подсказать как сделать DIV'футера с динамической высотой. То есть чтобы он прилипал к низу страницы и растягивался до предыдущего блока, если у предыдушего блока высота уменшается высота футера увеличивался.

    Asked by best_master,

    0 votes
    7 answers

  23. на разных компьютерах разный результат

    Добрый день! Я новичок в верстке. Дома сделала сайт, подогнала в PixelPerfect, принесла на работу - всё совершенно по-другому. Текст практически не совпадает, текстовые поля вдруг стали другого размера и перепрыгнули на другие строки (дома с картинкой совпадало поле size=32, а на работе уже 30). Подгоняла только под FireFox. В чем может быть причина, и что с этим делать? Размер экрана на работе больше. Может я на какую-то нету кнопочку в PixelPerfect нажала. Не помню какая версия Фаерфокса дома. Может быть, что это из-за того, что версии не совпадают? Кто-нибудь уже сталкивался с такой проблемой?

    Asked by nadiushka85,

    0 votes
    1 answer

  24. Прозрачность "Opacity"

    Есть div блок с "opacity: 0,2" И внем текст span, мне нужно что бы span был opacity:1 !important;, но он не реагирует!? в чем ошибка?!

    Asked by Zzz_,

    0 votes
    5 answers

  25. Текст обтекающий картинку

    Такая вот проблема, при открытии ява-спойлера текст не сдвигается вниз, оставляя блок пустым, а обтекает картинку. Приmер http://beltravel.16mb.com/2012/06/orsha/ "нажмите на "Водяная мельница" Как от этого избавиться? помогите.

    Asked by bu3i28,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept