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
-
Проблема со слоями
Начал осваивать верстку слоями. Помогите, плиз, решить такую проблемку... Есть основной слой - контейнер, который выравнивается по центру страницы. В нем (подобно ячейкам таблицы) есть слои. Во всех браузерах смотрится нормально. Только в IE видно разрыв между слоями, и то разрыв только между нижними и верхними слоями, между соседними слоями разрыва нет. <head> <style> * {padding: 0px;margin: 0px;} #main { width: 970px; height: 150px; margin-left: auto; margin-right: auto; background: blue; } #title1 { float: left; width: 50px; height: 50px; background: #99FF00; } #title2 { float: left; height: 50px; width: 50px; background: #00FF66; } #title3 { float: l…
0 votes5 answers -
Проблема со слоями
http://geriss.test.012345.ru/geriss/ru/epLWUNmD/ - вот ссылка, если посмотреть в IE7 и в FF3, то проблема станет понятной. А так имеем: <div class="middle"> <table cellpadding="0" cellspacing="0" class="main_table"> <tr> <td class="left_td"> <div class="left_menu"> <div class="left_child"></div> </div> </td> <td class="right_td"> <div class="article"> <div class="article_top"></div> </div> <div class="article_bottom"> <div class="bottom_left"></div> <div class="bottom_right"></div> </di…
0 votes6 answers -
проблема со слоями
Всем доброго времени суток. Есть некоторая проблема с версткой, но где как ни здесь можно ждать решения и помощи от спецов? Суть такова: есть слой с текстом, поверх него слой с картинкой. Картинка не затрудняет чтение текста тем не менее. Требуется сделать так, чтобы слой с картинкой был видим, но при этом можно было спокойно кликать по ссылкам в тексте, выделять текст и чтобы события типа onmouseover в тексте срабатывали, когда мышь подводится, т.е. все так, как-будто бы слоя с картинкой нет. Возможно ли решить при помощи CSS? Если нет, то возможно ли вообще решить? зы Картинку можно сделать как img, так и бекграундом.
0 votes7 answers -
Проблема со слоями
Помогите реализовать следующее. Есть два div'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> …
0 votes10 answers -
Проблема со слоями в 6 ИЕ
Подскажите пожалуста в чем проблема может быть http://roofinfo.net/bmw/. В 6 експлоре правая колонка уезжает вниз. Макет сверстан слоями.
0 votes13 answers -
Проблема со слоями в IE
Какая-то идиотская проблема с размещением слоев именно в IE, firefox и Chrome отображают все как нужно. Есть несколько слоев которые идут слева направо, и под ними еще один слой который по идее должен прилегать без зазоров. Но почему-то именно в IE между ними появляется зазор. Высота текста ни на что не влияет я его вообще убирал, соседние с "Users' list" слои тоже - их отключал. Зазор все равно остается. Ну что за нафиг? Код: <div style="margin: 0 0 -1px 50px; background-image:url(TabBackground.png); background-repeat: repeat-x; float: left;"> <img src="LeftTab.png" width="20" height="30"><span class="ActiveMenu">Users' list</span><img src="R…
0 votes2 answers -
проблема со слоями в IE6+
Буду очень признателен в оказании мне помощи, т.к. я только начинаю осваивать азы верстки... Пробую настроить шаблон VM на Jooml`e. Увеличил шаблон мини изображения, картинка увеличилась но текст справа наезжает на нее. Поправил красные поля, в Firefox все выглидит так как надо, а в эксплорере текст поверх картинки и в высоту длина не увеличивается. float: left пробовал добавлять к картинке... #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-r…
0 votes6 answers -
Проблема со слоями за экраном
Проблема заключается в том что бы спрятать изображения за экраном то есть за пределами видимой области. При масштабировании сайта изображения левого и правого бекграунда должны выезжать либо заезжать соответственно за пределы видимой области (экрана.) также при просмотре на разных мониторах с разными диагоналями левый и правый бэкграунды должны выравниваться в соответствии с свободным для них местом от края экрана до контента соответственно. Сам контент должен быть по середине и при масштабировании также должен либо отдавать либо забирать место у бэкграунда есть идеи?
0 votes7 answers -
Проблема со слоями.
Здравствуйте. Как сделать что бы плавающий слой тянул основной слой? Пример:
0 votes14 answers -
Проблема со слоями...
Прохожу практику, вот заставили делать корп-сайт. Не могу понять в чем проблема, подвал "наезжает" на текст. Подскажите пожалуйста как поправить, уже 2-й день бьюсь. Вот ссылка для примера: http://www.mir-media.ru/services/
0 votes1 answer -
Проблема со списками
Сайт: http://tecktonik.org.ua/ Смотрим горизонтальное меню. Наводим курсор на "Видео". Появляется 3 подменю, но они уезжают далеко вправо. Как сделать, чтобы 3 подменю были под "Видео"? CSS: #navigation { padding: 0 0 0 5px; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { background: url(../images/ar.gif) no-repeat left top; display: inline; line-height: 10px; list-style-type: none; margin-bottom: 2px; padding: 0 12px 0 7px; } #navigation ul li ul { display: none; position: absolute; list-style: none; margin: 0px; padding: 0px; padding-top: 5px; z-index: 99; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { backgrou…
0 votes2 answers -
Проблема со списками в ie6
Вот такая незадача... Есть список и в него вложенный еще один список... В одном списке у тега "ли" в стилях стоит бэкграунд имеж. Во вложенном списке через стиль бекграунда нет. Вроде все просто, но не для ослика...) Именно там где вкладывается второй список, ослик бекграунд тега ли размещает ровно по центру вложенного списка??? Короче посмотрите сами и прошу Вас помочь разобраться с осликом. Все разобрался!!! Как знал, стоит только написать и приходит от Бога ответ!!!! Извините я бы удалил эту тему, но не знаю как!!! Есче раз извините!!!
0 votes9 answers -
проблема со списком
подскажите, пожалуйста, следующее: как начать нумерованный список с определенного числа не пользуюсь при этом параметром value и start, т.к. верстаю стрикт, а валидатор не хочет это все дело воспринимать. Есть ли аналог в CSS?
0 votes7 answers -
Проблема со списком
Как видно на картинке, если ссылка состоит из 2 и более строчек, то 2 и последующие будут начинать налезать на иконку списка: в CSS прописано так: Сам код списка выглядит примерно так: Помогите плиз избавится от такого эффекта.
0 votes7 answers -
Проблема со сползающим блоком (Bootstrap)
Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)
0 votes0 answers -
проблема со спрайтами
После подключения файла reset.css перестали работать спрайты в опере, хотя в мозиле отображается всё как положенно. Изменение значения background-position результатов не даёт.
0 votes3 answers -
Проблема со спрайтами
http://zverushka.100ms.ru/dantist/ В айпаде и вроде в айфоне - лишняяя полоса - уже и так и сяк, а не могу ее убрать А эта проблема только в сафари. У кнопки установлен transform scale.
0 votes11 answers -
Проблема со спрайтами в IE6
Вообще смысла кидать тьму кода не вижу опишу в двух словах. .nav-menu li a{ display:block; background:url(../images/bg-menu-sprites.gif) no-repeat; text-indent:-9999px; overflow:hidden; float:left; } .nav-menu .home{ width:75px; height:37px; background-position:0 0; } .nav-menu .home:hover, .nav-menu li.active .home{ background-position:0 -37px; } Собственно дальше по такому же сценарию. Во всех браузерах ховера переходят нормально а вот в IE6 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …
0 votes18 answers -
Проблема со спрайтом
Вот на этой странице http://57metpob.ru/sprites спрайт .middle должен повторяться на всю высоту ul. Как заставить его это сделать, используя при этом только спрайты?
0 votes4 answers -
Проблема со ссылками
Добрый день, уважаемые. Помогите разобраться, пол дня бьюсь. Имеется div внутри которого картинки-ссылки. Картинки и ссылки берутся из php. Вот примерный код: <div id="colleft"> <a href=" "><img src=" " /></a> </div> Стили для блока заданы следующие: div#colleft { position: ralative; float: left; top: 0px; left: 0px; width: 120px; height: 635px; padding-right: 20px; padding-top: 0px; border-right: 1px solid #878787; } #colleft img { width: 50px; padding: 5px; } Почему-то Firefox и Google Chrome эти ссылки не видит. В опере и експлорере все ок. Если убрать стили, то ссылки работают. Во всех остальных местах с подобным кодом все ок. Только в од…
0 votes5 answers -
Проблема со ссылками в классах.
Проблема в следующем: у меня в стиле есть четыре класса. и в них используются, так сказать,взаимно противоположные цветовые схемы. цвет фона одного класса, является цветом текста другого и наоборот. три блока у меня получаются одинаковыми по цвету, а один - "противоположный". таким образом, я прописал для трёх блоков общий стиль ссылок и шрифта и моя задача прописать отдельно параметры ссылки для одного класса. только почему-то a.content {color: #708090;} в данном случае не работает. кто знает, почему? вот полный текст таблицы. BODY { background-color: #2F4F4F; bakground-attachment: fixed; margin: 0; padding: 0; margin-top: 40; …
0 votes3 answers -
Проблема со ссылками очень много страниц, важно
У меня на сайте много страниц, создаю в dreamweaver и каждый раз при создании страниц ссылки в приходится изменять, ( ссылки такие :n55,n56,n57... ).как зделать, так чтобы взависимости от url последующие страницы меняли свой код очень надо. ... 55 56 57 58 59 60 61 62 63 64 ...
0 votes1 answer -
Проблема со ссылкой
Здравствуйте. Мне нужно было создать изображение,которое является ссылкой и сдвинуть его на 200 пикселей вправо. Получился код типа <a href="адрес ссылки"><img src="адрес картинки" style="padding-left:200px"></a> Но с этой ссылкой есть проблема: перейти по ней можно не только нажав на картинку,но и нажав левее картинки на эти самые 200 пикселей. Что с этим делать?
0 votes2 answers -
Проблема со ссылкой-рисунком
Вот код HTML: <table cellspacing = '0' cellpadding = '0' class = 'header_box'> <tr> <td class = 'logo_box'> <a href = '<%LINK:INDEX%>'> <img src = 'images/logo.gif' alt = 'Главная страница' /> </a> </td> </tr> <tr> <td class = 'top_menu_box'> MenuTop </td> </tr> </table> Вот код CSS: .logo_box { background: #538539 url(images/logo_bg.gif); vertical-align: top; width: 100%; } img { border: none; } Проблема состоит в том, что когда изображение заключаешь в тег , то снизу остается маленький отступ.:| Вот скрин:
0 votes4 answers -
Проблема со статистикой
Статистика не отображаеться на сайте. Что делать? Что в коде не то? <img src="http://s61.radikal.ru/i174/0809/5e/727808446a28.gif" border="0"><?if($COUNTER$ || $ONLINE_COUNTER$)?><tr><td class="boxContent" align="center">$COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?></td></tr></table><?endif?>
0 votes4 answers