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
-
Верстка сложного изображения
Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …
0 votes0 answers -
Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.
Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?
0 votes4 answers -
Как привязать к экрану блок не используя fixed и js?
У меня таблица. И с права и с лева в таблице идут картинки. мне их нужно привязать к прокрутки. Но если я делаю position: fixed, то получается, что пропадает td и все смещается. Мне нужно сделать вот что: И картинки нужны резиновые, что бы становились больше или меньше от браузера. Посоветуйте что нить пожалуйста?
0 votes3 answers -
Селекторы, классы
Всем привет, начал изучать данные технологий, почитал кое-что у нас, на стороне (ру/en) Возник вопрос в в таких записях типо: #div ul{...} #div ul li{...} #div ul li a{...} видел еще много подобных (если не изменяет память, то что то из разряда ul.div li) Зачем используются такие записи (их цель назначение, а еще важнее как работает) Это понятно, что мы задаем стиль для списков, ссылок, но почему нельзя делать это например по одному, например все что отностися к UI записать сразу все в одном стиле (хотя получится громоздко) Заранее спс
0 votes2 answers -
Призрачный отступ
После своего собачьего сайта, Я прочел рекомендованные статьи, переварил полученную информацию, проанализировал свои ошибки и принялся за верстку нового шаблона но уже учитывая ошибки, валидность и семантику. А теперь суть самой проблемы, от верхней границы браузера до блока body какой-то непонятный отступ, я знаю что его можно убрать использовав margin с минусовым значением, но Я хочу понять что там происходит. Сначала я подумал что это из-за файла reset, но Я его отключил и проверил, проблема сохранилась, прошу помощи. Заранее спасибо! Подопытный Файлы Шаблон(если надо)
0 votes2 answers -
Дергание блока при раскрывании в FireFox
Вот ссылка на мой раскрывающийся блок подписки на рассылку, работает во всех основных браузерах кроме FireFox любой последней версии, если на странице есть вертикальный скролл раскрывающийся блок дернется вправо и становится на место и также при сворачивании, как это пофиксить? перепробовал все что на ум приходило, прощу помощи професионалов
0 votes3 answers -
печать страницы из браузера
http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?
0 votes3 answers -
Не работает clearfix в Safari
Здравствуйте! Подскажите, пожалуйста, как решить проблему - в браузере Safari некорректно отображаются плавающие элементы: Вот пример страницы В чем может быть дело? Заранее благодарен за помощь!
0 votes2 answers -
Куда вписать 'random' в код галереи?
Приветствую всех! Я новичок. Пытаюсь сделать случайный порядок показа картинок в галерее, но пока, увы. Если кто может помочь с кодом или предложить другой, буду благодарен за помощь! Сам код в html: <script type="text/javascript" src="res/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="res/jquery.cross-slide.js"></script> <script type="text/javascript">$(function() {$('#pic10').crossSlide({sleep: 2,fade: 1} , [ { src: 'gallery/home1.jpg' }, { src: 'gallery/home2.jpg' }, { src: 'gallery/home3.jpg' }, { src: 'gallery/home4.jpg' }, { src: 'gallery/home5.jpg' }, { src: 'gallery/home6.jpg' }, { sr…
0 votes1 answer -
Как реализовать данный эффект
Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?
0 votes0 answers -
opera tbody bgcolor
Подждскажите пожалуйста, я делаю что то не так или Opera не поддерживает отрисовку фона для TBODY? <table cellpadding=1 cellspacing=1 border=1 bgcolor='red'> <tbody bgcolor='green'> <tr><td>1.1 <td>1.2 <tr><td>2.1 <td>2.2 </tbody> </table> IE, Firefox - фон ячеек зеленый, граница - красный Opera - фон ячеек красный, граница - красный ?
0 votes2 answers -
Нужна помощь
Всем привет... Впервые решил создать сайт,но никак не могу справиться с выравниванием рисунков...помогите ,а... вот что у меня получилось: Файл index: <html> <head> <title>Открытки HandMade </title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="verh1"> <div id="verh"> <img src="images/batterfly 2.gif" align="left"> <div id="verh-right"> <img src="images/butterfly.gif"> <div id="main"> <div id="niz_left"> <img src="images/Text.gif" align="left" align="bottom"> <div id="niz_right"> <img src="images/Left bot…
0 votes2 answers -
Пересекаемые объекты, дивы
Есть два дива! Первый пересекает область второго! Как сделать, что бы первый див не блокировал содержимое от свойств мыши второго?
0 votes1 answer -
Макет для верстки 06.01.2011
Вот решил добавить вам еще один макетик для верстки, думаю, он вам понравится PSD: http://webformyself.com/wp-content/uploads...%20code/psd.zip Скрин: http://imm.io/2Xmu Готовая страница ( как должно быть ) http://nettuts.s3.amazonaws.com/336_siteFr...late/index.html Про макет: Ширина резиновая, высота фикс. Будут вопросы - спрашивайте Автор: Феликс Бойо Ссылка на первоисточник: http://net.tutsplus.com/tutorials/design-t...ratch-–-part-i/
0 votes1 answer -
как правильнее размещать рисунок ?
как правильнее разместить рисунок ? 1. <img ....> 2. <div><img ..></div> 3. <div></div> и в style.css background-image для это блока и еще вопрос как правильно делать позиционирование fload или position ?
0 votes2 answers -
Расположить блок сбоку от основного (margin: 0 auto)
Здравствуйте! Целый день сегодня мучаюсь. Нужно расположить блок сбоку от основного контента <div id="content">...</div> #content{max-width: 800px; margin: 0 auto} Нарисовала примерно то, что нужно получить.
0 votes2 answers -
Не работает селектор атрибутов в Safari 5
Не работает селектор атрибутов "~" в Safari 5 на мобильном устройстве (iOs). Селектор целиком выглядит вот так .tabs > input.tab-selector-1:checked ~ div > div:nth-child(1){} При всем при этом, другой селектор той же категории "+" вполне переваривается. В чем может быть дело? Заранее признателен
0 votes0 answers -
Резиновое меню
Собственно проблема в том, что у пунктов неравномерный отступ. Вот сайт: http://superpuff.ru/ Кто знает почему?
0 votes2 answers -
Как подключить jQuery?
Опыта работы с jQ нет, но надо бы применить. На этом фрагменте http://clip2net.com/s/23x5S 2 задачи: 1) Главная картинка плавно заменяется одной из 3х других равных по размерам. 2) Блоки под картинкой при :hover трансформируются в блоки иного цвета, более высокие, имеющие ссылку. Мне кажется это давно решенные примерчики для профи, может есть шаблон скрипта который можно адаптировать под мою задачу?
0 votes2 answers -
Помогите с версткой горизонтального меню
Всех приветствую, возникла проблема с версткой горизонтального меню, необходимо что бы верхняя граница всплывающего меню была под названием пункта и перекрывала текст под ним. Вот код <!DOCTYPE html> <html> <head> <style> body{ background:#6da1da; width:800px; } .padding{ padding-top:10px !important; } #menu { padding: 0; margin: 0; font-size: 100%; font-family: Georgia; display: block; } #menu li { z-indtx:22; display: block; list-style: none; float: left; padding: 0; margin: 0; width: 150px; text-align: center; text-shadow:0 0 15px #fff,0 0 15px #fff; position: relative; padding-top: 12px; } #menu li ul { list-style: none; pa…
0 votes2 answers -
Горизонтально-ориентированное положение страницы в Ipad
Здравствуйте, друзья. Как-то встречался (или это плод моего воображения) мне мета-тег, который запрещает автоповорот страницы на Ipad и прочих планшетах. Если это действительно так, то помогите в данном вопросе, поделитесь, пожалуйста ссылочкой. Заранее благодарен всем откликнувшимся.
0 votes1 answer -
Выпадающее меню скрыто скриптом
Доброго времени суток форумчане! Подскажите пожалуйста. На сайте http://prikoltube.ru вверхне меню при наведении курсора на "Еще категории" раскрывается но его перекрывает рекламный блок что ниже. Пробовал z-index не помогло, видимо он не работает с скриптом, который перекрывает меню. МОжет есть у кого идеи и предложения как исправить эту ошибку?
0 votes4 answers -
Позиционирование
День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…
0 votes4 answers -
Галерея
Нубу нужна Ваша помощь, мне нравиться галерея в htmlkickstart, но у нее есть некоторые недочеты. Допустим в блоке у меня есть png изображение с заданным hover, необходимо чтобы при нажатии открывалась другая картинка заданного размера, открывалась в этом же окне с возможностью закрыть, желательно без лишней анимации Подскажите с помощью какого скрипта это можно реализовать ?
0 votes1 answer -
Размер шрифта
Можно ли сделать так, чтобы размер шрифта изменялся пропорционально высоте страницы?
0 votes5 answers