HTML Coding

29542 questions in this forum

1. Меню наезжает на блоки

   Подскажите пожалуйста, как сделать тут Моя ссылкатак, что бы меню и хедер не наезжали на блоки слева и с права?

   Asked by hea8y, October 10, 2012

   0 votes
   6 answers
2. :hover

   Доброго времени суток, уважаемые! Совсем недавно меня заинтересовало красивое меню, суть которого я сейчас объясню. У нас есть меню. При наведении на одну ссылку, она остается такой же, а в это время другие ссылки (на те, на которых не наведен курсор) делают совсем иное действие, например меняют цвет. Помогите пожалуйста реализовать на чистом css. Мне нужен обычный каркас, дальше я все сам сделаю, а то что-то голова не работает.

   Asked by artem42, December 24, 2012

   0 votes
   4 answers
3. Шаблонизация Html5

   Всем привет! Делаю сайт у себя на локалке, верстаю в 5 html. страниц море, но все они состоят из повторяющихся блоков. Вопрос как мне не делать море страниц а попросту инклудить блоки? Что то типа php'эшного include 'file.html'; только html'овский. Делал через тег object дак на него стили не действуют(которые прописаны в главном html'овском файле).

   Asked by кирюха=), January 6, 2014

   0 votes
   2 answers
4. Проблема с горизонтальной прокруткой.

   Всем привет, уже неделю бьюсь и никак не найду откуда появляется горизонтальная прокрутка на сайте football24online.com. Контентная часть должна быть не больше 1000px. Горизонтальная полоса появляется при размере окна уже в 1031px. Подозреваю, что где-то попал с паддингами или шириной, но где? Инспектором отключал блоки поочередно, но проблему так и не решил. Пожалуйста, помогите найти где накосячил.

   Asked by qw1nt, January 27, 2014

   0 votes
   10 answers
5. Таблицы.

   Дали нам задние сделать сайт используя только таблицы. Как можно реализовать данный пункт через таблицы ?

   Asked by _dns, March 10, 2014

   • новичок помощь
   • таблицы.
   0 votes
   5 answers
6. float + задний фон

   Доброе время суток. Есть вот такая проблема. Когда раскидывал по сторонам "Новости" и "Мониторинг", получилось так, что задний фон не растягивается относительно контента HTML: <div class="content"><div class="content-left">Новостная лента<img src="/template/assets/images/logotype.png"></div><div class="content-right">Мониторинг<br>s</div></div>CSS: .content { padding: 10px; margin-left: 300px; margin-right: 300px; background: #fff;}.content-left { float: left;}.content-right { float: right;}Подскажите пожалуйста как с этим бороться

   Asked by Florens, January 1, 2015

   0 votes
   3 answers
7. Переменная длина средней колонки

   В донной теме речь пойдёт о стандартной задаче, с которой имеют дело верстальщики, но которая может оказаться сложной для новичков. Макет такой: хедер, футер, между ними три колонки: Задача - сделать так, чтобы ширина средней колонки менялась в зависимости от ширины окна, но быть не менее, ну допустим, 550px. Такая возможность обеспечена на многих сервисах электронной почты, где в средней колонке находится таблица-список писем. В моём коде, если сузить окно, сначала правая, а потом и средняя колонка "выпадут из потока" на следующую строку, а мне нужно, чтобы левая и правая колонка всегда были соответственно слева/справа, а менялась ширина только средне…

   Asked by Gleb2708, May 18, 2016

   0 votes
   5 answers
8. Несколько табов на странице

   Ребят помогите пожалуйста. https://codepen.io/brezze/pen/yPmvRv На странице будет много таких табов, мне нужно что-бы если я кликал на вкладки нижнего таба, в верхнем не убирался класс current и текст оставался всегда видимым. Как этого достичь ?

   Asked by brezze, December 9, 2017

   0 votes
   1 answer
9. Помогите с верстой фиксированного меню

   Друзья помогите сделать фиксированное меню как тут (там где скриншоты, сравнения и т.п.) Тоесть меню изначально закреплено допустим где то в центре экрана, выбирая нужный якорь оно перемешается в top и опускает к нужному разделу, листая обратно вверх, оно бы вставало на старое место. У меня просто что то тупка.

   Asked by papay, January 12, 2018

   0 votes
   1 answer
10. эффект hover

    3d кнопка или эффект нажатия в чём ошибка ? и кстати иконка не работает тоже ( <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button>

    Asked by ne_beret, March 1, 2018

    0 votes
    3 answers
11. Высота слоя = высоте картинки

    Всех с праздником! Есть значит слой такого вида: <div> Text1 <img class="FLL" src="/pic.gif" width="200" height="200"> Text2 Text3 Text4 </div> style.css: IMG.FLL {float:left;} Все отображается правильно, а именно: Название новости, а под ним: слева картинка, справа текст. только, если высота Text2,3,4 выше высоты картинки. Вопрос, как сделать, чтобы слой заканчивался по нижнему краю картинки, а не сразу под текстом? (новостей (слоев) много, и картинки разных размеров, текст бэкграунда и цвет слоя разный) И, бонусный вопрос, к предыдущему. Чтобы еще текст центрировался по вертикали относительно картинки. Но это наверно слишком круто... Заранее спасибо …

    Asked by aero, February 23, 2009

    0 votes
    2 answers
12. ие6 и прозрачность у активной ссылки

    есть ие6 есть горизонтальное меню ссылки, когда подсвечиваются, имеют полупрозрачный фон вот код: цсс /*хак прозрачности*/ img, .box_r, .box_l, .flame_one:hover, .flame_two:hover, .flame_three:hover, .flame_four:hover, { behavior: url(opacity/pngfix.htc); } /*меню ul*/ #menu_inline { margin-top:125px; } /*меню ul li*/ .link_li { display:inline; } /*ссылки*/ .flame_one, .flame_two, .flame_three, .flame_four { display:inline; padding-right:15px; position:relative; bottom:-4px; } .flame_one:hover { background:url(img/act_h.png) no-repeat; } /*и тп*/ хтмл <ul id="menu_inline"> <li class="link_li"><a class="fla…

    Asked by cardsmoney, January 25, 2010

    0 votes
    3 answers
13. отображаемый url

    Здравствуйте, видел на некоторых сайтах, когда пишешь их юрл в браузере и заходишь на странцу, он автоматически добавляет к ней "www." Например, пишешь rle.ru, а браузер открывает http://www.rle.ru, пишешь http://rle.ru, он также заменяет на http://www.rle.ru А на моем сайте как напишешь, так и будет отображаться. Как мне сделать эту вышеописанную шнягу?

    Asked by f1nik, September 1, 2010

    0 votes
    2 answers
14. Посоветуйте как реализовать

    Как по вашему мнению лучше реализовать внутренние фреймы с возможностью прокрутки примерно как здесь? http://www.google.ru/imgres?imgurl=http://...tx=58&ty=59 В принципе в html уже есть возможность делать фреймы как-то, но хотел поинтересоваться может кто знает более интересный и современный способ.

    Asked by Kenshi24, September 23, 2010

    0 votes
    5 answers
15. height=auto

    Есть картинки,которые по ширине подгоняются под размер,но высота бывает разная.Если не указывать высоту,в некоторых браузерах картинки сжимаются только по ширине.Я нашел,что height=auto эту ситуацию исправляет.Но IE не понимает auto и ставит height в один пиксель.

    Asked by user, October 18, 2010

    0 votes
    5 answers
16. Дизайн в три колонки

    Добрый день! У меня задача - таблицу m на n сверстать блоками. То есть строки и столбцы должны автоматически подгоняться по высоте и ширине соответственно. Это возможно?

    Asked by kuraga, May 19, 2011

    0 votes
    6 answers
17. Про width

    Есть два дива : div.header { width:70%; div.header { height:100px; min-width:400px; margin:30px 15% 0; background-color:grey; } div.header>div { border:1px solid; float:left; height:100%; padding-left: 10px; width:33%; } В div.header>div вложено ещё 3 дива, которые исполняют роль пунктов меню. Хочется, чтобы они занимали всю ширину div.header. Но в значение width: 33% не включены паддинги, и элементы выходят за свои пределы. Ещё стало заметно, что при паддинги добавляются засчет увеличения размера дива, а не засчет ущемления внутреннего пространства. Подскажите, как обойти это. Только обязательно должна сохраняться раздел…

    Asked by Aleksey751, July 18, 2011

    0 votes
    8 answers
18. Пробелы между кнопками из-за границ.

    В общем вот такая у меня шапка с навигацией. Как видно пробелы между кнопками. Это таблица по сути, со столбцами. Вот код: <table> <tr align="center"> <td width="173"></td> <td><a href="main.html" class="left">Главная<span>Главная</span></a></td> <td><a href="work.html" class="center">Наши работы<span>Наши работы</span></a></td> <td><a href="materialsandcolors.html" class="center">Материалы и цвета<span>Материалы и цвета</span></a></td> <td><a href="contacts.html" class="center">Контакты<span>Контакты</span></a&g…

    Asked by Faradei, November 16, 2011

    0 votes
    14 answers
19. Меню

    Приветствую, возникла проблема с версткой меню, прошу помощи у тру верстальщиков Такая вот менюшка http://s019.radikal.ru/i613/1204/72/dc4de4d15511.png Как правильно её сверстать?

    Asked by Ergonav, April 26, 2012

    0 votes
    5 answers
20. Дизайн страницы

    Доброго времени суток. Хочу на сайт "повесить" шторки по бокам страницы. Как это лучше сделать? У меня несколько вариантов: - сделать одну фоновую картинку - или же как то НЕ смещая текста, разместить шторки по бокам Вообще, что один что другой вариант - я не знаю как исполнить. Полагаю, что в первом варианте (мной предложенным) будет громоздким изображение и грузиться будет долго. Значит не подойдет. Может можно как то разбить одну большую картинку на маленькие, а потом чтобы эти маленькие картинки загружались на фон сайта по своим местам? Другой вариант - пробовал не получается, текст смещается и пр. Премного признателен тем, кто даст дельные советы.

    Asked by Вальдемар, November 6, 2012

    0 votes
    3 answers
21. Блоки едут почему-то. Нужна помощь

    Готов заплатить тому, кто объяснит, почему в Файрфоксе такая фигня* Пруф *Имеется ввиду, что блок сдвигается наверх, при прокрутке вниз. Точнее все блоки, включая body

    Asked by miloslovesky, February 21, 2013

    • верстка
    • адаптивная верстка
    0 votes
    2 answers
22. Кракозябры в IE

    Добрый день дорогие форумчане! Выручайте! В общем есть сайт на wordpress. Встала необходимость в создании именно статичных php страниц, тоесть я взял исходный код вставил в php файл, всё работает, всё норм. НО, в IE показывает кракозябры, вот ссылка на страницу, а в других браузерах норм. http://u.to/827EBQ Вроде бы кодировку на UTF 8 выставлял, и сохранял файлы в UTF-8, просто utf8. Сохранял в UTF-8 без Бом, всё равно так же. Помогите, в чём может быть причина? как исправить? Буду очень благодарен! Выручайте!

    Asked by kelevra, January 11, 2014

    0 votes
    1 answer
23. Выбор способа разметки двух колонок

    Имеется: два столбца, левый - фиксед, правый - резинка, обернуты контейнером. Требуется: подобрать способ разметки, желательно простой и удобный, или указать на достоинства и недостатки приведенных ниже способов, найденных мной в интернете. 1й: http://jsfiddle.net/2ydUW/3/ 2й: http://jsfiddle.net/2ydUW/2/ HTML: <!DOCTYPE html><html> <head> <title>var. 2</title> <link rel="stylesheet" href="css/main.css"> <script src=""></script> </head> <body> <div class="wrap"> <div class="leftColumn"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodal…

    Asked by Kenshi24, February 4, 2014

    0 votes
    4 answers
24. Как закрепить блоки ?

    **Удалено** Разобрался сам

    Asked by Diletant, October 17, 2014

    0 votes
    6 answers
25. Верстка. Правая колонка уехала вниз

    Подскажите в чем может быть проблема. Перечитал код 100 раз. Но в браузере отоброжается так : все нормально - а правая колонка уехала в низ. Спасибо за помощь. <html> <head> <title>Верстка</title> <style type="text/css"> div#block {width:1000px; margin: 2px 15%; background-color: #FDF5E6; font-family: Vivaldi} div.header {width:1000px; height:50px; background-color:#F8F8FF;font-size:30px; font-family: Vivaldi} div.left_col {width:150px; height:550px; float:left; background-color:#F0F8FF} div.center_col {width:698px; height:550px; font-family: monospace; font-size:13px;} div.right_col {width:150px; height:550px; float:right; backgrou…

    Asked by Shroet, December 9, 2014

    • Верстка
    0 votes
    1 answer