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
29,542 questions in this forum
-
небольшой баг с растягиваем.
столкнулся вот с такой проблемой. сверстал макет, растягивание от 1024 -1280. при 1024 все смотрится классно, но при растягивании появляется небольшой промежуток залил на сервер предварительный макет (обратите внимание между картиной погрузчика и поясняющим текстом при разрешении 1280 пик.) не могу понять если при 1024 все смотриться нормально, и растягивается пропорционально, почему тогда появляется такой отступ. общая ширина доукмента 960px. баннер: ссылки ширина 21% (однозначно нужно) общий контейнер (картника с текстом) - 77% фокта - 57% текст - 23% может распорядок соотношений не правильно? тогда почему при 1024 смотрится хорошо? спасибо.
0 votes14 answers -
Как задать отступ первой строки текста?
В окне изменения стиля CSS нет вкладки что бы задать отступ первой строки текста. Цель: задать автоматически указаный отступ, применительно ко всем текстам, вводимым в разных разделах. Поделитесь информацией. Спасибо
0 votes4 answers -
Изменение цвета DIVа при наведении
Добрый день! Столкнулся с проблемой, уже пол дня пытаюсь ее решить: Вот кусочек кода. Для начала выберете в нашем каталоге понравившийся Вам автомобиль. Даже если такого не нашлось, то обязательно свяжитесь с нашим менеджером. Мы вам непременно поможем.CSS: div.roll { background-color:#D7D7D7; width: 2px; height: 85px; } div.roll:hover { background-color:red; width: 2px; height: 85px; } Но полается не совсем так, как мне надо. А надо следующие: когда наводишь курсором на текст во втором диве, то в первом меняется цвет с серого на красный. Как реализовать?
0 votes4 answers -
не работает прозрачность
по каким причинам кроме может не работать свойство opaciy? (пользуюсь браузером Мozilla а не Explorer). допустим есть gif анимация: сделал так что б была ссылкой в стилях написал a { opacity:0.5;} a:hover { opacity:1.0;} почему то не работает пожалуйста объясните причину или напишите правильный код
0 votes6 answers -
Полосы при создании фона
Нужно сделать фон страницы с вертикальным градиентом. В качестве исходной используется картинка psd высотой более 2000 пикселей. Вырезаю из неё полоску шириной 1 пиксель. Сохраняю для веб, как jpg. Задаю полученную картинку с полоской фоном в свойствах css. background-repeat:repeat. В итоге получаю горизонтальное полошение. Если же делать всё тоже самое, но вырезать полоску шириной 40 пикселей, то полошения почти нет. Подскажите пожалуйста, если кто знает, из-за чего это возникает?
0 votes7 answers -
Посоветуйте книги по профессиональной верстке
Всем привет, хотел бы узнать у профессионалов какие книги можно почитать о профессиональной верстке. Спасибо.
0 votes2 answers -
Посоветуйте крутилку для баннеров
Посоветуйте какую-нибудь хорошую крутилку для баннеров.
0 votes7 answers -
Вертикалное направление текста в таблице
Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??
0 votes2 answers -
Неупорядоченный список
Собственно - сам вопрос: Реально ли сверстать такое меню на неупорядоченном списке? Проблема в том, что я не могу придумать, как сделать эти разделители... Есть у кого-нить варианты? Был вариант сделать через фоновый неповторяющийся рисунок, но элементы li не растягиваются по высоте на 100%...
0 votes10 answers -
SEO верстка
Здравствуйте, есть двухколоночный макет с прижатым футером <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка</title> <style type="text/css"> html, body {margin:5;height:100%;} #wrapper { height:auto !important; height:100%; min-height:100%; min-width:800px; } #header { height:200px; } #left { float:left; width:200px; } #right { top: 0px; margin-left:200px; } #spacer { height:100px; } #footer { height:100px; margin-top:-100…
0 votes8 answers -
Как научится быстро верстать
Подскажите, как можно, научиться быстро верстать?
0 votes9 answers -
открытие внешней ссылки
подскажите , как сделать чтобы внешняя ссылка открывалось не в новом окне, а внутри шаблона сайта и соответственно переходы во внешнем url происходили в пределах родительского сайта ?
0 votes8 answers -
Не могу сделать меню
Вот такое меню мне нужно сделать. Слева выбор пункта, справа контент. Причём контент в рамке и выбранный пункт должен быть в рамке, а остальное нет. Так вот. Я сделал так - 2 слоя с позишн=абсолют, в одном ul-список пунктов, в другом поле для контента. У контента со всех сторон бордер, у выделенного элемента справа-сверху-снизу, с права белый, который как бы перекрывает правый бордер. Всё так и получается, но это решение не подошло из-за проблемы: Как видите, перекрыло на 2 пикселя больше, чем надо, а это мне не подходит. Ваши предложения? HTML: <div class="cats"> <ul> <li class="selected cat_events">события</li> <li class="cat_design">…
0 votes3 answers -
При наведение мыши убирать пунктирное подчеркивание и давать сплошное
Здравствуйте Имеется меню которое php выводит из smarty шаблона Пункт "Специальные предложения" выделен пунктиром <span id="small_white_bold"><a href="/main/">Главная</a></span> <span id="small_white_bold"><a href="/about/">О компании</a></span> <span id="small_white_bold"><a href="/news/">Новости</a></span> <span id="small_white_bold"><a href="/articles/">Статьи</a></span> <span id="small_white_bold" style="border-bottom: 1px dashed;"><a href="/special/">Специальные предложения</a></span> <span id="small_white_bold"><a href="/contacts/"…
0 votes3 answers -
Эффект скрытия текста при скролинге
Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm
0 votes2 answers -
Абсолютное фиксирование ячеек таблицы
Столкнулся с проблемой, имеется широкая таблица, но на разных мониторах с разным разрешеним, ширина ячеек тоже разная, как сделать чтобы везде отображалась одинаково, уже ставил размеры и в % и в пикселях, не помогает
0 votes15 answers -
горизонтальный список с графическими разделителями
Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6 Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине. В чем может быть проблема? Уже не знаю куда смотреть CSS .submenu2 { position:relative; float:left; width:550px; margin-bottom:5px; overflow:hidden} .submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;} .submenu2 ul li{ float: left; overflo…
0 votes13 answers -
DOM или Sprite
В вёрстке мне необходимо изображать несколько квадратов внутри ячейки таблицы. Их можно сделать с помощью применения стилей к некоторому элементу DOM. Например, сделать три div. С одинаковой шириной и высотой, дать отступ справа, выровнять их вправо с помощью float. Но можно сделать Sprite и подставлять эти же квадратики фоном. Я уже делал и так и так. По моим наблюдение много float тормозит отображение. А использование фонового изображения создаёт эффект, что картинки появляются не сразу. Так как таких квадратиком до сотни на странице. Какие вы видите за или против этих двух способов? Или может есть что-то лучше, чем я описал?
0 votes17 answers -
Проблема с высотой
Ну вот никак, НИКАК не хочет этот ... ие отображать целиком мой сайт - обрезает его по правому столбцу. Вот сайт, смотреть в ие. Если нужно выложить код, скажите пожалуйста.
0 votes4 answers -
Ширина колонки
Нужна помощь вот по такому вопросу: у меня три колонки. Центральная колонка - это текст. При отображении в браузере без картинок (опера) центральная колонка налезает на правую колонку. Вопрос не решает установка ширины... Можете подсказать в чём дело. Сайт
0 votes2 answers -
Выравнивание блоков по ширине
Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.
0 votes7 answers -
Новые html5 теги. Как правильно использовать?
Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…
0 votes12 answers -
Переключатели(радиокнопки)
Друзья! У меня есть радиокнопка в ссылке. Сам <input> работает нормально, по ссылке переходит. Но когда я задаю для него display: none; , дабы скрыть и с помощью <label> красиво оформить эти кнопки, переход по ссылке уже не происходит, хотя оба тега завернуты в ссылку. Вопрос: как с помощью <label> переходить по ссылке? <li> <a href="{{ page }}/"> <input type="radio" name="point" id="slide1" checked> <label for="slide1"></label> </a> </li> css: .paginator a{ text-decoration: none; } .paginator li{ display: inline; } .paginator label:after { border: 2px solid black…
0 votes8 answers -
Выровнять по высоте елементы
есть страница накаторой есть табличка, в одной строке - 3 ячейки, в каждой ячейке вложеная таблица с какимто контентом, контент рястягивает вложеные таблицы по высоте, и соответсвенно внешне выглядит как блоки разной высоты, а нада чтобы они были все одной высоты, даж если при этом в одной из вложеной табличке будет пустое место.
0 votes4 answers -
как сделать 100% высоту?
Я хочу сделать что бы левый и правый столбец были ограничены линией dotted 1px например... но блоки у меня не фиксированной длины а могут изменяться в зависимости от информации... @@@@@@@@@ @@@@@@@@@ @@ @@ @@ @@ @@ @@ @@ @@@@@@@@@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica…
0 votes5 answers