HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
width100%+pad
XHTML: <div class="b-0">bla-bla-blablabla-bla-blablabla-bla-blabla</div> <div class="b-1"> <div class="b-2"> ................ <p>bla-bla-blabla-bla-blabla-bla-blabla-bla-bla</p> <div class="b-3">bla-bla-bla</div> ....................... </div> </div> CSS .b-0 {float:left; widht:200px;} .b-1 {margin-left:200px;} .b-2 {padding:0 50px;} .b-3 {background:#0f0} Вопрос! Как сделать чтобы блок .b-3 прилипал к краям .b-2? не забывайте про ие6.. для p ничего не пишем..т.к. много различных блоков может быть внутри .b-2, надоест для каждого писать padding мне нужно общее решение. .b-3 может быть в любом мес…
0 votes7 answers -
помогите с меню!
такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…
0 votes4 answers -
CSS + Drupal
Ребята, добрый день. Столкнулся с элементарным вопросом. Делаю сайт на Друпале, столкнулся с проблемой, не могу блоку присвоить id и разместить его так как мне этого хочется. В html создал id="map", разместил там картинку "карта сайта", и описал id в css: #map { margin-left:113px; position:absolute; } Вот что дает Фаерберд; <div class="map"> <div class="clear-block block block-block " id="block-block-19"> <div class="content"><p><a href="/sitemap"><img height="14" width="19" src="/sites/default/files/map_my.gif" alt=""></a></p> </div> </div> </div> Понимаю у меня проблема с вложенными элементами? Как пра…
0 votes4 answers -
регулирование размеров блока
Здравствуйте. Имеется два блока, один вложен в другой ( блок класса content вложен в блок класса body) .body { margin: auto; height: auto !important; min-height:99%; height: 99%; } .content { border: groove 3px #410707; height: auto !important; min-height:99%; height: 99%; width: 50%; margin:auto; } Возникает проблема: несмотря на то, что указан минимальный размер в 99% высота регулируется автоматически, при чем при отсутствие данных в content высота блока становится равной 0. В чем дело? Каковы пути решения проблемы? UPD: нагуглил некоторую инфу по данному поводу( http://forum.htmlbook.ru/index.php?showtopic=11536), но ответа на вопрос так и …
0 votes8 answers -
Как сделать картинку ссылкой?
не пинайте плз за детский вопрос, я не веб программист, просто надо быстро подправить кое-что в моем сайте. есть такой код: <div class="container_12"><img src="images/logo.png" class="test" alt="" /> класс определяет местоположение картинки: .test{ position:absolute; top:310px; left:585px; z-index:-1; } куда мне тут надо зашить тег <a href></a>, чтобы картинка стала ссылкой? по-разному пробовал, ничего не работает... если сделать стандартно <a href> ссылка <img src="images/logo.png" class="test" alt="" /></a> - не работает, мешает класс. т.е. без него ок, с ним - не работает...
0 votes8 answers -
изображение под изображением
Доброго времени суток. В html коде прописано : <div class="c-left"> <div class="good-bg-1">Изображение</a></div> </div> <div class="c-right"> Текст </div> в таблице стилей : .c-left, .c-right {float: left;} .c-left {width: 150px;} .c-right { padding-top: 14px; width:600px; margin-left:40px} что мне нужно прописать в моем случае чтоб два изображения были с лева друг под другом а текст с права, текста много.
0 votes8 answers -
Два полностью независимых слоя. Один над другим.
Доброй всем ночки. Сразу прошу прощения за вопрос. Но до ответа на него я что-то не могу никак дойти. Проблема вот в чем. Есть два слоя. Нужно сделать так, чтобы один был над другим. При этом нужно сделать так, чтобы один слой был ровно над другим, куда бы мы этот див в body документа не вставили. То есть их содержимое друг с другом не должно быть связано никак. Чтобы, к примеру, какой-то скрипт, вставленный в один слой, не трогал вообще никак другой, не смещал его никуда. Вариант с тем, чтобы у одного слоя поставить left: 200px; top: 20px; а у другого left: 200px; top: -40px; к примеру не подходит. Визуально один слой на другой наложится, но такие ди…
0 votes2 answers -
вертикальный градиент текста
помогите пожалуйста сделать вертикальный градиент текста текст расположен на фоне сложного узора. нужна возможность точно настраивать характеристики градиента(как минимум яркость и величину смещения) устроит любое решение(js, css3), даже не 100% кроссбраузерное здесь мне помочь не смогли
0 votes10 answers -
Как перенести текст на новую строку ?
Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>
0 votes2 answers -
Дополнительная линия у фона
Добрый день, гуру верстальщики Намучился с непонятным багом с которым столкнулся впервые. Есть две проблемы в шапке и подвале к фону добавляется линия. В начале подумал у boostrapа рамки, но оказалось нет все равно по отключал (boorder:none !important;) но не помогло. Через компьютер нормально, через телефон galaxy s6 стандартный браузер "Интернет" появляется линия. Собственно сами косячки: Отключаю фон, соответственно и линия пропадает, так я понял что дело в фоне. После думал что вырезал косячно сам элемент, но и тут все норм нарезал разных вариантов jpg, png без разницы все равно не пропадает. сам сайт dpk . kz буду очень признателен если кто…
0 votes2 answers -
Как работает Body
Почему при задании для Body фиксированной ширины фоновый рисунок Body идет на всю страницу браузера?
0 votes5 answers -
При просмотре сайта через смартфон не загружается css
Недавно закончил с основным наполнением своего первого интернет-магазина и решил заняться оптимизацией. Проблемы с блокирующими css удалось решить с помощью операторов preload таким образом: <link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'"> Как javascript, помещал таблицы стилей в самый низ кода страницы. Скорость загрузки возросла до 96/100 по данным PageSpeed Insights. Но! Появилась новая проблема, которую я не могу решить по сей день, а именно: вообще не загружаются таблицы стилей при просмотре сайта через смартфон (также Google бот не загружает стили)! Менял самые основные на обычный link rel="stylesheet" type="text/css"-загру…
0 votes0 answers -
Стрелка с вогнутыми гранями
Доброго времени суток, господа. Не подскажете как можно сверстать блок с такой стрелкой?
0 votes4 answers -
каким способом можно в страницы добавлять к примеру титульную часть лого и банер , которые на всех страницах одинаковые
Доброе утро каким способом можно в страницы добавлять к примеру титульную часть лого и банер , которые на всех страницах одинаковые , чтобы при случае изменения менять только в одном месте Спасибо
0 votes5 answers -
Что должен содержать .htacces?
Подскажите начинающему, какие директивы должен содержать этот файл? Надо-ли запрещать доступ к скриптам? решил что нужно директива: Options -Indexes Кто администрирует реальный сайт напишите пожалуйчта типичное содержание(если так можно выразиться) этого файла.
0 votes6 answers -
ссылки под зафиксированным слоем background
Здравствуйте, столкнулся с небольшой трудностью, поставил как фон слой с зафиксированным рисунком посередине. он представляет собой прозрачное изображение с отрисованной правой и левой стороной, но все меню и все ссылки перекрылись им, а в этом месте он прозрачный. как сделать, чтобы ссылки под пустым пространством работали и не нарушать работы сайта http://sadik-yagodka.ru/ #footer1 { position: fixed; bottom: 0; background: url(images/sadik1-2.gif) center ; left: 50%; margin-left: -600px; height: 600px; width: 1200px; }
0 votes6 answers -
Помогите идентифицировать баг IE6
приветствую, понадобилось тут сверстать макет, обычный трёхколоночный макет (в данном случае классический Holy Grail) с колонками одинаковой высоты и резиной в столбце контента, при компановке колонок по схеме 2-1-3 (контент - 2я колонка, идёт в коде первой, сайдбары - после неё, но потом позиционируются и т.д.). Всё разумеется отлично работает в браузерах, кроме IE6 (IE 7 рендерит правильно), для которого я сам так и не смог подобрать хака самостоятельно. Исходник для повторения (copy-paste ready): <!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"…
0 votes5 answers -
Проблемы с выподающим меню в ИЕ6
Всем привет. Ребята, вопрос к Вам, есть выпадающее меню, веде все работает отлично, а вот в IE6 меню двигает блок снизу. Как пример: <ul> <li>Меню <ul> <li>Выпадающее меню</li> <li>Выпадающее меню</li> <li>Выпадающее меню</li> <li>Выпадающее меню</li> </ul> </li> <div id="text">Текст</div> Выпадающее меню смещает блок с id=text Если ставлю свойство position: absolute; то все нормально, но выпадающее меню вываливается несовсем в нужно месте, смещается примерно на 50 пикселей вправо, а как его подвинуть, не знаю. Так как макет резиновый, варианты типо: left: xx; right: xx; не подходят.
0 votes4 answers -
проблемы с @font-face
Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …
0 votes9 answers -
Спозиционировать картинку в тексте
Привет народ,нужна помощь.........у меня не получатся вставить картинку в текст. пример: <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Имя пользователя (адрес электронной почты):<img src="http://static.panoramio.com/photos/small/70779155.jpg"> Пишите..... жду твоего ответа)..... </html> Нужно чтоб картинка с текстом сравнялась в HTML,желательно без подключения CSS.
0 votes5 answers -
Поиск по сайту
Подскажите пожалуйста по собственному опыту, какой скрипт лучше использовать для поиска по сайту? Поиск Яндекс ставить не хочу, нужен именно для данного сайта Спасибо
0 votes5 answers -
Разъезжаются блоки.
Здравствуйте, при изменений размера окна браузера или просто ,при нажатий сtrl + , некоторые блоки в дизайне разъезжаются по сторонам. Как избежать этой проблемы ? Посмотреть что происходит , можно по этой сыллке http://www.nurme18.eu/fc/ Спасибо.
0 votes1 answer -
Кодировка для отправки в FaceBook
Использую такой код для кнопки отправки в FaceBook: <script type="text/javascript" language="javascript"> var u = window.location.href; var t = 'Заголовок'; var c = 'Контент'; var img = 'http://site/img.jpg'; </script> <div style="cursor:pointer" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+t+'&p[summary]='+c+'&p[url]='+u+'&p[images][0]='+img,'sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">отправить в FaceBook</div> Все работает, но вместно русских букв, в появившемся окне, при нажатии кнопки, появляются квадратики. Подскажите как правильно отправить GET-запрос с русс…
0 votes2 answers -
Верстка
Помогите новичку разобраться. 2 вопроса: 1) Не могу понять почему у меня div "footernews" прилеплен к div "footer", а не к div "imgmove". Как это исправить? 2) Как сделать так чтобы footer_background накладывался на div "imgmove"? #footer[/color] { height: 280px; background: #fff; clear: left; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat; background-position: 0 160px; position: relative; z-index: 2; } #footernews li { list-style-type: none; height: 170px; width: 380px; float: left; } #imgmove { width: 146px; height: 164px; float: left; position: relative; margin-left: 10px; top: 11px; border: 1px solid black; z-index: 1;
0 votes7 answers -
fontsquirrel
Добрый вечер. Есть такая страница: http://webmaster.ayrveda.ru/Made_in_Fashion/index.html Подключил нестандартный шрифт через fontsquirrel - но отображается(у меня) он только в браузере Safary!? http://webmaster.ayrveda.ru/font_safary.jpg В остальных браузерах отображается это дело вот так: http://webmaster.ayrveda.ru/font_mazilla.jpg Не знаю в чём причина. (возможно в путях.) В общем не пойму что упустил из виду? Перепробовал всё, что в голову пришло и вариантов у меня больше вроде не осталось! Буду благодарен, если кто поможет разобраться в данной проблеме. (Это очень срочный проект и времени просто нет!) Ссылка на сгенерированные шрифты здесь: https://disk.yandex.ua/pu…
0 votes6 answers