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
-
Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?
Помогите, если кто видит или знает ответ. Есть картинка в формате пнг, в опере и лисе нормуль, вот ие6 его отображает как то странно, нужно, чтобы картинка тянулась по вертикали, вот рипит х работает как нужно, а рипит у нет... вот код: #cent_main { background:url(images/cent_main.png) repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cent_main.png', sizingMethod='scale'); } и хтмл <td id="cent_main"> </td> Вот тут показывается картинка как нужно, все тянется. Вот код, который как раз и вызывает у меня недоумение, если кто может, посмотрите у себя его. кртинка прилагается. ксс .delit { background:url(images/…
0 votes9 answers -
Оформление меню
Ребята, плиз, подскажите кусок кода такого вертикально-выпадающего меню, И ещ? как можно офрмить с помощью css эти точки под текстом?
0 votes10 answers -
проблема с float только в ie 2 слоя + javascript
Добрый день! вся конструкция здесь: _http://007.su Мучаю здесь табы. в опере и файерфоксе флоатится все нормально, а в эксплоере нормально флоатятся только последние 2 таба, а первые 2 таба (их содержимое) не флоатится почему то. Помогите пожалуйста или хотя бы намекните, в какую сторону копать и еще в эксплоере почему-то табы активируются только если навести на сам текст (он в спане), в других браузерах все правильно работает - если навести на сам таб
0 votes7 answers -
Съезжает центр сайта
Всем привет!) У меня такая проблема: съезжает центр сайта влево. (причём в одном и том же браузере при одном и том же масштабе на разных компах по-разному, т.е. на одном всё отлично, на другом съезжает.) Сейчас покажу в чём проблема: Вот код самой страницы: <?php // вся процедура работает на сессиях. Именно в ней хранятся данные пользователя, пока он находится на сайте. Очень важно запустить их в самом начале странички!!! session_start(); include ("bd.php");// файл bd.php должен быть в той же папке, что и все остальные, если это не так, то просто измените путь if (isset($_GET['id'])) {$id =$_GET['id']; } //id "хозяина" странички else { exit("Вы зашил на страницу без…
0 votes6 answers -
Проблемы с прозрачностью блоков
Здравствуйте! Идея в чем - внизу на фоне документа есть рисунок, а главный блок должен быть на 70 процентов непрозрачным. html: <div id="bg"> <div id="maintable"> <div id="logo"> </div> <div></div> </div> </div> css: body { background: #FFFFFF url(../images/bg.jpg) bottom no-repeat; height:auto !important; height:100%; } #bg { background: #FFF; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); height: 100%; } #maintable { opacity: 1.0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } #logo { background: url(../images/logo.jpg) no-repeat left top; height: 200px; } карт…
0 votes21 answers -
Разные отступы в IE & Opera
Слева разные отступы в IE и Opera, то есть не везде, а только возле первого столбца блоков. Что в этом случае можно сделать? не могу понять откуда IE берет дополнительные пикселы Заранее спасибо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> .content{ height: 100px; width: 100px; background: #fff; float: left; margin: 20px; } </style> </head> <body> <div style="width: 100%; background: #d6edd3;"> Слово<…
0 votes4 answers -
Резиновый макет
Добрый день! Подскажите,как лучше реализовать верстку резинового макета-позиционированием,плавающими блоками,отрицательным маргином или же еще как можно? нужно: хедер(ширина 100%) верхнее меню(ширина 100%) лколонка(ширина 200пх)+контент(резина)+рколонка(200пх) футер(ширина 100%)
0 votes22 answers -
Проблема c input и autofocus
Добрый день. У меня есть две проблемы: 1) Почему поле input не подсвечивается в Mozilla,Opera жёлтым , как в Google Chrome например? Вот фотка : Вот ссылка: http://slizers.com/list1.html 2) Вторая проблема заключается в том, что autofocus не загружается, то есть при нажатии на кнопку поиск выплывает окошко и там должен быть autofocus. Возможно ли это как-нибудь это сделать? Мною опробованы методы : 1) Скрипты <script type="text/javascript"> function formfocus() { document.getElementById('element').focus(); } window.onload = formfocus; </script> 2) <input id="q" autofocus> <script> if (!("autofocus" in document.createElement("input"…
0 votes0 answers -
Как залить сайт на хостинг?
Блин, кроме как на бесплатных хостингах не было сайта. Не знаю как залить сайт на хостинг допустим host-food.ru Зарегиался блин все дела, выбрал тариф, а куда заливать там все страницы, не нашел кнопки или модуля. Вобщем это больше похоже на репертуар "то ли лыжи то ли я". Подскажите пожалуйста...
0 votes9 answers -
Игнорирование свойства padding.
Здравствуйте. В блоке есть два вложенных блока. Не понимаю, почему для правого не полностью применяется свойство padding? Отступ от правого края есть, а вот от левого нет. Это можно исправить, если задать свойству margin-left величину большую, чем ширина левого, но тот факт, что правый игнорирует padding стал для меня неожиданностью. Я что-то забыл или так оно и есть? Скриншот (видно, что граница проходит вплотную). HTML. <!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" …
0 votes3 answers -
Как верстать большие макеты ?
Кто подскажет как верстать такой макет ? Шрифты слишком большие, размеры отступов и самой картины тоже. Как мне быть, сверстать так как есть или поменять все отступы и размеры шрифта на более менее подходящую ? psd макет скачать
0 votes7 answers -
Ссылки в поле <TEXTAREA>
Здравствуйте, уважаемые знатоки. Подскажете, пожалуйста, как в поле сделать ряд активных ссылок? Суть: нужно сделать список улиц, так как улиц слишком много, думаю заключить список в блок с прокруткой. На каждую улицу идет описание по клику, но ссылку в создать не могу - просто отображается код. Спасибо.
0 votes6 answers -
Внутреннее свечения средствами css
День добрый! Подскажите, пожалуйста, каким образом можно сверстать вот такой блок, состоящий, по сути, из трех блоков, средствами css? В ступор ввело то, что тенюшка внутри блоков сделана внутренним и внешним свечениями. Картинками верстать не очень бы хотелось.
0 votes3 answers -
HTML5 + правильная разметка документа
Давайте возьмём за основу самый простой схематический макет: И так имеем: Шапка. Содержится в теге <header> Контентная часть. Содержится в теге <article> Боковая панель. Сожержится в теге <aside> Ну и по логике вещей всё это дело можно положить в <section> ? Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок? Как правильно?
0 votes4 answers -
Валидатор
Как вы считаете, стоит ли придерживаться мнения валидатора или послать его к чертям?
0 votes27 answers -
Рабочий стол...
Как организовать отображение своего рабочего стола в интернете? Заранее спасибо...
0 votes16 answers -
Упраление видом скроллинга в FF
Вопрос: как в FF управлять видом скроллинга?
0 votes14 answers -
Почему Mozilla FireFox отображает шрифты шире чем все остальные браузеры
Доброго времени суток, я начинающий верстальщик, и я всегда сталкиваюсь с одной проблемкой, практически любой шрифт если он на английском отображается шире в Firefox чем в Google Chrome, то есть если написать какую нибудь строку на английском то он будет гораздо шире в Firefox чем в Chrome, и наоборот если это русский текст то тут уже в Firefox текст короче чем в Chrome и вторая картинка с английским текстом я понимаю что это всё не так критично просто хочется чтобы шрифты отображались одинаково во всех браузерах.
0 votes5 answers -
Как проще сверстать логотип (минимум кода)
Как проще сверстать логотип ( смотрите код: http://jsfiddle.net/0msb5jj8/ ) Что-то мне кажется, у меня много кода и классов для какого-то логотипа )))) Может, есть вариант проще сверстать?
0 votes22 answers -
Проблема с позиционированием
Не знаю, обсуждалась данная тема или нет, простите нет времени просматривать кучу тем. Суть проблема следующая: Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%". Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML…
0 votes14 answers -
Не могу отцентровать див - выравнивается по правому краю
Див включает в себя еще 4 дива у которых не задан левый отступ и правый не задан. Пишу align: center а он делает огромный отступ от левого края пикселов в 800... Пробовала в table помещать их - та же самая история. В чем причина не могу понять - всю голову сломала...
0 votes11 answers -
относительно <col>
1) скажите, пжл, почему параметры align, valign данного тега в html 4.01 & xhtml 1.0, 1.1 strict не понимают многие браузеры, кроме оперы (ие 8, фф 3, опера 9.61, сафари 3.1, гугл хром 2 финал), но код с участием данных параметров считается валидным? 2) добавил стиль в пример из справочника, но из всех свойств класса применяется к 3-й ячейке только background-color (update) и width. хде ошибка? что за фигня? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег COL, параметр valign</title> …
0 votes13 answers -
Наложение объектов
Здравствуйте! При разрешении 1024х768 и меньше на сайте http://ritcar.ru можно наблюдать небольшой глюк. Есть вверху горизонтальное-выпадающее CSS меню (чисто CSS без JavaScript). А в левом блоке есть Flash баннер (там где надпись "Мы издаем") Так вот. Выпадающее меню пункта "Издательство" подлазит под этот баннер, а хочется чтобы было сверху (перекрывало баннер). Попробовал назначать блоку в Flash`кой z-index: 0, но не помогло. Причем такой казус только, когда там стоит Flash. Если поставить статичную картинку, то все нормально. Приведу CSS код меню (у меню id nav), но кажется все намного проще и код даже ни к чему. Любые советы приветствуются. Спасибо. #nav, #nav ul { …
0 votes7 answers -
Как сделать слой ССЫЛКОЙ??
Всем привет, возникла проблема незнаю как слой сделать ссылкой, например есть слой #bob1{ POSITION:absolute; left: auto; right: 50px; top: 0px; bottom: auto; WIDTH: 192px; HEIGHT: 100px; background-image: url(BOB1.gif); background-repeat: repeat-y;} Ссылка сама работает, НО!!! когда наводишь на этот слой курсор "рука" не отображается, т.е курсор мыши не меняется как это обычно бывает когда наводишь на ссылку, Как сделать что бы при наведении курсора на этот слой, курсор реагировал что это ссылка?? подозреваю что с помощью ONMOUSEOVER но как именно незнаю, буду признателен за помощь.
0 votes11 answers -
Растягивающийся фон
Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру. Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся. Вот код из CSS #header { background-image: url(logo.png); } Как сделать что-бы он растягивался, а не дублировался?
0 votes4 answers