Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Проблема со слоями

    Начал осваивать верстку слоями. Помогите, плиз, решить такую проблемку... Есть основной слой - контейнер, который выравнивается по центру страницы. В нем (подобно ячейкам таблицы) есть слои. Во всех браузерах смотрится нормально. Только в 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…

    Asked by stosen,

    0 votes
    5 answers

  2. Проблема со слоями

    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…

    Asked by Wind,

    0 votes
    6 answers

  3. проблема со слоями

    Всем доброго времени суток. Есть некоторая проблема с версткой, но где как ни здесь можно ждать решения и помощи от спецов? Суть такова: есть слой с текстом, поверх него слой с картинкой. Картинка не затрудняет чтение текста тем не менее. Требуется сделать так, чтобы слой с картинкой был видим, но при этом можно было спокойно кликать по ссылкам в тексте, выделять текст и чтобы события типа onmouseover в тексте срабатывали, когда мышь подводится, т.е. все так, как-будто бы слоя с картинкой нет. Возможно ли решить при помощи CSS? Если нет, то возможно ли вообще решить? зы Картинку можно сделать как img, так и бекграундом.

    Asked by ztrue,

    0 votes
    7 answers

  4. Проблема со слоями

    Помогите реализовать следующее. Есть два 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> …

    Asked by Foxter,

    0 votes
    10 answers

  5. Проблема со слоями в 6 ИЕ

    Подскажите пожалуста в чем проблема может быть http://roofinfo.net/bmw/. В 6 експлоре правая колонка уезжает вниз. Макет сверстан слоями.

    Asked by Unikal,

    0 votes
    13 answers

  6. Проблема со слоями в 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…

    Asked by Terranin,

    0 votes
    2 answers

  7. проблема со слоями в 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…

    Asked by ose,

    0 votes
    6 answers

  8. Проблема со слоями за экраном

    Проблема заключается в том что бы спрятать изображения за экраном то есть за пределами видимой области. При масштабировании сайта изображения левого и правого бекграунда должны выезжать либо заезжать соответственно за пределы видимой области (экрана.) также при просмотре на разных мониторах с разными диагоналями левый и правый бэкграунды должны выравниваться в соответствии с свободным для них местом от края экрана до контента соответственно. Сам контент должен быть по середине и при масштабировании также должен либо отдавать либо забирать место у бэкграунда есть идеи?

    Asked by North-28,

    0 votes
    7 answers

  9. Проблема со слоями.

    Здравствуйте. Как сделать что бы плавающий слой тянул основной слой? Пример:

    Asked by TIMA,

    0 votes
    14 answers

  10. Проблема со слоями...

    Прохожу практику, вот заставили делать корп-сайт. Не могу понять в чем проблема, подвал "наезжает" на текст. Подскажите пожалуйста как поправить, уже 2-й день бьюсь. Вот ссылка для примера: http://www.mir-media.ru/services/

    Asked by Cribble,

    0 votes
    1 answer

  11. Проблема со списками

    Сайт: 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…

    Asked by Mr.Smith,

    0 votes
    2 answers

  12. Проблема со списками в ie6

    Вот такая незадача... Есть список и в него вложенный еще один список... В одном списке у тега "ли" в стилях стоит бэкграунд имеж. Во вложенном списке через стиль бекграунда нет. Вроде все просто, но не для ослика...) Именно там где вкладывается второй список, ослик бекграунд тега ли размещает ровно по центру вложенного списка??? Короче посмотрите сами и прошу Вас помочь разобраться с осликом. Все разобрался!!! Как знал, стоит только написать и приходит от Бога ответ!!!! Извините я бы удалил эту тему, но не знаю как!!! Есче раз извините!!!

    Asked by mazhar,

    0 votes
    9 answers

  13. проблема со списком

    подскажите, пожалуйста, следующее: как начать нумерованный список с определенного числа не пользуюсь при этом параметром value и start, т.к. верстаю стрикт, а валидатор не хочет это все дело воспринимать. Есть ли аналог в CSS?

    Asked by annsar,

    0 votes
    7 answers

  14. Проблема со списком

    Как видно на картинке, если ссылка состоит из 2 и более строчек, то 2 и последующие будут начинать налезать на иконку списка: в CSS прописано так: Сам код списка выглядит примерно так: Помогите плиз избавится от такого эффекта.

    Asked by radamant.sxe,

    0 votes
    7 answers

  15. Проблема со сползающим блоком (Bootstrap)

    Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)

    Asked by smargelov,

    0 votes
    0 answers

  16. проблема со спрайтами

    После подключения файла reset.css перестали работать спрайты в опере, хотя в мозиле отображается всё как положенно. Изменение значения background-position результатов не даёт.

    Asked by olka,

    0 votes
    3 answers

  17. Проблема со спрайтами

    http://zverushka.100ms.ru/dantist/ В айпаде и вроде в айфоне - лишняяя полоса - уже и так и сяк, а не могу ее убрать А эта проблема только в сафари. У кнопки установлен transform scale.

    Asked by Zverushka,

    0 votes
    11 answers

  18. Проблема со спрайтами в 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 когда с одной кнопки на другую предыдущая пропадает на пол сек потом появляется. Имхо непонятно вроде спрайт загрузился и задержек не должно быть. Отключил все ховера-при навдеении кнопка исчезает и появляется на мгновение …

    Asked by Dessss,

    0 votes
    18 answers

  19. Проблема со спрайтом

    Вот на этой странице http://57metpob.ru/sprites спрайт .middle должен повторяться на всю высоту ul. Как заставить его это сделать, используя при этом только спрайты?

    Asked by morav,

    0 votes
    4 answers

  20. Проблема со ссылками

    Добрый день, уважаемые. Помогите разобраться, пол дня бьюсь. Имеется 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 эти ссылки не видит. В опере и експлорере все ок. Если убрать стили, то ссылки работают. Во всех остальных местах с подобным кодом все ок. Только в од…

    Asked by avira,

    0 votes
    5 answers

  21. Проблема со ссылками в классах.

    Проблема в следующем: у меня в стиле есть четыре класса. и в них используются, так сказать,взаимно противоположные цветовые схемы. цвет фона одного класса, является цветом текста другого и наоборот. три блока у меня получаются одинаковыми по цвету, а один - "противоположный". таким образом, я прописал для трёх блоков общий стиль ссылок и шрифта и моя задача прописать отдельно параметры ссылки для одного класса. только почему-то a.content {color: #708090;} в данном случае не работает. кто знает, почему? вот полный текст таблицы. BODY { background-color: #2F4F4F; bakground-attachment: fixed; margin: 0; padding: 0; margin-top: 40; …

    Asked by DNZ,

    0 votes
    3 answers

  22. Проблема со ссылками очень много страниц, важно

    У меня на сайте много страниц, создаю в dreamweaver и каждый раз при создании страниц ссылки в приходится изменять, ( ссылки такие :n55,n56,n57... ).как зделать, так чтобы взависимости от url последующие страницы меняли свой код очень надо. ... 55 56 57 58 59 60 61 62 63 64 ...

    Asked by rrrrrrrrrr,

    0 votes
    1 answer

  23. Проблема со ссылкой

    Здравствуйте. Мне нужно было создать изображение,которое является ссылкой и сдвинуть его на 200 пикселей вправо. Получился код типа <a href="адрес ссылки"><img src="адрес картинки" style="padding-left:200px"></a> Но с этой ссылкой есть проблема: перейти по ней можно не только нажав на картинку,но и нажав левее картинки на эти самые 200 пикселей. Что с этим делать?

    Asked by mcdude,

    0 votes
    2 answers

  24. Проблема со ссылкой-рисунком

    Вот код 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; } Проблема состоит в том, что когда изображение заключаешь в тег , то снизу остается маленький отступ.:| Вот скрин:

    Asked by RoaminFire,

    0 votes
    4 answers

  25. Проблема со статистикой

    Статистика не отображаеться на сайте. Что делать? Что в коде не то? <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?>

    Asked by Guest Лэв,

    0 votes
    4 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept