HTML Coding

29542 questions in this forum

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

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

   Asked by papay, January 12, 2018

   0 votes
   1 answer
2. Высота слоя = высоте картинки

   Всех с праздником! Есть значит слой такого вида: <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
3. ие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
4. отображаемый 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
5. Посоветуйте как реализовать

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

   Asked by Kenshi24, September 23, 2010

   0 votes
   5 answers
6. height=auto

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

   Asked by user, October 18, 2010

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

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

   Asked by kuraga, May 19, 2011

   0 votes
   6 answers
8. Два DIV: левый резиновый, правый фиксированый

   Проблема в общем то вот какая. Есть сайт с дизайном: http://cxem.net/arduino/arduino.php, мне нужно справа добавить панель. Т.к. я старой закалки и секу в основном в табличной верстке, в DIV'ах пока что не очень получается реализовать такую вещь: нужно сделать панель справа, типа меню. Фиксированого размера (около 150-200 пикселей), а левую основную панель с контентом резиновую. Чтобы между 2-мя панелями был какой-то промежуток 10-20 px. Справа я панель присобачил кое-как, но вот левая панель либо наезжает на нее, при задании у нее свойства width:80% (незнаю какое тут число ставить), либо не доезжает. Подскажите как сделать? Заранее спасибо

   Asked by tolik777, June 13, 2011

   0 votes
   3 answers
9. Про 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
10. Отстык=пы в меню

    Здравствуйте! Помогите, пожалуйста, разобраться с отступами в меню. При задании для текста меню padding-top:10px; надпись меню опускается вниз, но появлеятся расстояние между картинками модулей. И еще не могу понять, откуда появислся отступ в хроме и эксплорере сверху шапки сайта. Высота блока меню и хедера задана такаяже, как изображения. На всякий случай код: index.php <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; char…

    Asked by Zeeeya, November 24, 2011

    0 votes
    5 answers
11. Съезжает форма

    Здравствуйте.В общем начал верстать шаблон с макета. Вот какова сама проблема: Ссылка на изображение То есть форма съезжает вниз..padding-bottom для неё бесполезно... Вот код для черного блока: div#header { background-image: url('../images/header_block.png'); background-repeat: no-repeat; width:auto; height:50px; } Вот код текста "Yeah-studio": div#text_header { padding-left:60px; color:white; font-size:18px; font-family:arial; padding-top:15px; } а вот код формы: form#form_ { margin-left:690px; padding-bottom:29px; } собственно,как я уже сказал,padding-bottom тут вообще не помогает. Вот,если надо,сам код html: <div id="header"> <div id="text_header">Yea…

    Asked by SteeLZzZ, June 12, 2012

    0 votes
    1 answer
12. Дизайн страницы

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

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

    0 votes
    3 answers
13. :hover

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

    Asked by artem42, December 24, 2012

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

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

    Asked by miloslovesky, February 21, 2013

    • верстка
    • адаптивная верстка
    0 votes
    2 answers
15. Кракозябры в 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
16. Выбор способа разметки двух колонок

    Имеется: два столбца, левый - фиксед, правый - резинка, обернуты контейнером. Требуется: подобрать способ разметки, желательно простой и удобный, или указать на достоинства и недостатки приведенных ниже способов, найденных мной в интернете. 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
17. Как закрепить блоки ?

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

    Asked by Diletant, October 17, 2014

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

    Подскажите в чем может быть проблема. Перечитал код 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
19. Внедрение микроразметки schema.org в шаблон сайта

    Всем привет! Целый день бьюсь с внедрением schema.org/Product , а именно "обвернуть" саму валюту (priceCurrency). <!--строка цены-->{if $product->variants|count > 0}<form class="variants" action="/cart">{foreach $product->variants as $v}<div id="fu6"> <div class="inl" id="fu9">{if $v->compare_price > 0}<p class="compare_price">{$v->compare_price|convert}</p> {/if}<p itemprop="offers" itemscope itemtype="http://schema.org/Offer" <span class="price" itemprop="price">{$v->price|convert}</span> <b>{$currency->sign|escape}</b></p><div class="in_tx">{if $v->stock>5}Есть…

    Asked by KotoeD, August 8, 2015

    • schema.org
    0 votes
    5 answers
20. Примеси в less

    Здравствуйте. Как правильно использовать примесь в less, если эти примеси описаны в одном файле, а используються в другом? Например: .icon-youtube { // этот клас в другом файле background-image: url(../img/icons-spritesheet.png); background-position: -20px 0px; width: 24px; height: 26px;}.block { .icon-youtube;}В этом примере класс .icon-youtube генерируется grunt`ом и записан в отдельном файле. В файле стилей нужно использовать этот клас как примесь. Если в файл стилей подключить сгенерированный файл через @import - компилятор less выдает ошибку, что .icon-youtube не определен.

    Asked by shol, February 12, 2016

    0 votes
    2 answers
21. Как разместить фоновую картинку в нужное место

    Есть блок с текстом. Скажите, можно ли как-то фоновую картинку разместить в этом блоке справа. Вот заготовка - https://jsfiddle.net/22gLeLLo/ Блок я специально сделал узким. Необходимо что бы картинка немного сжалась пропорционально и полностью поместилась в блок. Кстати, всё необходимо сделать в одном блоке.

    Asked by alleclf, December 11, 2016

    0 votes
    3 answers
22. Проверка работоспособности

    Можете проверить и отписаться насколько долго грузиться сайт. Хамелеон18.рф Заранее спасибо!

    Asked by Fast1kj, June 21, 2017

    0 votes
    6 answers
23. IE 5.5

    Кто нибудь ориентируется ещё при создании сайтов на IE 5.5? Посмотрел свою вёрстку там жестойки ужас, везде всё нормально IE6+, опера, хроме, сафари, Файрфокс.

    Asked by SoFuWa, August 22, 2010

    0 votes
    5 answers
24. Проблема С Ксс

    Здрасте!! у меня такая проблема... ксс выглядит так: сайт вот: http://www.dialogexpert.com/ и мне нужно как то "дорисовать" нижнюю часть, а именно "приклеить" к полоске с меню (файл menuBG.jpg) вот эту полоску: http://s49.radikal.ru/i125/1009/c1/6ad0d73cf009.jpg я это решила сделать добавив в ксс следущую запись: где paper1.jpg -- это и есть название файла с полоской котрую хочу добавить....но у меня ничего не добавилось!!! =((((((((((( что не так?.............

    Asked by lena-lona, September 6, 2010

    0 votes
    3 answers
25. Изменение ссылки при установке флажка

    Здравствуйте. Вот возник вопрос, прям не знаю куда с ним сунуться. Почему то мне кажется, что это к JS, но я о нём почти ничего не знаю и решил задать сюда. В общем у меня есть 5 ссылок. Под ними есть флажок (checkbox) из тега <input>. Я хочу, чтобы если пользователь поставит этот флажок, мои ссылки вели уже в другое место. То есть чтобы в реальном времени они изменились. Для изменения ссылок я могу на РНР написать скриптик, но как мне передать этому скрипту параметр без обращения к серверу и без обновления вёб-страницы?

    Asked by Dezmont, October 22, 2010

    0 votes
    3 answers