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. Принудительное отображение картинок

    Здравствуйте! Подскажите, пожалуйста, как сделать, чтобы некоторые картиники (например, изображения "перекатывающихся" кнопок) загружались и отображались всегда, игнорируя установку (Оперы) "отображать только кэшированные"?

    Asked by Hedron,

    0 votes
    18 answers

  2. Нестандартная верстка шапки сайта

    Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна

    Asked by kotikes,

    0 votes
    4 answers

  3. Вставка HTML после определенного элемента

    Случилось такое что после каждого заголовка <h3> в правой колонке сайта, нужно вставить HTML код: <div class="clr"></div> пробовал через CSS с помощью :after, но текст вставляется как обычный, а не HTML. Думал реализовать через JavaScript, но к сожалению с ним плохо знаком, подскажите пожалуйста уроком или советом К сожалению ссылку на сайт предоставить не могу, т.к. сайт на локальном сервере.

    Asked by MC WEST,

    0 votes
    24 answers

  4. Поведение :hover у псевдоэлементов

    Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

    Asked by Kelenar,

    0 votes
    7 answers

  5. Выпадающий список прикрутить скролл

    Приветствую Всех! Добрые люди подсказали готовое решение (http://designformasters.info/posts/select-replacement/ ) по реализации своего select. Решение отличное, но вот не получается в него нормально скролл прикрутить, не много видоизменил http://otverblyuda.ru/test/menu/index.html. Подскажите как реализовать скролл правильно.

    Asked by Feduch,

    0 votes
    6 answers

  6. Вертикальное выравнивание внутри дива.

    Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через vertical-align: middle Вариант с padding или line-height не подходит. Интересует, как правильно выравнивать по вертикали текст или другой див. Заготовил формочку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} .max1 { height : 300px; background: red; } .max2 { height : 300px; background: black; } .max2 div { height : 50px; width : 50px; background: green; } </style> </head> <body> <div class="max1"&gt…

    Asked by Semreg,

    0 votes
    9 answers

  7. Не работает z-index

    Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>z-index</title> <style type="text/css"> .card { position: relative; }…

    Asked by ListOFF,

    0 votes
    5 answers

  8. Не работает min-height : 100% в FF

    Добрый день Вот пример сайта http://www.ulskiy.org.ua/example/ У наружного блока .contentbody и у елемента body задано свойство min-height : 100%; Если открыть его на мониторе с разрешением 1280 на 1024 в броузере Firefox, то будет видно, что это свойство не работает. Подскажите пожалуйста как решить эту проблему

    Asked by Casufi,

    0 votes
    5 answers

  9. Помогите!не могу убрать границы таблицы

    Привет всем!! Вот решила немного подучится html и css. Наткнулась на такую проблему: нужно сформировать некоторый вид части html документа с помощью таблицы. В css по этому поводу - написано следующее: table { border:0px; background-color:#ffffff; align: center; text-align: justify;} table td { vertical-align : bottom;} #trwhite { background-color: #ffffff;} #trgray { background-color: #e6e7e8;} #tdwhite { background-color: #ffffff;} #tdgray { background-color: #e6e7e8;} в html вот это: <table align="center" width="100%" > <tr> <td id="tdgray" rowspan=2 ></td> <td id="tdgray" rowspan=2 width="164"> </td> <td i…

    Asked by asido,

    0 votes
    14 answers

  10. Обрезается фон при прокрутке

    Имеется вот такой простейший код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <div style="background: url('img.jpg') no-repeat center top; height: 200px;"> <img width="1000" height="1"> </div> </body> </html> То есть имеется DIV, у которого прописано фоновое изображение. Это изображение не должно повторяться и заполнять DIV, а располагаться сверху и посередине блока. DIV имеет некоторое содержимое (в данном случае картинку) которое не дает ему сжиматься и при сжатии окна появляется полоса прокрутки. Так вот проблема в том …

    Asked by ZooY,

    0 votes
    7 answers

  11. Ура! У меня ничего не получилось

    Ура!! У меня ничего не получилось. Вот так то. Хотел построить вебсайт, который бы мне нравился, HTML+CSS Потом бросил это дело, подумал, что легче будет сделать это методом Joomla+WordPress. Почти ДВА месяца пробовал "в*ехать в эти прибамбасы", смотрел видеоуроки, где по полочкам все разложено, вроде понятно, захожу на Joomla пробую делать - не получается, то же самое и с WP. Короче - результат отрицательный, но это тоже результат. Сейчас вот думаю пойти другим путем. Используя Dreamweaver CS5.5 наклепать заготовок, какие нравятсй, а потом при помощи HTML+CSS построить каркас и внести туда все, что мне нравится из ранее "наклепаного". Однако вопрос один остается: …

    Asked by www...,

    0 votes
    29 answers

  12. Как в CSS2 задать что-то типа переменных (идентификаторов)?

    Никак не могу понять как это делается (и делается ли вообще). Т.е. например, можно ли задать переменную color01 = "#e00", а затем при описаниия стиля использовать идентификатор color01 вместо цвета? Или как можно сделать (может через наследование) что-то вроде этого: .t1 { background-color: #e00; border: 1px solid #fff} а затем каким-то образом "подключить" уже описанный ранее стиль, чтобы вместо кода: .t2 { background-color: #e00; border: 1px solid #fff; width = 20%} написать что-то вроде: .t2 {style="t1"; width=20% } Читал спецификацию по CSS2, так и не понял принципов наследования. Помогите кто-нибудь или дайте хотя бы ссылку на нормальную книжку про CSS!

    Asked by retk213,

    0 votes
    13 answers

  13. Правая граница блока

    Здравствуйте! У меня возникла проблема с сообщениями на сайте! Основной блок сообщения состоит из левого блока (инфа о юзере) и правого (текст сообщения). У правого блока задана правая граница, так вот с ней то и проблема... Проще будет объяснить по скриншоту: В первом сообщении правая граница идет не до конца блока всего комментария, из-за большого сообщения... Как ее расширить на всю предоставляемую ей высоту??? Так не работает: height:100%; display:block; Если что то вот сайт http://109.87.26.150/fiestadle/ (там небольшие проблемы с кодировкой, ставьте utf-8 если что) Заранее спасибо!

    Asked by MC WEST,

    0 votes
    28 answers

  14. Ростолкуйте CSS правило

    min-Height работающий в FF, IE6, IE7, Opera .minHeight { min-height: 200px; height: auto !important; height: 200px; } Растолкуйте плиз, как браузеры читают правило и почему соответственно работает во всех.

    Asked by kozakmamai,

    0 votes
    6 answers

  15. div блок по центру

    как сделать этот блок по центру CSS: * { margin:0; padding:0; } #form_comment { border:2px solid #333; color:#333; font:14px bold Verdana; position:absolute; padding:5px 10px; margin:20px; } #form_comment * { margin:4px auto; } .enter_email { width:200px; border:1px solid #707070; } .enter_message { width:400px; border:1px solid #707070; } .enter { width:150px; height:30px; float:right; text-transform:uppercase; } HTML: <div id="form_comment"> <form action="#" method="post" name="addcom"> <p>Ваш email:</p> <p><input name="email" type="text" class="enter_email" /></p> <p>Ваше сообщение:</p&…

    Asked by AndreyT,

    0 votes
    30 answers

  16. Оптимизация

    Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.

    Asked by ignar,

    0 votes
    23 answers

  17. Эффект печатающегося текста

    Подскажите, как сделать средствами CSS, но не скриптами, чтобы каждая строка начинала прописываться после того, как предыдущая закончила прописываться. Сейчас все строки прописываются одновременно. HTML: <p class="text-typing">1 строка</p> <p class="text-typing">2 строка</p> <p class="text-typing">3 строка</p> <p class="text-typing">4 строка</p> CSS: .text-typing { width: 21em; color:green; font-size: 22px; font-family: 'Marck Script', cursive; white-space:nowrap; overflow:hidden; -webkit-animation: type 5s steps(34, end); animation: …

    Asked by StOK,

    0 votes
    3 answers

  18. "железная ширина"

    не могу понять в чем дело... задал ширину в 171px визуально 171px, но когда начинаешь вставлять тект в этот слой, то этот слой становится шире в зависимости сколько в н?м текста! Как задать ширину так, чтобы текст не удлинял слой, а как обычно сам впихивался в эти 171px ?

    Asked by maza,

    0 votes
    13 answers

  19. Не могу понять

    Извините, конечно, что повторяю некоторые проблемы, но: Мозила фаир 3 не хочет отображать картинки, ИЕ отображает, искал решение, подсказали относительные папки и всё такое, помогите разобраться, допустим картика находиться тут: c:/www/images/picture.png (изначально так писал) то относительный адрес будет таков: images/picture.png (я так написал, картинка не отображалась) или каким адресом, если не трудно напишите. Заранее спасибо.

    Asked by Yahoo!,

    0 votes
    13 answers

  20. Кавычки

    У меня wordpress тема blue и когда в текст вставляю любую пару двойных кавычек «слово» или "слово" , то на сайте получаю пару закрывающих кавычек »слово» В стилях ничего не нашла.

    Asked by fowl,

    0 votes
    27 answers

  21. кроссбраузерная верстка 3-х столбцов

    Прошу помощи дизайнеров. Есть у меня тривиальная задача. Но не получается у меня все красиво сделать. Мне нужно сверстать главную страницу, а именно информационную часть (то что находится между header и footer). В таблицах такое делается без проблем, но вот Дивами у меня никак не получается. Во вложении нарисовано как это должно выглядеть. Помогите с версткой.

    Asked by Unsiker,

    0 votes
    19 answers

  22. как дивами таблицу заменить?

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

    Asked by Джамшут,

    0 votes
    17 answers

  23. Виртуальная машина

    Решил поставить виртуальную машину. Не знаю, какую выбрать. На данный момент нужно конкретно для тестирования верстки на кроссбраузерность и на кроссплатформенность. Чтобы на одной машине стояло несколько образов с разными системами. Подскажите, какую выбрать и на что нужно обратить внимание? Нужно для домашнего использования, желательно бесплатную. Вроде как есть 3 популярных: Sun VirtualBox VMware Player Microsoft Virtual PC Подскажите, на что ориентироваться? Спасибо.

    Asked by DjTarik,

    0 votes
    29 answers

  24. Как ограничить действия position:fixed

    Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)

    Asked by Hol1killer,

    0 votes
    10 answers

  25. Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);

    Нужно протянуть 2-х цветную вертикальную полоску по краю td.content... Решил сделать ее через jpg прописал в css td.content { padding: 5px; vertical-align: top; border-left: url(../images/menu_line.jpg); } Но она не отображается. Помогите решить задачу....

    Asked by vovchikku,

    0 votes
    8 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