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. Обрезается фон при прокрутке

    Имеется вот такой простейший код: <!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

  2. vertical-align: baseline

    vertical-align: baseline; В IE с таким стилем вс? отображается на ура: , а в FF косячит: Как поправить, чтобы было как и в IE?

    Asked by allmoney.ws,

    0 votes
    5 answers

  3. 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

  4. Вертикальное выравнивание

    Никак не могу выровнять текст по вертикале. .menu { width: 100px; height: 24px; background-image: url(images/menu.jpg); float: left; color: #ffffff; text-align: center; font-weight: bolder; } vertical-align не работает

    Asked by klik2,

    0 votes
    7 answers

  5. Установка фона для меню в трёхколоночной вёрстке

    В связи с переводом сайта с табличной на дивную вёрстку возник вопрос: как можно задать фон для боковых колонок меню в трёхколоночной вёрстке так, чтобы при увеличении контента страницы и растягивании её по высоте фон также растягивался. Сейчас он заканчивается там, где идёт последний пункт меню, и дальше - ни в какую Помогите кто советом, что делать... Исходник в табличной вёрстке: http://www.ecoby.info/ Страничка в дивной вёрстке (та, которую нужно доработать): http://www.ecoby.info/main.html P.S. Ещё один вопросик мелкий - не могу почему-то перенести слой с заголовком сайта вниз (чтобы грузился последним), сбивается вся вёрстка, что это может быть?

    Asked by Ратмир,

    0 votes
    11 answers

  6. Как ограничить действия 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

  7. Изменение style.background

    Привет всем! Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет if (document.styleSheets[0].cssRules){ //alert(document.styleSheets[0]["cssRules"][42].selectorText); //alert(document.styleSheets[0]["cssRules"][42].style["background"]); document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)" //alert(document.styleSheets[0]["cssRules"][42].style["background"]); } else{ //alert(document.styleSheets[0].rules[42].selectorText); //alert(document.styleSheets[0].rules[42].style["background"]); document.styleSheets[0].rules[42].style.background="url(../image…

    Asked by votan,

    0 votes
    2 answers

  8. вложенные списки , изменение отступа дочернего списка

    привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста.

    Asked by SergeyZelensky,

    0 votes
    9 answers

  9. Sublime text 3 problem with snippets

    Установлен ST3 + Emmets, не работают snippets в css, в html все ок. Т.е. после табуляции он добавляет пробел и символ " ; " Проблема вроде как в emmets. Как на время этот плагин отключить кстати? И как сделать чтобы все работало вместе с этим плагином?

    Asked by TrueMax,

    0 votes
    9 answers

  10. Не работает 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

  11. Нужен совет ЗнАтОкОв

    Обращаюсь к знатокам своего дела . коих тут очень даже немало ... Вобщем просьба вам такого типа, есть макет , подскажите как лучше будет его верстать... вот ссылка на макет ... http://privetgleb.narod.ru/test.jpg подскажите как будет лучше сделать ... я неопытным взглядом вижу что нуно делать шапку , подвал , и 3 колонки ... По окончании в?рстаки выложу то что получилось для других :-)

    Asked by mOnYa,

    0 votes
    13 answers

  12. Перенос на новую строку после ссылки!

    Привет, всем! тут такая проблема - есть список, в нем в каждом пункте текст, в тексте ссылки... почему после ссылки текст переносится на другую строку?? http://kanskbank.topfire.ru/1200/1208/1252# тут проблема во всей красе ) "Сеть офисов банка позволяет банку всегда быть территориально рядом с клиентом и оказывать услуги во всех городах Сибири ..."

    Asked by Lisss,

    0 votes
    2 answers

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

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

    Asked by DjTarik,

    0 votes
    29 answers

  14. fancybox сдвигает контент

    Здравствуйте, подлючил fancybox, основной контент у меня в контейнере: <div style="width:1000px;margin: 0 auto;"></div> При вызове окна, весь контент немного сдвигаеться вправо, почему? (думаю что ajax при создании окна добавляет div на страницу....который мне все сдвигает!) Если убрать авто то все ок!

    Asked by baryshkov,

    0 votes
    5 answers

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

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

    Asked by kozakmamai,

    0 votes
    6 answers

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

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

    Asked by MC WEST,

    0 votes
    28 answers

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

    Привет всем!! Вот решила немного подучится 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

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

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

    Asked by maza,

    0 votes
    13 answers

  19. Вёрстка сетки товаров.

    Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…

    Asked by Ivan_A,

    0 votes
    2 answers

  20. Увеличьте размер активных элементов на странице

    При проверки скорости сайта для телефонов или PageSpeed Insights Пишет, что увеличьте размер активных элементов на странице Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее. (https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately)Объяснение:Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.Активный элемент <span class="load-button"> и ещё 3 расположены слишком близко к другим активным элементам. finalАктивный элемент <s…

    Asked by lev99,

    0 votes
    4 answers

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

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

    Asked by Yahoo!,

    0 votes
    13 answers

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

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

    Asked by Unsiker,

    0 votes
    19 answers

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

    Подскажите, как сделать средствами 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

  24. Как в 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

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

    Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через 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
×
×
  • 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