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
-
html head body
Всем привет. Я сегодня прочитал рекомендации от гугла по оформлению кода и там написано что эти теги html head body можно и не писать. Вы делаете так? Если их не писать все ли браузеры будут корректно показывать страничку, особенно мобильные? Писать или не писать?
0 votes3 answers -
Много кто спрашивал про нестандартное обтекание текста
http://frontender.info/css-shapes/
0 votes3 answers -
Вертикальное центрирование внутри блока
И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?
0 votes4 answers -
Вертикальное меню
<div class="left-navigation"><ul><li> <a href="holod.php" title="Ремонт холодильников">Ремонт холодильников</a></li><li> <a href="stiral.php" title="Ремонт стиральных машин">Ремонт стиральных машин</a></li><li> <a href="posuda.php" title="Ремонт посудомоечных машин">Ремонт посудомоечных машин</a></li><li> <a href="vodonagr.php" title="Ремонт водонагревателей">Ремонт водонагревателей</a></li><li> <a href="plita.php" title="Ремонт электроплит">Ремонт электроплит</a></li><li> <a href="panel.php" title="Ремонт варочных панелей">Ремон…
0 votes5 answers -
вертикальные вкладки, в которых текст перевёрнут под 90 градусов
Здравствуйте! Подскажите ,пожалуйста, как можно сделать такое http://prntscr.com/71qpms ? 1) в табках текст должен быть перевёрнут на 90 градусов 2) текст может меняться (был tab1 , потом стал tab22222222222222) 3) табки должны иметь каждая свой размер, в зависимости от текста в ней. вариант сделать текст картинкой не подходит. !!!!!! поддержка IE8+ !!!!!!
0 votes2 answers -
Шаблон для документации
Хотел слизать со странички проекта YardT2 код под локальное использование для документации, но прописав абсолютные ссылки к стилям и скриптам заметил, что элементы LIST, TOC и прочие не подгружаются. Может, в яваскриптах остались относительные ссылки, но я их не нахожу... В чем еще может быть загвоздка? Пример странички Её код на JSFiddle
0 votes0 answers -
Стиль бордюра
Скажите как коротко записать чтоб, верхней границы бордюра не было, а право, лево и низ было чёрным цветом 1 пиксель? border:право лево низ solid black; Вот так не получаеться .menubordur{border:1px 1px 1px solid black;}
0 votes2 answers -
DIV являеться родителем для другого DIV
Форумчане выручайте! Например к описанию свойства margin идет следующие Если я применяю данное свойство к DIVу который находиться в другом DIVe, то отступ идет в обоих дивах. Как мне сделать, чтоб первый див был родителем для другого дива находящегося в нем?
0 votes3 answers -
помогите разобраться с градиентом!
помогите разобраться с градиентом! Я прочитал всю статью по поводу -moz-linear-gradient -webkit-gradient но ничего так и не понял, если что мне нужен градиент рыженький с осветлением книзу...
0 votes2 answers -
Opera и Firefox различное отображение ширины таблицы
Столкнулся с проблемой различного отображения ширины таблицы. Не могу найти источник ошибки/проблемы и соответственно решение. Код был проверен на валидность. Ошибок нет. Тем не менее IE7 и Опера 11 вторую таблицу выводят в укороченном виде. В тот время как IE8 и Firefox 3.5 выводят обе таблицы равной длины. Схема построения таблиц совершенно одинакова. См. Изображение... Путем экспериментов удалось заметить, что изменив свойство border с 0 на 1. Длины обеих таблиц выравнивались. Вот пример кода: .tbl td { border-collapse: collapse; border-spacing: 0px; border: [color="#FF0000"]1px[/color] solid red; padding:0px; } И соответствующее ему изображение в браузерах. …
0 votes2 answers -
две проблемы в опере
Здравствуйте не слишком соображаю в верстке, накидал тут зачаток макета, и сразу две проблемы... Во-первых, шрифт который я подгрузил, внешний, работает только в лисе во-вторых, лиса отрисовывает границу и заливку дива, а опера почему-то нет. Подскажите как исправить, на что обратить внимание. В ие даже боюсь заглядывать химичу тут http://lvl7.ru/author.php
0 votes3 answers -
как настроить сторону сдвига меню
Здрасте! Скажите пожалуйста, вот что у меня сейчас: <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Internet Marketing</a></li> <li><a href="#">Hosting</a></li> …
0 votes3 answers -
растягивание как на яндексе
Привет всем! Делаю сайт, но никак не могу сообразить каким образом сделать вёрстку как на яндексе — при растягивании экрана, расстояние от краёв браузера до содержимого сайта сильно меняется. А при сжатии - расстояние сокращается до минимума. Попробуйте сами порастягивать браузер. Изобразил для нагладности: Вёрстка блочная. Что делать? Очень расчитываю на вашу помощь.
0 votes7 answers -
Переключение фреймов в одном окне
Есть ли код/яваскрипт, позволяющие переключать фреймы, находясь при том на одной и той же странице? Поясню: нужно сделать пять ссылок на одной странице, при нажатии на определенную во фрейме на странице появляется другая страница... как-то так
0 votes2 answers -
А как?
Собственно как сделать, чтобы выпадающий список выстраивался по центру а не по левому краю как сейчас? Подскажите кто знает, заранее благодарен. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <HTML> <HEAD> <TITLE>DiMetro</TITLE> </HEAD> <BODY> <style type="text/css" media="all"> #mainmenu { float: left; width: 100%; margin: 77px -34px; list-style: none; } #mainmenu li { float: left; width: auto; padding: 0 10px; font-family:MyriadPro; font-size:14px; list-style: none; } #mainmenu li ul { display: none; width: 200px; } #mainmenu li:hover ul { display: block; position: absolute; list-style: none; margin: 0; pa…
0 votes4 answers -
Изображения валидации (?) в подвале сайта
Доброго времени суток. На многих сайтах в их подвале можно увидеть изображения одного шаблона, но разной смысловой нагрузки. Например, paste.org.ru: ucoz.ru: Есть ли у такого шаблона изображений общее название? Как узнать про них подробнее?
0 votes0 answers -
Выбор картинки кликом
Привет, ребят вот конструкция: радиобатон а рядом картинка. Картина выбирается этим радиобутоном, подскажите плз как сделать так чтоб картинка выбиралась кликом и на нее и она бы подсвечивалась при наведении на нее?? спасибо! <div class="blockbegun"> <input type="radio" name="begun" value="1"> <img src="/srv/images/b11.gif" border="0" align="absmiddle"> </div>
0 votes1 answer -
hover эффект
Как такое можно сделать? http://themes.iki-bir.com/ikaros/blog2.html когда на картинку наводишь плюсик появляется, попытался скопировать с примера то что я скинул, не получилось, походу криво копировал. Есть ли готовые решения такие же?
0 votes1 answer -
Получить высоту блока
День добрый!!! Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция На всякий случай сделал фото http://глобалавто18.рф/img/izss.png Столкнулся с двумя проблемами: 1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода. HTML <div id='links'> <div id='border'></div> <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные …
0 votes1 answer -
Вопрос про бэкграунд
С помощью JQuery необходимо сделать так, чтобы при использовании методов mousedown() и mouseup() менялся цвет фона. С обычными цветами все получается, но необходимо чтобы цвет фона был градиентный...Как?
0 votes4 answers -
Как вставить картинку в всплывающее окно?
Не знаю как правильно описать, но все же. На фотографии добавил так называемый инструмент "Прямоугольной активной области" (adobe dreamweaver). И вот что получилось: <map name="Map" id="Map"> <area shape="rect" coords="647,225,699,273" href="#" alt="" /> </map> Суть такова, как сделать так, чтобы при наведение курсора на эту область, всплывала подсказка с фотографией? Просто чтобы выводился текст, у меня вроде получилось, а вот с фотографией беда.
0 votes3 answers -
Обтекание изображением
Необходимо выполнить такую задачу: Причём, чтобы при загрузке картинки (когда её нет) текст не передвигался в левую часть, а оставался неподвижным справа. А дополнительные данные были внизу правого блока. Подскажите, куда копать? На данный момент, стабильно работающее решение (кривое и без блока доп. данных): #test { background-color: grey; margin: 15px 0; } #test .image { float: left; margin-right: 15px; width: 300px; /*чтобы текст не передвигался*/ height: 150px; } #test .image img { width: 300px; /*уменьшение изображения*/ height: 150px; } #test .wrapper { padding: 10p…
0 votes4 answers -
Верстка под движек
Добрый день! Столкнулся с проблеммой. Где можно доступно и поэтапно почитать про верстку под движек, в частности Joomla!? Нашел много материала, но всегда и везде резкие переходы. Вообще интересует где наиболее точно описан процесс верстки шаблона простого сайта визитки под Joomla!
0 votes4 answers -
Проблема с версткой меню
Всем привет! Вопрос у меня такой, есть горизонтальное меню с выпадающими подменюшками, все работает, но есть проблема, у родительских li стоит фиксированная ширина 110px, а выпадающие подпункты должны быть вообще без ширины, т.е. display:block float:left или типа того, только так можно поставить отступы справа и будет все красиво, но дочерние li наследуют ширину родительских и получается: Что делать не знаю, как сбросить значение ширины для вложенных li? Нужно решить проблему только с стилях CSS, не влазя в HTML Вот код: <div id="top_menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Памятники</a> &l…
0 votes5 answers -
текст в input в ie и ff расположен по разному
Всем привет! текст в input в ie расположен не так, как в ff Вот ссылка, третий букет("Весеннее настроение"), input стилизованный с двумя стрелками - верх и вниз http://enjoyflowers/dostavka_buketov/
0 votes6 answers