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
-
как правильно подобрать доктайп
Прогнал через валидатор на w3.org выдал одно предупреждение: Notes and Potential Issues The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation. If the guess or fallback is incorrect, it could make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document. 1. Warning Mismatch between Public and System identifiers in the DOCTYPE declaration This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.0 Transitional//EN declares the X…
0 votes5 answers -
свойство Opacity и его поведение
Я использую блок контента (1), родительский элемент (2) которого имеет прозрачность 0,5 (выступает в роли заднего фона через который видны другие элементы страницы). Прозрачность с родителя(2) распространяется на контейнер (1). Подскажите пожалуйста, как сделать чтобы родительский элемент был прозрачным, а контейнер - непрозрачным? (Даже если указываю для (1) opacity:1 ничего не меняется)
0 votes8 answers -
Как вырезать этот слой в фотошопе?
Здраствуйте. Уже не первый раз бьюсь с подобной проблемой. Как у этого макета http://divhack.com/downloads/study/6/6.psd вырезать верхний широкий хедер (выполненный разноцветными разводами), который состоит из двух слоев. Если первый прозрачный слой с разводами я еще могу скопировать в новый документ, то от второго (темного) копируется лишь маленькая рамка (50 пикселей) вместо 1200. А выделенные вместе они вообще не копируются. Их можно скопировать через шифт+с, предварительно убрав все остальные лишние слои сверху (а это долго и муторно). Может есть способ проще? Как скопировать более быстрым способом?
0 votes10 answers -
XML или HTML ?
Скажите, а в чем сейчас больше делают сайты, в HTML или XML ?
0 votes3 answers -
стилевое оформление ссылок
верстаю сайт сейчас. в стилях не всегда ориентируюсь, и заметила такую вещь. Сейчас оптимизирую страницу под FF. Там все нормально. Под ИЕ ссылки в блоке имеют те же цвета что и обычные ссылки, хотя именно для данного блока заданы другие цвета и в FF все отображается как надо. Каким образом надо задавать цвета ссылок в блоке, чтобы именно в этом блоке ссылки имели заданные цвета в ИЕ? Какая тут хитрость? код слишком длинный, но могу выложить, позже выложу код все-таки блок такой <div id="header-region" class="clear-block"><div id="block-nice_menus-1" class="block block-nice_menus"> <div class="content"><ul class="nice-menu nice-menu-down" id="ni…
0 votes2 answers -
Исчезли вкладки в шу6е (ie6)
http://sotnikovs.com/e-shop/ver2/ если посмотреть в FF - вкладки нормально отображаются (на все другое не обращаем внимание) но как обычно, в ШУБЕ (ie6) — вкладки не отображаются.. Пока сам тоже ковыряюсь, но причину не вижу.. Need help assap!
0 votes3 answers -
Неуловимый паддинг на кнопке в IE7
Привет всем! Я что-то никак не разберусь, помогите советом? У кнопок в IE появляется внутренний отступ. IE-dev его не видит как паддинг, да его там и быть не должно, потому как не назначен. А визуально он присутствует. Страничка: http://leveler.ru/htmlbook/pagenav.htm Картинка:
0 votes11 answers -
javascript
Утро доброе человеки! подскажите пожалуйста, могут ли скрипты перекрывать друг друга? имеется в виду, важно ли какой скрипт находиться выше а какой ниже? просто есть скрипт который делает текст скравающимся - "сполер" , а внутри его нужно расположить карту яднекса, только при это карта начинает работать "неадекватно" , то пропадает картинка, то смещаеться центр карты который указан по умолчанию ... или из-за чего такое может быть? спасибо заранее!!!
0 votes12 answers -
Вытеснить элемент из потока
Здравствуйте. Подскажите пожалуйста. Есть основной елемент, который отпозиционирован абсолютно и его высота(top) меняется, то есть он едет вниз-вверх. Внутри него есть другой элемент, который так же отпозиционирован абсолютно, но у него есть координаты слева и сверху. Вопрос: как сделать так, чтоб изменения внешнего элемента, то есть его изменения координат сверху(top) не отоюражались на внутренем елементе, чтоб несмотря на то, что основной элемент меняет свое положение, - внутренний оставался постоянно на заданных координатах? <style> #main { position: absolute; width: 400px; } #elem { background: red; height: 100px; position: absolute; top: 300px; width…
0 votes16 answers -
Пара вопросов от новичка
Всем доброго времени суток. Почитал я много ресурсов, почитал Ваш форум. Все же, есть немного вопросов, которые хотелось бы задать. Начну с того, что мне посоветовал заниматься веб дизайном один знакомый программист. Важно ли это? Вот он как бы посоветовал и все, сказал наверное главное в этом деле, что нужно понять что то такое html вообще, а только потом переходить к css. А уже после, еще глубже уходить. Вот собственно вопрос номер 1. Правильно ли это? Или все же, лучше совмещать изучение? Но тут может появиться в голове каша. Вопрос 2. Теория + практика. Нашел я практику, в принципе, на сайте хтмлбукс. Там есть какие то задачки. Самопроверка. Вопрос в теории. …
0 votes13 answers -
Логотип между пунктами меню (как проще сделать?)
Подскажите, как проще сделать логотип между пунктами меню? У меня получается два ul Код: http://cssdeck.com/labs/9glnryce
0 votes7 answers -
Проблема с версткой на div(. Помогите плиииииз!
Хотел создать свой первый сайт на дивах, но возникает ряд проблем: в разных браузерах страница отображается по-разному и некоректно. В идиале сайт должен одинаково отображатся о этих браузерах, и 2 колонки с контентом должны ростягиватся содержимым, но не получается добиться этого ефекта. Укажите на ошибки, буду очень благодарен. Заранее спасибо! IE 7.0: Opera: Mozilla Firefox: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>.: Морские прогулки на яхтах в Крыму :.</title> <META http-equiv=Content-Type content="text/html; charset=win-1251"> <META content="Морские прогулки на яхтах в Крыму"…
0 votes5 answers -
свойство opasity
Проблема в следующем: Если задать opacity для ячейки, то прозрачным становится все содержимое ячейки. Сужествует ли возможность сделать прозрачным фон, но при этом оставить шрифт не прозрачным? (это частный случай, не понимайте буквально, я знаю что прозрачный фон это отсутствие оного)
0 votes4 answers -
Заголовок раздела
Здравствуйте уважаемые знатоки. У меня проблема. Я сделал свой сайт в программе фронтпейдж. Разметка табличная. Ячейка верхнего колонтитула заполнена фоновым рисунком и сверху написано отдельно текстом название раздела. Размер таблицы в % При изменении размера окна браузера текст, как и положено, сдвигается влево, но потом, поскольку названия состоят из двух слов, они становятся в столбик. Можете посмотреть www.po-miry.ru Только сама индексовская страничка нормальная. Как сделать, чтобы названия разделов, например "Спорт. Туризм" при уменьшении размеров окна оставались одной строчкой. Конечно я мог бы сделать надпись картинкой, но хотелось бы, чтобы фон проглядывал. жд…
0 votes9 answers -
Для желающих получить опыт верстки
Для всех желающих поверстать для души, Антон Иванов (@ontozhka) поделился PSD'шником, который он потерял пару лет назад. Шаблон несложный, но и не шибко элементарный. Учитесь и набирайтесь опыта. А вот и сам PSD'ник. Только помните, что автор не вы, и разрешения использовать этот макет никто не давал - вёрстка, для набора опыта, не больше.
0 votes0 answers -
баг с :hover в Opera 9.5
Имеется выпадающая менюшка на css, посмотреть можно тут http://www.dostavka-usa.com.ua/index_new.php. Выпадает при наведении на кнопку "выбор товара". Проблема заключается в том что в opera 9.5(возможно в 9 - тоже. В 8.5 все нормально). второй уровень меню вслывает непосредственно с текста пункта на первом уровне, а не со всего пункта li. Причем если кликнуть на корневыю кнопку и перейти на страницу каталога(соответственно у кнопки появляется стиль :active) данный баг исчезает. Небольшое уточнение: в местах, где под выпадающим списком первого уровня ничего нет все работает правильно, если же под ним есть текст/рисунок/поле формы - они как бы "мешают" срабатыванию hover н…
0 votes4 answers -
Отображение таблицы в разных доктайпах
Есть у меня табличка с данными, а у таблицы декоративная рамка, где картинки порезаны на части и распределены между ячейками таблицы. Доктайп был loose, и всё выглядело замечательно. Потом вдруг думаю - переделаю-ка на strict, делов-то. Поубирал все лишние параметры таблицы из html (border=0 align=center cellpadding=0 cellspacing=0), перенёс в стили. Откуда ни возьмись, появились промежутки между ячейками, и в рамке появились разрывы. Задал в CSS для таблиц margin: 0; padding: 0; border-spacing: 0; - не помогло. Задал для строк - не помогло. Задал для ячеек - не помогло. Задал для картинок - тоже не помогло. Что б ему ещё такое сказать, чтоб он понял?
0 votes12 answers -
Div, который занимает все оставшееся место
Добрый день! Попытался воспроизвести свою ситуацию, упростив ее до минимума. Необходимо, чтобы div #center занял все оставшееся место между #top и #bottom <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <style type="text/css"> html, body { height:100%; } #outer{ background:#00F; height:600px; width:400px; float:left; } #top{ width:400px; background:#F0F; height:100px;…
0 votes1 answer -
jquery добавляет к body zoom: 1;
Почему? Зачем? Нужно ли это? В Хроме: <body style="zoom: 1;"> В Опере: <body style="">
0 votes4 answers -
Шрифт зависит от размера экрана.
Приведите примеры способов верстки, когда шрифт уменьшается/увеличивается в зависимости от размера экрана. Процентное измерение не помогает. Текст сайта на маленьких устройствах сваливает за рамки блоков. http://www.designforge.ru/
0 votes3 answers -
[CSS] Как из CSS вызвать изображения?
Привет всем. Начав заниматься HTML и созданием сайта с нуля я столкнулся с такой проблемой: У меня есть изображения (фон=background) которая я растянул по всему экрану: body { background: url(images/bg.png) no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }Ну вроде всё работает отлично, код занимает много место в index.html поэтому я решил поставить его в CSS(не знаю правильно я думаю и вообще возможно ли такое?). Я создал файл body.css и там добавил код выше, я его загрузил в index.html кодом: <link href="css/body.css" rel="stylesheet" />Но почему то всё…
0 votes10 answers -
Пропад скролбар!
приветству, столкнулся с достаточно странной ситуацией: в какой-то момент на этапе в?рстки пропал вертикальный скролбар. Т.е страница показывается на половину, а вниз прокрутить никак нельзя, что за?????
0 votes3 answers -
НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe
Всем привет........... —————————- НЕ ВЫРАВНИВАЮТСЯ картинки в DIVe Если точнее они неправельно отображаются в IE и OPERe. Наверно надо дописать в стилях что-то, но что я без понятия. ———————————————————————————————————————-- Вот пример: http://one-gi.ru.terra.mtw.ru/test/primer.html ———————————————————————————————————————— Вот код: <html><head><title>Примэр</title> <style type="text/css"> body{margin: 40px;} #d1{width:300px; height:100px; background:#9089FF} .img2{} </style></head><body> <div id=d1><img src="1.gif" align="left"><img src="2.gif" align="right"></div> </body> </html>
0 votes6 answers -
Горизонтальное меню
У меня горизонтальное меню состоит из 4-ых ссылок. Роль ссылки играет картинка с надписью, помещенная в плавающий контейнер. (каждая ссылка помещена в такой контейнер). Проблема заключается в том, что при уменьшении окна браузера, самая левая ссылка ползет налево на обычную картинку. Хочу создать распорку, чтобы поместить туда все ссылки, но че до конца не догоняю, не получается.((( Подскажите, товарищи. Вот код CSS ссылок: div.imagecaption2 { float: right; width: 182px; margin: 0 0em 0em 1em; padding: 6px 6px 4px 6px; display: inline; text-align: center; border-color: #CCC #999 #999 #CCC; border-width: …
0 votes0 answers -
Не работает ссылка в Opere и Mazille
Всем привет! Не работает ссылка в опере и мазиле. Что делать? Код: <a href = 'kont.php'> <td width = 9% style = "cursor: pointer" onmouseover="this.style.backgroundColor='#9aa5b6'" onmouseout="this.style.backgroundColor=''"><p class = 'menu'>КОНТАКТЫ</td></a> Заранее спасибо за ответы!
0 votes4 answers