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
-
Некорректное отображение меню ul в Chrome
Добрый день, дорогие эксперты! Помогите пожалуйста,такая ситуация. В Operе и остальных браузерах отображает нормально, а вот в Google Chrome съзжает меню в футере. Скриншоты и код: Нормально: Cсъезжает в Хроме: <div id="footer"> <div class="counter"><!--LiveInternet counter--><!--/LiveInternet--></div> Все права защищены. © <a href="<?php bloginfo('home'); ?>"><strong><?php bloginfo('name'); ?></strong></a> <div class="footerrightmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Цены</a></li> …
0 votes3 answers -
Как правильно верстать горизонтальное меню?
Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что пр…
0 votes4 answers -
Трансформировать нижнию границу блока
Здравстуйте. Есть задача: повернуть нижнюю часть блока под определнным градусом, пример на картинке Вместо черного блока будет изображение на всю ширину экрана.. На форуме нашел подобную тему http://htmlforum.ru/index.php?showtopic=52365&hl=%2B%D0%BF%D0%BE%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%2B%D0%B1%D0%BB%D0%BE%D0%BA#entry350534 но есть ли другое решение?
0 votes11 answers -
Вертикальное выравнивание изображений
Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left
0 votes2 answers -
Межстрочный интервал между формами
Как изменить межстрочный интервал между однострочными формами в IE ? Пробовал line-height родителя - не работает; font-size - только размер шрифта меняется, padding и margin - таже картина ?! Я знаю только один вариант, заключить каждую форму в блок и управлять margin. Может есть что нибудь попроще? Спасибо!
0 votes1 answer -
Не работают ссылки
В ИЕ 6 не работают верхние ссылки-картинки на сайте. Как исправить? Див, с вложенной картинкой, которая разбивается на ссылки, с помощью карты-изображения: <div id="main_links"> <img src="i/links.png" border="0" usemap="#Map" width="699" height="151" /> <map name="Map" id="Map" style="z-index: 100" > <area shape="rect" coords="4,85,174,140" alt="Скидки" href="/discounts.php?all#pc" /> <area shape="rect" coords="160,31,332,86" alt="Путешествия" href="/travel.php#pc" /> <area shape="rect" coords="326,87,501,140" alt="Проекты" href="/projects.php#pc" /> <area shape="rect" coords="342,0,507,53" alt="Гаджет" href="/gadg…
0 votes2 answers -
отмена заимствование
Вопрос к знатокам: в css файле описано: table.pr {background:#eee} table.pr td {background:#fff} на странице <table width=90% border=0 cellpadding=3 cellspacing=1 class="pr"> <tr> <td></td> <td></td> </td> <tr> <td colspan=2> <table> <tr> <td></td> <td></td> <td></td> </tr> </table> </td> </td> </table> как сделать так чтобы вложеная таблица не заимствовала класс table.pr td?
0 votes2 answers -
bgsound on\off
Не подскажите как добавить кнопки включение и выключения музыки добавленной через bgsound?
0 votes4 answers -
Нижний Край Для Выпадающего Css Меню.
Всем добрый день! Надеюсь кто-то сможет помочь... На своем сайте я хочу реализовать выпадающее меню на чистом CSS в виде раскрывающегося свитка. Условный пример: На данный момент я прикрутил меню по подобию http://www.projectseven.com/tutorials/navi...de/workpage.htm HTML-код (Заранее извиняюсь за длинный код). <link href="p7exp/p7exp.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="p7exp/p7exp.js"></script> <!--[if lte IE 7]> <style> #menuwrapper, #p7menubar ul a {height: 1%;} a:active {width: auto;} </style> <![endif]--> </head> <body onLoad="P7_ExpMenu()"> <div id="menuwrapper">…
0 votes8 answers -
Сайт нормально отображается только в Firefox...
Всем привет, нужна ваша помощь... Вот этот шаблон нормально отображается только в firefox, в остальных - опера, сафари, хром, ие, он отображается одинаково неправильно Вот скрины Файрфокс - http://s002.radikal.ru/i198/1011/44/6d8140fbd45f.png Опера (немного уменьшено)- http://s014.radikal.ru/i327/1011/9a/471a26bcd77d.jpg В чем проблема?
0 votes9 answers -
Сначала создаём PSD в Фш., а потом это верстаем в Дв.?
Подскажите, каков самый распространённый, самый часто встречающийся алгоритм работы над созданием сайта (статичного, про программирование, про ПХП и Яваскрипт не говорим) с нуля? Реально какой. Сначала создаём в Фотошопе файл PSD, который соответствует нашей задумке, а потом с помощью этого файла в Дримвивере уже верстаем? Или этап с созданием файла PSD можно опустить и начинать сразу с нуля вёрстку в Дримвивере? Просто многие тут эти файлы вспоминают PSD, а я хочу спросить - они обязательны перед вёрсткой, или можно начинать верстать и без этого файла? Если эти файлы PSD обязательны, то тогда мне нужно искать книжку с названием наподобие "Вёрстка сайта в Фотошопе", или "…
0 votes16 answers -
аудио на html страничке
подскажите как лучше реализовать аудио на веб-страничку по типа как аудиозаписи вконтакте. юзал <audio controls> <source src="audio/europa.mp3" type="audio/mpeg"> <font color="#FFFFFF">Блин! Тег audio не поддерживается браузером.</font> <a href="audio/europa.mp3">Тогда скачай трек</a>. <br /> </audio> на страничке три трека и все грузятся параллельно и если нажать на плей всех трех, то они параллельно зазвучат
0 votes1 answer -
выравнивание по центру
Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/
0 votes7 answers -
Как правильно сверстать, дайте совет?
Привет всем, уважаемые форумчане, прошу вашего совета по верстке. Есть страница на которой в виде блоков (с картинками) выводятся категории, и расположение данных категорий несовсем типичтое вот скриншот. Подскажите пожалуйста как такое сверстать, с учетом того, что категорий будет не фиксированое количество (новые будут добавлятся), и все последующие должны добавлятся приблизительно по такому же алгоритму с тем же расположением что и предыдущие, только ниже их. Надеюсь на вашу помощь...
0 votes8 answers -
Помогите закруглить углы.
Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема. Кто знает, как сделать закруглённые углы в данной ситуации? То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать. CSS: p#vtip { display: none; font-family:Arial, Helvetica, sans-serif; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; …
0 votes1 answer -
Трабл с hover'ом... в Safari
Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно... вот ссылка - проблема в левой менюхе... CSS ul#mainlevel { display:block; width:200px; } #mainlevel li { display:block; width:200px; height:30px; line-height:30px; border-bottom:solid 1px #fff; text-align: right; vertical-align: bottom; padding-right: 10px; } #mainlevel > li:hover { background: url(../images/vmmenu.png) no-repeat right; } #mainlevel li:first-child { border-to…
0 votes2 answers -
Выравнивание ячеек в таблице.
Добрый день. Имеется таблица <table width="500px" > <tr> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> </tr> </table> С заданной-фиксированной шириной, в ней находятся ячейки у которых так же фикс ширина, к примеру у табл - 500, а у ячеек 250. Необходимо чтобы в одной строке было не более 2-х ячеек (<td width="250px"></td>). Это нужно для - скрипт вытаскивает из бд картинки и вставляет их в ячейки: <table width="500px" > <tr> <?php while(..в табл есть изображения..) {<td width="250px">....</td>} ?> </tr&…
0 votes9 answers -
сместить вниз пункты меню
помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.
0 votes6 answers -
Скошенный угол перед блоком
Здравствуйте! Подскажите, пожалуйста, как правильно сверстать блок меню, который изображен на картинке. Вот ссылка на верстку меню - http://jsfiddle.net/t2363/ Заранее благодарю за помощь!
0 votes7 answers -
Проблема - точки между буквами
Добрый день, столкнулась с проблемой верстки части макета (найден в сети). В меню точки поставила через list-style-image, а вот как поставить точки в заголовке между буквами - без понятия. 1 вариант - вставить весь заголовок картинкой. 2 вариант - сделать так же, как и в меню - каждую букву обернуть в li + list-style-image. может есть еще какой-то вариант, о котором я не знаю?
0 votes5 answers -
ай хэв э проблема
Всем доброго дня, надо сверстать шапку(тянется по всей ширине экрана, фиксирована), может у кого есть идеи как это сделать более грамотно? Либо кто направит по правильному пути чудо ссылками, где есть что-то похожее? Заранее спасибо)
0 votes10 answers -
Основные моменты адаптивной верстки
Начинаю делать адаптивный сайт, начал изучать данную тему глубже и встали несколько вопросов, очевидных ответов на которые не нашел: 1) как лучше подключать media queries- внутри основного css файла, или подключать через <link>? 2) какой подход лучше использовать - от mobile first или наоборот? 3) минимально под какие разрешения надо делать отдельные стили?
0 votes9 answers -
Проблема с viewport
Парни, такая проблема. Есть страница: http://pangurh7.bget.ru/ ее viewport: <meta name="viewport" content="width=device-width, initial-scale=1"> отображение на мобилке: http://cropme.ru/f6018b21a633cf7a672191f11c38ea54 http://cropme.ru/9c601ab9a6036f3704464ab40451bc8e уже перечитал все статьи про viewport. Пробовал разные варианты. Что может быть не так?
0 votes6 answers -
Как лучше верстать резиновую карточку товара?
Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?
0 votes1 answer -
Как растянуть боковое меню по высоте между шапкой и подвалом?
Требуется следующая конструкция: Сверху шапка - height:50px; Футер всегда внизу - height:50px; По центру боковое левое меню с border-right:1px solid black; width:200px; и контент. Верстка "резиновая". Надо растянуть левое меню на всю высоту оставшуюся между шапкой и подвалом даже если контента мало. Притом если убрать левое меню, контент растянется на всю ширину экрана, если убрать шапку, то середина должна сместиться на освободившееся место. Если бы не было разделителя border-right , то не было бы необходимости растягивать левое меню. Подскажите пожалуйста способ .
0 votes0 answers