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. Label над текстовым полем и дивы в одну строчку

    Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…

    Asked by dominity,

    0 votes
    4 answers

  2. Чтобы фоновая картинка страницы растягивалась по вертикали на весь экран

    Может кто сможет ответить на вопрос: как сделать, чтобы фоновая картинка сайта растягивалась вертикально? Я нашла стиль для горизонтального растягивания фоновой картинки: body { background-image: url(images/1.jpg); background-repeat: no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; } Существует ли что-то подобное для вертикального растягивания фоновой картинки сайта?

    Asked by StOK,

    0 votes
    8 answers

  3. Правила синематики

    Недавно я наткнулся на новый термин - синематика. Я узнал что это такое, но не узнал какие есть правила. В интернете ничего хорошего не нашел. Пожалуйста раскажите что знаете про это.

    Asked by Fenix,

    0 votes
    21 answers

  4. Расположение блоков друг под другом в несколько колонок

    Привет всем. Не могу понять как сделать так как на скрине скрин http://s50.radikal.ru/i129/1103/96/49082ab6107c.gif Это будут ссылки категорий новостей. У категорий есть подкатегории. Генерация вывода идет через smarty {foreach name=aussen item=news from=$news_data} <div class="block1"> <a href="{$news.LINK}">{$news.TITLE}</a> // категория первого уровня <div class="block2"> {foreach key=key_data item=subnews_data from=$news_data.sub} <a href="{$subnews_data.LINK}">{$subnews_data.TITLE}</a> // категория второго уровня {/foreach} </div> </div> {/foreach} Вот нужно, чтобы все block1 шли друг за другов в три или более к…

    Asked by dropoff,

    0 votes
    4 answers

  5. Текст в div вертикально спозиционирован

    Всё никак не могу достучаться до решения, как сделать вертикальное выравнивание текста в блоке (div) без таблиц естественно. К примеру у нас есть div с высотой в 100px, нам надо чтобы текст, который будет находится внутри него, постоянно находился по центру по вертикали, вне зависимости от количества символов. Ниже случай поможет, только когда у тебя заголовок небольшого размера: CSS .myDiv { height:100px; position:relative; } .myDiv .middle { position: absolute; top:40%; } HTML <div class="myDiv"> <div class="middle"> :blink: содержимое по-середине, но когда текст переходит на другую строчку, вся логика разваливается.</div> </div> В остальн…

    Asked by BassEast,

    0 votes
    25 answers

  6. Border-radius для <img> в Opera...

    Добрый День! При применении св-ва "border-radius" к тегу <img> столкнулся с трудностями при отображении в Opera. Вобщем свойство просто не работает... Задавать картинки бэкграундом не подходит для заказчика!(хотя в этом случае border-radius работает нормально.) Не подскажите - существует ли выход для подобных ситуаций? P.S. Ссылку на сайт предоставляю: http://yamaradg.narod2.ru/history/Matrix/index.html Буду очень признателен за помощь!

    Asked by Yamaradg,

    0 votes
    27 answers

  7. Как сдвинуть форму?

    Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…

    Asked by Dimaz,

    0 votes
    1 answer

  8. как привязать див к правому краю таблицы

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

    Asked by kibadachi,

    0 votes
    10 answers

  9. Scroll внутри DIV, в котором таблица больше этого DIV

    Всем привет! Есть DIV, в котором находится таблица. По идее таблица должна выходить за пределы этого DIV, а чтобы увидеть остальную часть таблицы нужно проскроллить. У меня таблица встраивается в пределы DIV и не хочет выходить за его пределы. Пытался менять width у элементов таблицы, ставить overflow: scroll у DIV но ничего не выходит. Таблица все также пытается втиснуться в DIV. Как сделать так, чтобы таблица имела определенную длину, показывала только часть себя и появился скролл для передвижения по этому DIV. как-то так:

    Asked by Bava,

    0 votes
    22 answers

  10. Как сделать строку таблицы ссылкой?

    Помогите, плиз решить проблему. Нужно, чтобы строка таблицы была ссылкой. Делаю <a href="index.html"> <tr><td><input type='checkbox' name='n1'></td><td>NAME</td></tr> </a> В IE работает, а в Opera не хочет?? Может нужно как-то по-другому?

    Asked by stosen,

    0 votes
    14 answers

  11. Flash перекрывает выпадающее меню

    Добрый день! На сайте flash-баннеры перекрывают выпадающее меню. В фаерфокс и опере все нормально, только в ie8. Подскажите, пожалуйста, как можно от этого избавиться.

    Asked by nickgu,

    0 votes
    19 answers

  12. Появление картинки при наведении мыши на текст

    Всем привет. Собираю сайт на вордпресс и не могу понять, как сделать одну штуку. Надо чтобы при наведении на раздел в меню, слева появлялась картинка, соответствующая разделу. Нашел пример кода: http://avvdesign.info/blog/?CSS:Kartinki:Primer Прописал в css, работает. Пример на странице http://prostovend.ru/?page_id=192, если навести внизу страницы на ссылку "ICT test", то появится картинка. Гуру, подскажите, как сделать тоже самое с разделами меню? PS Для вывода меню используется плагин wp-dtree.

    Asked by maxlips,

    0 votes
    5 answers

  13. как вставить кусок кода из фаила

    Подскажите пожалуйста как вставить кусок HTML кода в страничку через подключаемый файл? То есть не фреймы заданой области, а просто кусок кода, записаний в даном файле.

    Asked by moolten,

    0 votes
    7 answers

  14. checkbox внутри select

    Добрый день. Подскажите решение, необходимо в выпадающий список возле каждой строчки установить флажок. Заранее спасибо!

    Asked by stone86,

    0 votes
    2 answers

  15. не удаляется рамка в ссылке-картинке

    Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…

    Asked by begin,

    0 votes
    13 answers

  16. Картинки в выпадающем списке

    Как сделать сабж? Вот наглядно:

    Asked by Hostgame,

    0 votes
    2 answers

  17. Выравнивание

    Помогите, пожалуйста. Нужно выровнять текст по правому и левому краю одновременно. Свойство justify не подходит, т.к. нет переноса строки. пам тарам пам пам Нужно выровнять на ширину, к примеру, 40em. Возможно такая тема на форуме уже была, но я ничего не нашла.

    Asked by Nomo,

    0 votes
    24 answers

  18. Тень таблицы

    Здравствуйте как сделать тень у основной таблицы при табличной верстке? в интернете нашел идею, сделать картинку и вставить её) т.к Фотошопом владею вариант лучше некуда, но можно ли сделать так, чтобы эта тень повторялась по вертикали? ну сообственно на всю высоту блока? можно конечно сделать просто огромную картинку, но надеюсь есть вариант более...рациональный что-ли) или мб можно обойтись средствами CSS? видел тег border-shadow вроде бы...но Notepad++ даже не отображает это как тег... Вот примерно как здесь хочу эффект: http://www.zvirec.com/

    Asked by Dumle,

    0 votes
    2 answers

  19. Выравнивание текста под углом. Возможно ли ?

    Добрый день. Подскажите пожалуйста, возможно ли выравнять текст слева - по некой прямой (под углом) - а справа- по ширине свободной области. Пример левой области - http://img.artlebedev.ru/studio/vacancy/mi...hard/a-text.gif Уже не один раз возникала подобная необходимость, но стандартного решения (работающего с текстом любой длины) так и не смог найти. Буду благодарен за помощь.

    Asked by bond84,

    0 votes
    15 answers

  20. Пропадает рамка

    Помогите новичку! Поставил три раздела, в <body> поставил фон, все в красивую рамочку, а выводит только разделы, шапку - ни фона, ни рамки! Где скривил?

    Asked by wayfarer,

    0 votes
    28 answers

  21. 3 колонки

    Необходимо при размере окна браузера менее 1280px, чтобы красная колонка (см. иллюстрацию) находилась рядом с контентом. А при увеличении окна браузера (более 1280px) ? красная колонка должна "подниматься" к header'у, как на рисунке. Желательно обойтись одними div'ами. (html+css) Сделавшему, перечислю 10 wmz.

    Asked by Sienens,

    0 votes
    8 answers

  22. Трехколоночная верстка на DIV'ах

    Всем привет! Помогите пожалуйста решить проблему с версткой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset {margin:0; padding:0;} h1 {font-size: 20px; font-weight:normal;} h2 {font-size: 18px; font-weight:normal;} h3 {font-size: 16px; font-weight:normal;} h4 {font-size: 14…

    Asked by DeNSpb,

    0 votes
    4 answers

  23. CSS позиционирование блоков

    Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?

    Asked by klyne19,

    0 votes
    8 answers

  24. Как пользоваться спецификацией www.w3.org/TR/html5/

    Здравствуйте. Я новичок в сайтостроении. Изучаю html5. Подскажите как и где правильно смотреть спецификацию на этом сайте www.w3.org А когда узнал что разрабатывается html5.1 то вообще перестал все понимать. Если еще не вышел html.5 почему разрабатывается html5.1? www.w3.org/TR/html51/ Помогите пожалуйста мне с этим разобраться. Что какая ссылка значит и как там все смотреть?? Заранее спасибо..

    Asked by koly32,

    0 votes
    11 answers

  25. Расстояние между маркером и текстом

    Дано: список (маркированный. Маркер - картинка). Как можно управлять расстоянием между маркером и текстом рядом стоящим?

    Asked by Onveg,

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