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

29542 questions in this forum

  1. Как привязать выпадающее меню к событию нажатия кнопки?

    Нашла анимацию гамбургер меню из трех полосок в крестик. Не могу понять как к нему прикрепить появление самого меню при нажатии. <nav class="nav"> <div class="nav__btn"> <a id="nav-toggle" href="#"><span></span> </a> </div> <ul class="nav__list"> <li> <a href="#" class="nav__link">Episodes</a> </li> <li> <a href="#" class="nav__link">Charact…

    Asked by garmoni,

    0 votes
    5 answers

  2. Изменение рисунка при наведении курсора

    Подскажите пожалуйста! Что делать что-бы верхняя картинка изменялась при наведении на ссылку? www.sdlmebel.h.com.ua

    Asked by Frenk Garigan(Gagarin),

    0 votes
    5 answers

  3. Работа с CSS

    Здравствуйте. Мне нужно сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока 2 картинка за низ 3 картинка за левую сторону 4 картинка за правую сторону 5 картинка за середину Думал сделать солидную пачку дивов, но хтмл код будет слишком "грязным". Я делаю первый раз сайт и не знаю более компактных способов. Мой блок будет 700 пикселей в ширину и в зависимости от текста будет ползти вниз. В нём будут только заголовок H1 и теги <p> Подскажите пожалуйста, как это можно компактно реализовать?

    Asked by Faran,

    0 votes
    14 answers

  4. Почему в IE третий блок получаеться снизу!?

    Почему в IE третий блок получаеться снизу!? Не могу понять что являеться причиной! Трехпиксельный баг IE- 6ого? - Да я б не сказал, потому что один процент равен 10 пикселям, а так как один процент я оставил свободным, то получаеться, что по-любому в запасе остается еще один пиксель даже если баг имеет место! Что же здесь его не устраивает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type ="text/CSS"> * {margin: 0; padding: 0; border:0 } body {background-color:#00222a;} .leftDiv{margin:0 0 0 3%;}…

    Asked by WEB_bobby,

    0 votes
    10 answers

  5. жирный шрифт в таблице при XHTML 1.0 Strict

    добрый день. Первый раз столкнулся с такой проблемой, использую доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> и как оказалось в нем(именно из-за него, проверил) не могу сделать текст жирным ни одним из пришедших мне в голову способом. Мистика какая-то, ни задание класса для td с параметром font-weight:bold,ни для всех td,даже прописывание тега <b> ничего не прокатывает. Подскажите кто знает,как по этому стандарту.сделать жирный текст

    Asked by versoul,

    0 votes
    7 answers

  6. css validation небольшие недочеты

    Сабж. стоит ли обращать внимание на эти ошибки?

    Asked by rus,

    0 votes
    19 answers

  7. Валидатор

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

    Asked by Andrew_las,

    0 votes
    27 answers

  8. Тэг <LI>

    Валидно ли использовать тэг LI без UL, OL или MENU ?

    Asked by Gold Dragon,

    0 votes
    29 answers

  9. Выравнивание блока и input

    <!DOCTYPE html> <html> <head> <title>Добавление адресата</title> <style type="text/css"> body { font-family: "arial", sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: 400; line-height: 110%; color: #333333; } .side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; width: 65%; overflow: hidden; min-width: 550px; } .big_input { width: 99%; } select.big_select { width: 85%; /*min-width: 350px;*/ max-width: 715px; } .dark_grey { margin: 0pt; padding: 1pt 15px 7px; background: rgb(228, 228, 228) none repeat scroll 0% 50%; } .big_textare { margin: 0; display: block; width: 99%; cli…

    Asked by apv1989,

    0 votes
    6 answers

  10. Нужна помощь в верстке меню-бара

    Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .nav { display: flex; list-style-type: none; padding-left: 0; font-size: 17px; text-transform: uppercase; } .nav > li > a { color: #fff; text-decoration: none; } .nav > li { padding-left: 29px; margin-left: 30px; } .header { display: flex; back…

    Asked by senioz,

    0 votes
    1 answer

  11. Странный косяк( при увеличении или уменьшении сайта)

    #pravo { position:relative; width:280px; height:284px; margin: 5px 0px; padding:0px 0px; border: 0px; float:right;} #menu_a { position:relative; width:250px; height:49px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } #menu { position:relative; width:250px; height:231px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } #menu_b { position:relative; width:250px; height:44px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); } #menu_a a:link, #menu a:link, #menu_b a:link, #menu_a a:visit…

    Asked by doox911,

    0 votes
    14 answers

  12. Проблема с иконкой в строке адреса

    Я хочу добавить иконку в строку адреса. Создаю файл favicon.ico, помещаю его в корневой каталог сайта, в файле пишу: В результате в Мозилле и Опере отображает, в ИЕ- нет. Смотрю в код сайтов, в которых все нормально отображает: у них либо прописано так, либо вообще ничего в коде не прописано. Тем не менее, у них отображает везде. Так почему у меня не отображает, если я делаю так же? Есть какие-то идеи?

    Asked by nemecfc,

    0 votes
    8 answers

  13. Всплывающая картинка при нажатии на input type="submit"

    Подскажите, как сделать, чтобы при нажатии на <input type="submit" class="form-submit" value="Отправить"> появлялась всплывающая картинка?

    Asked by Fendia,

    0 votes
    9 answers

  14. При уменьшении окна браузера правый div уходит вниз !

    Есть три области, div_left, div_center, div_right. В div_left находяться ссылки, в div_center выводиться основная информация а в div_right находиться например рекламма. При уменьшении окна браузера div_right уходит вниз !!!!! div_left в котором находяться ссылки также уменьшается до безобразия. Задача: оставить неизменными div_left и div_right при изменении размера окна браузера, div_center может меняться в ширину. Заранее Благодарю за ответ !!!

    Asked by 333_org_ua,

    0 votes
    5 answers

  15. Футер съехал вправо

    Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    11 answers

  16. CSS и размеры кнопки

    Всем привет. Помогите, пожалуйста, со следующей проблемой... Имеется код кнопки: *** <form action="" id="cse-search-box"> *** <button class="Button" type="submit" name="" tabindex="" style="margin-left: -60px; margin-top: 10px; text-align:justify;"> <span class="btn"> <span class="t"> Поиск </span> <span class="r"> <span></span> </span> <span class="l"></span> </span> </button> *** </form> *** К ней применены следующие стили оформления: /* Search Form */ #cse-search-box button.Button, a.Button { position:r…

    Asked by LabaZu,

    0 votes
    5 answers

  17. На что можно заменить <br> + красная строка

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

    Asked by ProSaifer,

    0 votes
    3 answers

  18. Как у параграфа “p”, выделить границы пунктиром через стили?

    Здравствуйте, есть контейнер с id, мне нужно через стили выделить границы у всех параграфов “p”, которые встречаются в этом контейнере (пунктирной линией). Как это сделать?

    Asked by Katerina23,

    0 votes
    6 answers

  19. текст налезает на картинку

    Приветствую, Не могу понять, почему так происходит Текст тупо залезает на картинку, хотя у той стоит align="left" (float: left) также не дает эффекта. Как это можно исправить? Пример где это наблюдается - http://sbride.ru/users/310/

    Asked by sbride,

    0 votes
    2 answers

  20. Блоки новостей. Как семантичнее верстать?

    Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?

    Asked by novicheG,

    0 votes
    22 answers

  21. expression - зависимость контента от активной области браузера

    Возникла проблемма. Имеется дизайн у которого по бокам много различных элементов(узоров). Сам шаблон в ширену 1200, а основная часть приблезительно 1000. 100пикс по левому и по правому краям занимают узоры. Прикрепил узоры слоями к основной части по левому и правому краю. Основная часть фиксированная, поэтому варианты с тянущейся основной отпадают.... Проблемма собственно в чем: пытаюсь адаптировать этот дизайн под 1024, но ничего не получается -- из-за узоров появляется полоса прокрутки. Нужно средствами CSS узнать ширешу экрана и в зависимости от расширения автоматически подрезать слои-узоы чтобы полосы не возникало. Слышал о небольших JavaScript включениях в файлы CSS…

    Asked by Maslakoff,

    0 votes
    7 answers

  22. frD-Как отодвигать бокс

    Доброго времени суток. Вот простенький сайт http://nwmost.ru/csstest/nd/index.html Вроде бы все нормально, но если кликнуть на "Прайс-лист", то видим, что если контент выходит за рамки, то получается белиберда. Подскажите: как сделать, чтобы нижняя полска отодвигалась под контент.

    Asked by avb,

    0 votes
    15 answers

  23. Таблица + дивы

    В общем такая ситуация: Есть макет из таблицы типа: шапка, лево, центр, право, подвал. В общем обычная трехколоночная структура. В левой ячейке, 2 блока, по середине - один, справа - тоже 2. Суть проблемы в том, что в опере и мозиле блок который посередине, накладывается на блоки слева и с права. Вот код: <body> <style type=text/css> body{ margin: 5px; } .main_table{ width: 100%; height: 100%; border-collapse: collapse; } .logo_cell{ width: 100%; height: 105px; background: url('images/logo_fon.gif'); } .left_cell{ width: 15%; height: 100%; vertical-align: top; } .center_cell{ width: 70%; height: 100%; vertical-align: top; padding-right: 5px; padding-left: 5…

    Asked by ros.pro,

    0 votes
    14 answers

  24. Помогите IE "обрезает страницу"

    Посмотрите: www.vspu.ru/is/typo3/index.php IE справа странно обрезает страницу, Mazilla, Opera отображают нормально. И второе. При хождении по меню слева: НавигацияПодразделенияМатериальный отдел.... Сдвигается вниз весь контент. Почему, как исправить?

    Asked by margol,

    0 votes
    13 answers

  25. Обтекание блоков - как выровнять высоту блока-контейнера?

    Всем здравствуйте. Есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test2</title> <style> div, h1, h2, h3, p { padding: 0; margin: 0; } h1, h2, h3 { padding-top: 9px; padding-bottom: 3px; } #container { width: 980px; margin: 0 auto; border: 1px solid #f00; background: #ccf; } </style> </head> <body> <div id="container"> <div style="border: 1px solid #000;"> <div style="width: 500px; float: left; border: 1px solid #000;"> Главная<br>О компании<br>Услуги </div> <div sty…

    Asked by samorealization,

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