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
-
Проблемы с отображением прозрачных div-ов в explorer
Друзья, подскажите, пожалуйста. У меня страничка отображается корректно во всех браузерах, а в ie7 div-ы (элементы, в которых отображены товары) просто пропадают. Вот тут тестовый сайт, о котором речь http://masterhos1.nichost.ru/vmchk/Kategoriya-1/View-all-products.html Что странно: при обновлении страницы они появляются. Однако стоит навести курсор мышки на меню слева - пропадают. Повторюсь, проблема только в ie7. Прозрачность ошибочно "исчезающих" дивов делал так: <div style=" position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#1e1d1b; z-index:3; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Op acity=50)'; filter: alpha(opacity=50)…
0 votes3 answers -
Как определить принадлежность элемента вручную
У меня несколько вопросов. Как можно вручную не смотря в какой либо справочник (если так возможно) определить принадлежность тега к группе строчных или блочных элементов ? Какие ещё существуют группы, если они сушествуют ? Ну и если у кого есть ссылки на таблицы с такими группами или таблицы семантичных и не семантичных тегов и атрибутов. Заранее благодарю надеюсь что понятно задал вопросы.
0 votes3 answers -
Проблемы с переносом
ссылка на изображение, размер: 10.9 кбайт, 1024 x 75 точек Как сделать чтобы перенос строки осуществлялся за границей, а не шел за пределы. Если прописывать еще больше текст вообще уходит за рамки страницы и приходится перематывать. Что нужно сделать чтобы такого не было?
0 votes3 answers -
hover для картинки
Привет всем. Скажите как сделать чтобы при наведении курсора мышки на картинку (точнее на пиктограмму) менялась на поставленную. В общем есть что то наподобии псевдокласса hover для картинки. Заранее спасибо за помощь.
0 votes3 answers -
Свойство font и порядок свойств
Начинаю вникать в процесс вёрстки. Возник вопрос про свойство font. В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя? Хотел сократить запись, заменил в css-файле font-size: 1.25em; font-family: Arial; на font: 1.25em Arial; Оказалось, что это далеко не одно и то же. http://jsfiddle.net/Fmzxg/6/ Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения? В справочнике неплохо было бы описать этот нюанс... Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свой…
0 votes3 answers -
Как поправить HTML код
Всем привет! Есть у меня готовый сайт, сделанный не мною и добавленный на хостинг тоже не мною! И надо на сайте просто чуть поправить HTML код. Работает на WordPress. Опыта работы с хостингами нету(((( Не могу понять где на хостинге найти html странички, там все в php. С этой технологией пока не знаком! Подскажите, в каких папках на хостинге, обычно хранятся html странички! или как это сделать на WordPress. там только Html код можно поправить, там где, что то через него добавляешь! P.S. Ссори за такое постановление вопроса((( с технологиями PHP не знаком и не знаю каким образом делаются шаблоны на WordPress и к тому же не было сайта на хостинге! Спасибо
0 votes3 answers -
0 votes3 answers
-
На отображение абсолютно позиционируемого элемента влияет его родитель
Столкнулся с такой особенностью, что если взять элемент и абсолютно его спозиционировать с помощью position:absolute;, то отображение этого элемента будет зависеть от того, каким является его родитель. Так если есть два элемента <div class="outside"> <div class="inside">text</div> </div> и внутреннему назначить position:absolute;, то если внешний элемент будет иметь свойство display:block;, то его отображение будет таким. Если же внешнему элементу назначить свойство display:inline; или display:inline-block;, то его отображение будет другим. Внутренний элемент с классом "inside" может, кстати, иметь любой display, но это не повлияет на всю картин…
0 votes3 answers -
что значит запись section > div
подскажите что значит section > div а то не нашел ..
0 votes3 answers -
Не растягивается div по содержимому
Не могу понять почему div c классом Content, не хочет растягиваться по содержимому. Внутренние блоки, почему-то располагаются снаружи этого контейнера. html <div class="header"> </div> <div class="LineOne"> </div> <div class="Content"> Текст для проверки <div class="leftside"> Текст для проверки </div> <div class="rightside"> <div class="Right"> </div> </div> </div> <div class="LineTwo"> </div> <div class="footer"> HOME | ABOUT US </div> css * {margin: 0;padding: 0;} html, body {background: url(../img/background.jpg) repeat;} .h…
0 votes3 answers -
Мобильная версия сайта
Доброе время суток. Начал я писать мобильную версию сайта (первый раз этим занялся), выбрал для написания jQueryMobile, и все оказалось очень удобно и просто. Но вот есть у меня 1 вопрос: Допустим на iOS открыв сайт в сафари нажимаю "отправить Домой". Как сделать что бы открывая через получившуюся закладку не было строки адреса и управления от браузера? И тот же вопрос по android и windows mobile. UPD: Нашел решение для iOS. Нужно добавить мету <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> Добавление иконки: <link rel="apple-touch-icon" href="iphone-icon.png"/>
0 votes3 answers -
JS. как получить часть url?
Есть страница по адресу: "http://сайт/cat1/index.htm" <script type="text/javascript"> host = window.location.pathname; document.write(host); </script> Этот код выводит "/cat1/index.htm", а нужно вывести только "/cat1". Подскажите каким способом это получить? Какие-то параметры у pathname указать?
0 votes3 answers -
Меняется стиль dashed для границ элементов
Возникла потребность, согласно дизайна, сделать у некоторых элементов пунктирную нижнюю границу. В частности, у li элементов меню и ячеек таблицы (точнее, нужно отчеркивать строки таблицы нижней пунктирной границей). Обнаружил, что стиль пунктирной границы элемента может меняться в зависимости от ширины элемента (то есть в зависимости от длины пунктирной линии), а именно, в Опере (11.62), в зависимости, от ширины элемента, меняется период повторения штриха (длина штриха остается прежней). И если для пунктов меню это как-то можно терпеть, то в таблице -- это выглядит полной порнографией:граница под разными ячейками в строке рисуется разными пунктирами. Кроме того, место …
0 votes3 answers -
Помогите, два дива вместо таблицы
Друзья, помогите пожалуйста. в IE и Opera сползают дивы, делал по статье http://htmlbook.ru/content/dve-kolonki-navigatsiya-sleva Да и меню тоже сползают, хотя на главной странице нормально. Уже убился пытаться что-то исправить
0 votes3 answers -
Проблема с div или еще с чем?
Доброго времени суток, уважаемые форумчане. Я начинающий в этом деле. подскажите, если кто заметит в чем моя ошибка. Буду безмерно благодарен. http://hogw.ru/catalog/ адрес тестовый. Проблемы в следующем. В браузере Explorer блок с содержимым сайта съезжает влево, при сжатии браузера (уменьшении ширины браузера)картинка показывает нормально. Тот же самый блок в Firefox и Chrome остается по центру, как и должно быть. Все вроде бы ничего, но в Chrome появляется другая ошибка, которой нет в других браузерах. В Chrome блок обрывается не доползая до конца страницы. Пытаюсь найти решение так чтобы при написании текста в этом блоке фон (пергамента) доходил до самого подвала стра…
0 votes3 answers -
в ie6 не появляется фон и рамка
Подскажите ,пожалуйста, почему в ie6 не появляется фон и рамка? <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css"/> <title>ФОРМА</title> <style type="text/css"> #ya{ width: 300px; height: 300px; border: 4px solid #cc0000; background-color: #cc0000; } </style> </head> <body> <div id="ya">…
0 votes3 answers -
Разница в позиционировании
Здравствуйте! У меня такой вопрос: есть ли принципиальная разница в позиционировании или это зависит только от того, кому как удобно? К примеру c absolute у меня получается намного лучше чем c relative.
0 votes3 answers -
не правильно срабатывает margin
Всем привет. Ворост довольно таки простой. но все же есть верстка <div class="wrapper"> <div class="header" id="header"> <div class="logotips"></div> <div class="header-right"> <div class="top-menu"> <ul> <li>first</li> <li>second</li> <li>third</li> <li>fourth</li> </ul> </div> <div class="bottom-menu"> <ul> <li>first</li> <…
0 votes3 answers -
Странный эффект у плавающего дива
Я обнаружил странный эффект у плавающих дивов. Конечно же, мне известно, что поведение элемента со свойством float таит в себе множество сюрпризов. Но данный обнаруженный мною эффект кроссбраузерен за исключением старых версий IE. Поэтому мне кажется, что в стандартах должно быть хоть какое-то объяснение. В примере див в потоке расположен выше тега параграфа, но почему-то получается так, что если див сделать плавающим, то для него сверху окажут воздействие марджины параграфа, расположенного ниже. В примере видно, что сверху над дивом есть марджины (которые являются марджинами параграфа). Что это за особенность?
0 votes3 answers -
шрифты в логотипе
скажите пожалуйста как профессионалы решают следующую проблему есть лого, состоящее из картинки, названия сайта, слогана. эти три элемента обычно представляют из себя одну ссылку, ведущую на главную страницу сайта. вообще хорошо когда на сайте любой текст это именно текст, а не картинка(удобно распечатывать, копировать и т.д.). представленный логотип логично сверстать, используя шрифты проблема в том, что в разных браузерах шрифты будут отличаться. то есть представленные 2 строки будут не всегда одинаковой длины. а дизайн иногда требует точного совпадения не будет ли грубой ошибкой иногда все таки представить текст в виде картинки?
0 votes3 answers -
Кодировка текста для сайта
В общем помогите справиться с проблемой. В индексном файле сайте стоит такая кодировка <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Тестирую на локальном сервере (Safari), вроде нормально отображается и русский и английский шрифт. В Хроме норм. Но в FireFox и Опере не работает русский шрифт. Менял в настройках кодировку на utf-8 и кэш чистил, хотя стоит <meta http-equiv="pragma" content="no-cache"> Но все равно не помогает. Загрузил на бесплатные хостинги, можете глянуть сами впринципе. http://testdomain1.wallst.ru/ http://edsadf.h19.ru/
0 votes3 answers -
div на все экран
Всем привет. есть такой вопросик У меня есть div дочерний body Мне нужно сделать так что бы он даже пустой был на весь экран. а при наполнении контентом тоже увеличивался мой вариант не работает корректно. При открытии документа он отображается на весь экран. но при добавлении контента его высота отается неизменной. В данном диве находиться фон сайта. Подскажите пожалуйста вариант как это можно обойти
0 votes3 answers -
Как рационально резать линованый фон в psd
Здравствуйте, я только начал заниматься версткой и столкнулся с такой проблемой, раньше я верстал странички в которых однотонный фон, но теперь столкнулся с такой проблемой: В макете следующий фон: Как видите это наклонные линии, подскажите как правильно их резать их верстать?
0 votes3 answers -
В чем заключается процесс верстки
Добрый день, недавно начал познавать html и css. Но за верстку браться боюсь, не совсем понимаю до конца что нужно. Вопросы хотел бы рассмотреть на примере макета http://forum.htmlbook.ru/index.php?showtopic=16763 1) Если необходимо для заказчика сверстать такой шаблон то нужно ли указывать путь к ссылкам? 2) Нужно ли делать форму поиска рабочей или только создать ее? 3) Если встретятся формы подписки (например одностраничный сайт) или формы регистрации, формы входа и так далее, то должен я их заставлять работать и как? ______ С праздником!
0 votes3 answers -
Позиционирование блоков
Приветствую. Не могу реализовать следующее: На практике это будет так: блок 2 будет показывается только на главной. В остальных же случаях Блок 1 растягивается на всю ширину родителя.
0 votes3 answers