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
-
как семантически вернее
На странице объёмная статья, после небольшого вступления идут части с пронумерованными подзаголовками, то есть описываться по порядку некий процесс. В каждом пункте пара абзацев и иллюстрации. По вашему мнению как семантически будет трушнее? /* вступление ..... */ <h2>1. Первое бла</h2> <img .....> <p>....</p> <h2>2. Второе бла</h2> <img .....> <p>....</p> или каждый эпизод - заворачивать в li и нумеровать, костыляво получится если цифру к заголовку пытаться приилепить... Или составить список определений, и попытаться ему применить list-style-type: decimal?
0 votes39 answers -
Меняющийся задний фон!
Здравствуйте форумчане, давно пользуюсь данным сайтом, но точно не знаю задавался ли этот вопрос. Меня интересует смена заднего фона при обновлении страницы сайта. У меня лежит 5 разных картинок, и я бы хотел сделать чтобы они менялись случайным образом при обновлении. Подскажите что нужно и куда прописать, буду очень благодарен, заранее всем спасибо!
0 votes5 answers -
Очень длинное название в выпадающем меню
Всем доброго времени суток. Сразу признаюсь, я самый, что ни есть новичок Делаю сайт на стандартном шаблоне Joomla (rhuk_milkyway). Закачал модуль горизонтального выпадающего меню. Всё получилось. Но в подменю у меня длинные названия, очень, которые нельзя сократить. Некоторые должны отображаться в 3 и даже 4 строки. А у меня одна длиннющая Что в css отвечает за перенос текста? Или необходимо где-то указывать определенный размер подменю? Воощем, что вставлять и куда вставлять не знаю!!! Поможете? P.S. Обещаю исправить своё невежественное отношение к css методичным самообучением. Просто сроки поджимают. Обещал подарить сайт... Если я правильно понимаю, это css моего меню: …
0 votes14 answers -
выпадающий список с прокруткой
Интересует как сделать такую штуку, например есть кнопка, при нажатии на нее появляется список (вертикальный), с кнопками (не скроллами) для перемотки содержимого вниз-вверх. Видимую часть списка сделал через новый div с какими то там значениями overflow, не суть, это работает. Проблема вот в чем - незнаю как сделать прокрутку элементов списка, при изменении margin-top или margin-bottom список прокручивается, но только при однократном нажатии. Тоесть я нажал на стрелку "вниз", показался скрытй до этого нижний элемент списка, по идее при втором нажатии должен показаться следующий элемент, но ничего не происходит. код скрипта: function scrolldown(elem) { var obj = doc…
0 votes2 answers -
Ширина viewport в iOS при смене ориентации экрана
В браузере под iOS, одинаковая ширина вьюпорта при портретной и ландшафтной ориентации. Из-за этого в ландшафтной ориентации страница просто увеличивается и выглядит плохо. Как сделать чтобы вьюпорт изменялся?
0 votes6 answers -
Проблемы со слоями в FireFox
Пытаюсь создать свой сайт, но столкнулся с проблемой смещения слоев в FireFox. В др. браузерах отображается все корректно. Страницу делал в FrontPage. Корректно: Не корректно: Стрелочками показано где смещено. Это 4-е разных слоя. Подскажите пожалуйста, что не так делал.
0 votes22 answers -
Надо ли Calibri подключать @font-faceОМ?
Надо ли Calibri подключать @font-faceОМ? По идее надо, на всякий случай хочу спросить
0 votes5 answers -
overflow:hidden
Есть некоторый код (для примера) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> div { } ul { list-style-type:none; margin: 0; padding: 0; } li { float: left; margin: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div> bla-bla-bla </div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> </html…
0 votes51 answers -
Неправильное отображение в Safari и IE. Как исправить?
http://tellmeof.cc.ua/Map/map.html 1. Safari 7 (в более старых не проверял) не скругляет углы у iframe. Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает. 2. IE7 и IE8 не скругляют углы у iframe. Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось. 3. IE7 и IE8 не отрабатывают ховер. 4. IE9+ как-то странно отрабатывают ховер. Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует. Прошу помощи.
0 votes11 answers -
Помогите новичку.
Всем привет, я только начал изучать язык CSS и у меня сразу возникла проблема с выводом результата в разных браузерах. Итак: Создал отдельный файл style.css В нем написал простые команды: h2 {color:green;} body {background-image:url(bg_img.jpg);} Затем присоеденил этот файл к HTML файлу следующим образом: body итд. Внимание Знатоков вопрос! Открываю свою страницу в IE6, IE7, все прекрасно работает. Открываю ту же страницу в Firefox 2.0.0.14 команды стилей не работают, виден только результат из HTML текста (актуализировать страницу пробовал ). Внимание вопрос! Что я не учел, почему в Firefox не работает :| ? Зарание благодарен за помощь Klock :cool: .
0 votes18 answers -
Как сделать активным меню и подменю ?
Есть простое меню на css. При наведении на ссылку меняется фон и появляется подменю. Как можно сделать что бы при переходе на подменю, у ссылки основного меню оставалось свойство hover. Т.е при наведении на "3-А", свойство hover было и у "3" и у "А" .Помоему только средствами css такое не сделать, нужен javascript, или я ошибаюсь? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <style type="text/css"> /*левое меню*/ .left_menu{ font-size:12px;} /*выравнивание списка*/ div.left_men…
0 votes2 answers -
заколовки h1 h2 h3 внутри текста
Есть текст, внутри которого есть заголовки h3, как текст и заголовки выровнять, чтобы текст не переносился на новую строку. пример текст текст <h3>ключевое слово</h3> текст текст результат должен быть в таком виде текст текст ключевое слово текст текст А выходит как то так текст текст ключевое слово текст текст
0 votes13 answers -
Обрезка фона блока при уменьшении размера экрана
Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?
0 votes3 answers -
DIV"ы наползают друг на друга
Знаю вопорс элементарный и ответ наверняка есть на форуме. Но поскольку я только-только начал осваивать css, то большинство ответов, которые я нашёл, мне не понятны, а готовые решения мне не нужны - хочу сам научиться. Читал описание позиционирования элементов на этом сайте, но отличия очень смутно понимаю. Поэтому решил создать новую тему. Имеется вот такая беда: HTML: <div class="mes_body"> <div> <div class="mes_info"> Текст левой колонки <div class="price"> Цена находится под текстом слева </div> </div> <!--Фото, тут код не убирал, чтобы не убрать ничего лишнего--> <div class="mes_photo"> {%if $message.fields.i|@count …
0 votes2 answers -
Проблема в верстки карточки товара
Добрый день. Есть карточка товара. Подскажите как ее сверстать ее, так что бы когда изображение отсутсвует часть с описанием сдвигалась влево. на данный момент у меня сверствано float и картинке задана ширина если ее нету то ширина = 0 и соответствено описание сдвигается влево, но тут возникает проблема когда описание больше по высоте чем картинка то текст попадать под картинку , таковы уж правила работы float Верстать не нужно подскажите в каком направлении двигатся, может ссылку а то у меня ни чего не получилось найти
0 votes9 answers -
Вирус в коде
Всем добрый вечер. Народ помогите удалить вирус в коде не пойму где он именно?, вот ссылка http://school7tver.ru/ Антивирус Аваст! Вирус HTML:IFrame-FA [Trj] ?
0 votes20 answers -
Инструкция, создания сайта
Доброго времени суток, форумчане. Есть желание создать сайт, но проблема в том, что не знаю с чего начать. Интересует, такой вопрос, как начать грамотную разработку сайта? С чего начать лучше? База данных? CMS? А может, с самого HTML?
0 votes37 answers -
Только горизонтальный скроллинг.
Собственно как сделать горизонтальный скроллинг для фрейма. Поскольку в одном фрейме информации (картинок) больше, чем может вместить монитор у которого разрешение меньше. В данный момент появляется вертикальный скроллинг, что некрасиво выглядит и не совсем удобно. У меня картинки в виде ссылок, если есть более удобный способ, то рад буду выслушать. P.s. И как поставить несколько ссылок в одной строке, а то очень давно не делал, и теперь вот забыл.
0 votes5 answers -
Прыгает ширина блоков на разных страницах
Есть страница, верстка div'ами. Шапка: #header { float:left; height:70px; margin:10px 0 5px; padding:10px; width:900px; } Левый div (с меню) #leftcolumn { float:left; margin:0 5px 5px 0; padding:10px; width:195px; } Правый блок(с контентом) #rightcolumn { color:#333333; display:inline; float:right; margin:0 0 5px; padding:10px; width:678px; } При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает. Сам сайт _ttp://www.devilbiss.ru
0 votes12 answers -
Как сделать всплывающее окно на весь экран
Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран. Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.
0 votes1 answer -
проверьте код
Всем привет, нужно было написать хтмл код для онлайн шопа где прописывалось бы время когда можно забрать товар. сразу скажу с кодом я даже не на ВЫ. Этот код мне сделал чатжопати и все вроде бы работает кроме скрипта с выходными. Если сегодня (после 16 часов) или завтра один отпускных дней, то должна выплюнуться дата след. свободного дня. Но он как то этот момент игрнорирует. Заранее благодарю! <!DOCTYPE html> <html> <head> <title>Versandtermin</title> <script> function getShippingDate() { var today = new Date(); var day = today.getDay()…
0 votes0 answers -
float и height 100%
надо сделать высоту ".left" равной высоте ".right" иначе говоря чтоб у него был рабочий height: 100%. всё чего мне удавалось добиваться это получения высоты видимой области и то не во всех браузерах (требуется ie6+ и нормальные) <!DOCTYPE html> <html> <head> <style type="text/css"> .content {border: 1px solid red;} .left {width: 200px; float: left; border: 1px solid green;} .right {float: left; border: 1px solid black;} .clear {clear: both;} </style> </head> <body style="margin: 0; padding: 0;"> top <div class="content"> <div class="left"> left content </div> <div class="right"&g…
0 votes1 answer -
задержка выпадающего меню
Помогите реализовать задержку выпадающего меню, скрипт на уровне копи паст, пытался реализовать через transition:delay, но почему то не работает!
0 votes14 answers -
Логотип сайта в браузере
Хочу создать такую штуку как у вас на сайте или в любом поисковике, чтобы в вверху, перед адресом страницы находилась картинка. Как это сделать???
0 votes2 answers -
Помогите прибить div к низу
#sidebar { float: right; width: 320px; margin: 0px; padding: 0px 0px 10px 0px; display: inline; } .logocounter { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } <div id="sidebar"> ... Всякие виджеты ... <div class="logocounter"> ... Коды счетчиков ... </div> </div> Есть ли возможность прибить к низу <div class="logocounter">?
0 votes6 answers