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 id = "main_menu"> <li><a href = "#">22222222</a></li> <li><a href = "#">22222222</a></li> <div class = "sub_menu"> <li><a href = "#">111111111</a></li> <li><a href = "#">111111111</a></li> </div> </div> Как бы поподробней изложить суть... присваиваю например красный цвет идентификатору main_menu а классу sub_menu синий, в итоге цвет у всех ссылок красный. Не могу понять в чем проблема, уже 3 часа голову ломаю. Спасибо.
0 votes5 answers -
Flash меню и jQuery
Здравствуйте! Такая у меня проблема. Есть меню сделано во Flash, как мне сделать что бы при нажатии на кнопку меню выполнялся скрипт в html а именно
0 votes5 answers -
Неполадки с оглавлением
Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми. Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок. Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на одну из строк и при её нажатии к примеру к строке: Переход к карте изображения расположенной в плавающем фрейме происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием: [b]Перейти вниз[/b] Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст Перейти вниз Чтоб…
0 votes5 answers -
Помогите плиз с min-height 100% и двумя div'ами
Приветствую всех! Помогите плиз. Нужно сделать блок фиксированной ширины с двумя изображениями по бокам(два бордера с тенями), тянущиеся до самого низа. Первый div с min-height 100% и фоновое изображение левого бордера, в него вложен еще один div тоже с min-height 100% и с изображением правого бордера. Так вот, первый бордер(который левый) отображается хорошо и тянется до самого подвала сайта, а вот второй вложенный div с правым бордером хоть убейся, но не тянется до подвала, а только равен высоте контента. Уже весь день мучаюсь, ничего не получается с ним сделать. HTML код: <div id="leftborder"> <div id="rightborder"> <div id="content"> Content: S…
0 votes5 answers -
расстояние между букв меньше чем по умолчанию
Приветствую, дизайнеров хлебом не корми, дай уменьшить расстояние между букв в заголовках и подобных вещах и "придвинуть" буквы друг к другу. Насколько я понимаю средствами css такое сделать нельзя? letter-spacing дает только увеличить расстояние между букв. Возможно есть еще какие то хорошие варианты реализации, на js например?
0 votes5 answers -
Помогите привязать одну ссылку на видео одновременно на несколько страниц
Нужно на нескольких страницах разместить одинаковое видео (например с youtube). Вариант: вставлять отдельно в ручную на каждую страницу - не подходит. В будущем ссылки буду менять, нужно что бы на всех страницах изменились. P.S. С текстом и фото разобрался, а видео не могу пристроить. Помогите пожалуйста.
0 votes5 answers -
Подскажите пожалуйста, что подразумевает seo вёрстка
Здравствуйте. Подскажите пожалуйста, какими критериями должна обладать se-оптимизированная верстка. На фрилансе иногда в профиле у верстальщиков стоят такие пометки, мол они так верстают. Но как определить, что они сверстали так, как пишут? Например я так понимаю один из критериев - это положение элементов. Санала шапка, затем контент, затем меню, затем футер.
0 votes5 answers -
text-indent и тег <p>
Здравствуйте гуры вёрстки Я давно верстаю сайты и у меня всегда есть проблема с отступами параграфов. Хочу использовать тег<p>, пишу: <p class="italic" style="text-indent:30px;"> В этом случае появляются отступы сверху и снизу. display:inline убирает все отступы, в том числе и те, что появляются от text-indent Как же быть? Использовать тег <div>?
0 votes5 answers -
Помогите разобраться с шириной обертывающего слоя
Здравствуйте.. Никак не могу разобраться в следующей проблеме (страница, где можно это увидеть - http://script.idhost.kz/XHTML_tpl_test/index.html): имеется слой (красного цвета), который содержит 2 других слоя: - синий, шириной 1000px - зеленый, шириной 100% при уменьшении окна браузера менее чем на 1000px по логике обертывающий слой (красный) должен обернуть синий слой, ширина которого = 1000px, и при этом зеленый слой шириной должен быть 1000px. Но на деле выходит так: ширина красного слоя = ширине видимой части окна, и, соответственно, зеленый слой = такой же величине.. Весь день проводил опыты, но неудачно.. Эффект который требуется, можно заметить в Opera или FF,…
0 votes5 answers -
В Опере10 что-то не так
<!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <title></title> <style type="text/css" media="all"> * {margin: 0; padding: 0;} * html #main {height: 100%;} html {height:100%;} body {height: 100%; background-color:#ccc;} #main {min-height: 100%; margin-bottom: -30px; background-color:red;} #footer {height: 30px; background-c…
0 votes5 answers -
Титульная страница по центру...
Здравствуйте, я больше дизайнер чем верстальщик, но от сейчас себе делаю что то вроде портфолио и столкнулся с проблемой отцентровки сайта , как бы я знаю, что бы сайт был вверху и по середине нужно в css прописать так: *{ margin-left: auto; margin-right:auto; } не подскажите как сделать, что бы сам сайт или же вообще указанная часть контента была по середине, не смотря на разрешение экрана, в моём случае - это титульная страница с небольшим логотипчиком и кнопкой входа на сайт, вроде всю ночь сидел и искал как это сделать, так и не нашёл... За благовременно спасибо!
0 votes5 answers -
Почему div не отображается в ИЕ?
Помогите пожалуйста. Вот такое вот меню http://tri4.ax3.net/akado_ural/sub_akado-ural.html Вопрос: Почему в ИЕ7 <div class="white-line"></div> не отображается? Как это вылечить? Вопрос2: в ИЕ6 обработка ul:hover не работает?
0 votes5 answers -
вывод текста
Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет? Красным - дивы с фоновым изображением. По z индексу 1 и 2 Оранжевый блок по z индексу - 70 Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.
0 votes5 answers -
Почему меняются правила HTML разметки, если поместить код в ячейку таблицы?
2 одинаковых куска простого HTML-кода, один помещаем в ячейку таблицы и он начинает криво показываться. Не могу понять причину. Пробовал в последних FireFox и Chrome. Маленький пример: http://xexsus.com/misc/example.html Доктайп: XHTML 1.0 Strict Кусок кода: <!-- кусок кода, НАЧАЛО --> <div style="width:60%;"> <div style="width:100%; background-color:#FFF242;"> <div style="overflow:hidden;width:100%; background-color:#70FF38;"> <br/> <div style="background-color:#FF075A;"> 12345678901234567890123456789012345678901234567890123456789012345678901234567890 123456789012345678901234567890123456789012345678901234567890123456789012345678901…
0 votes5 answers -
Размеры ячеек в IE
Вот такой код. <table style="width: 100%;" border> <tr> <td style="height: 110px;">Ячейка 1</td> <td rowspan="2" style="height: 700px;">Ячейка 2</td> </tr> <tr> <td>Ячейка 3</td> </tr> </table> Вживую видно вот здесь. По моему замыслу, как видно из кода, высота "ячейки 2"==700, "ячейки 1"==110, "ячейки 3"== не указано, но всё, что останется, а именно 590. Линейкой не мерял, но "на глазок" в лисе и опере это примерно так и есть. А вот в ИЕ (у меня 8 версия) совсем не так - "ячейка 3" заметно меньше "ячейки 1". Что я делаю не так?
0 votes5 answers -
Общий фон для нескольких элементов
Сдалал меню на списках, разложил элементы по горизонтали. Теперь вот хочу сделать один общий фон для всех элементов li. То есть использовать одну большую по длине картинку. Подскажите, как это можно сделать. Что-то я туплю… #main-menu { position: absolute; bottom: 45px; right: 0px; } #main-menu ul { display: inline; margin: 0; padding: 0; } #main-menu li { display: inline; margin: 0; padding: 0; } #main-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #f1f1f1; background-image: url(../img/bg-menu-item.png); /* от этого можно отказаться в пользу общего фона*/ background-repeat: repeat-x; color: #555555; padding-left: 1…
0 votes5 answers -
Проблема с разметкой страницы
Доброго времени суток! делаю сайт на joomla 1.5.15 ссылка на сайт confiskatonline.ru на всех страницах после добавления позиции left в шаблон сайта образовалась проблема - содержание страницы съезжает вниз, если разрешение монитора меньше 1280х768! ниже привожу файлы шаблона и css: <?php if($this->countModules('left')) : ?> <div style="width:160px; height:600px; float:left; padding:40px;"> <jdoc:include type="modules" name="left" /> </div> <?php endif; ?> <div id="wrapper" style="float:left;"> <div class="clr"></div> <div id="container"> <div id="page_content"> <?php if($th…
0 votes5 answers -
в качестве основной картинки положить фото?
Хочу в качестве основной картинки (фон) положить фото, при чем мне нужно, что бы это фото при открытии сайта в браузере отображалось целиком без белых полос фона или каких либо полос прокрутки. То есть без прокрутки – везде только это фото. И как задать этой фото резиновость что бы она растягивалась на весь экран на любом экране. Хочу уточнить ПРИ БЛОЧНОЙ ВЕРСТКЕ. Я задала звездочке * { margin: 0px; padding: 0px; width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} Вроде пока отображается на весь экран, но экраны то у всех разные, и мне нужно что бы на любом экране отображалось на весь экран. Стоит …
0 votes5 answers -
Embed и opera
В opera не хочет повторять mp3- хотя в теге embed указано loop="true". Есть какие- нибудь методы борьбы с этим? Заранее благодарен. Иван
0 votes5 answers -
Проблема текста
Здравствуйте, у меня такая проблема при верстки с правого блока выходить текст в середину в браузере IE6. http://www.jizpi.uz/cssprimer/boxes8.html *{margin:0px; padding:0px;} body{ font:12 tahoma; background:#efefff; text-align:center; } .clear{ clear:both; } #wrapper{ width:1004px; margin:0px auto; border:1px solid navy; text-align:left; } #header{ font-size:30px; color:#FFF; background:#C90; padding:20px 20px 20px 20px; } #left{ float:left; width:200px; background:#FC0; padding:5px; } #left ul{ list-style:none; margin:0 0 0 10px; line-height:20px; } #left a{ text-decoration:none; color:#FFF; background:url(images/mdot.gif) no-repeat left; pad…
0 votes5 answers -
В IE верхнее меню справа чем то прикрыто, нижнее в перемещаеться в зависимости от страницы.
В IE верхнее меню справа чем то прикрыто и еле видно, нижнее в перемещаеться в зависимости от страницы. В остальных браузерах вроде все нормально. Недостаток знаний. Учусь 2 месяца. Читаю только по верстке в последнее время. (отказался тут не давно от просмотра нового сезона "Реальных пацанов" Первый сайт. Сам уже не справляюсь, прошу помощи! Смотрел все темы - что у меня определить не могу. Верстал на основе шаблона, конечно куча ошибок, так что буду рад замечаниям по ошибкам вообще. Сайт http://oceanglasses.ru/ Верхнее меню
0 votes5 answers -
Не получается поменять цвет текста?!
Вот такая беда. Вот сайт http://cyclovac.kiev.ua/ В верху с права есть текст "Добавить в избранное" красным цветом. А мне нужно сделать белым. В CSS прописал color: #ffffff но толку никакого. Если пишу беграунт колор то цвет фона меняется. В чем проблема разобраться не могу. Может кто что посоветует??? класс кода css "baner" второй по счету. Код CSS: /* begin Page */ body { margin: 0 auto; padding: 0; background-color: #34040D; color: #ffffff; } .baner { position: relative; left: 740px; bottom: none; z-index: auto; color: #ffffff; } .Main { position: relative; width: 100%; overflow:hidden; left: 0; top: 0; } .PageBackgroundSimpleGradient { positio…
0 votes5 answers -
Динамика в меню.
Привет. Есть плашка меню, она являет собой одну картинку, на ней текстовое меню (z-index). Нужно, чтобы при наведении курсора на область каждого пункта меню появлялась кнопка, а без курсора просто плашка с текстом. Возможно ли это сделать на css? Если да, то как? <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <img src="logo.png" id="logo"> <ul> <li><a href="#">óñëóãè</a></li> <li><a href="#">çàêàçàòü</a></li> <li><a href="#">ñîòðóäíè÷àòü</a></li> <li><a href="#">ïîçâîíèòü</a></li> </ul> &…
0 votes5 answers -
Проблема с меню в IE6
http://salon.deep-night.ru/ Вот тестовая версия сайта. Сразу извиняюсь за верстку, которая там есть. Мне это дело досталось в наследство. Проблема в том, что после того, как я немного сдвинул центральную колонку макета, в IE6 перестало работать главное меню. Ссылки просто перестали быть ссылками. Чего я только не пробовал сделать, но решения не нашел. Очень прошу помочь, иначе у меня скоро крышу сорвет с этим IE6 Заранее благодарю всех откликнувшихся!
0 votes5 answers -
Не могу сверстать блок
Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…
0 votes5 answers