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

29542 questions in this forum

  1. проблема со стилями css

    Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> &lt…

    Asked by мурамаса,

    0 votes
    4 answers

  2. Резиновый макет.

    Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка

    Asked by Red Planet,

    0 votes
    8 answers

  3. Верстка

    Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…

    Asked by Unger,

    0 votes
    16 answers

  4. Как правильнее будет использовать <nav>

    Здравствуйте я хотел бы поинтересоваться как в данной ситуации будет правильнее использовать тег <nav>. Вот что мы имеем: В самом темном диве идет список <ul> как видно из картинки в большом диве 3 маленьких, уже в них еще по 2 дива. В верхнем диве просто текст, это даже не ссылка. А вот в темном диве идут ссылки. Вот у меня и возник вопрос. Вместо большого дива сделать <nav>, или 3 дива которые в большом сделать <nav>, или только 3 самые темные дивы сделать <nav>.=D Подскажите как будет лучше.

    Asked by logicface,

    0 votes
    23 answers

  5. IE7 margin-bottom от абзаца добавляется к img { float: left; }

    Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…

    Asked by 7ion,

    0 votes
    14 answers

  6. Задачка на позиционирование слоев

    В фиксированной ширины А резиновый и занимает все пространство, свободное от B Высота А и B заранее неизвестны, а С становится под самым длинным из них. Дайти списать решение задачки! Заранее спасибо!

    Asked by buzzy,

    0 votes
    4 answers

  7. PNG в IE6

    Подскажите, что нужно сделать, чтобы IE6 отображал прозрачность рисунков png

    Asked by Полуд?нный,

    0 votes
    7 answers

  8. Иконка рядом с ссылкой в избранном

    Слева от ссылок в избранном есть иконка ресурса. Как можно сделать такую же?

    Asked by IceBars,

    0 votes
    3 answers

  9. Проблемы с столбцами

    Добрый день, очень надеюсь на вашу помощь... Попросили сделать сайт, инет-магазин.. Взял готовый шаблон и переделал его под свои цвета и т.д. И совсем не помню и незнаю, почему появилась эта проблема. Я не верстальщик и не дизайнер, самому решить эту проблему мне не по силам. столбцы: левый и правый, немного съезжают в Mozilla Firefox и IE. а вот и сам сайт: http://shop.dvp.ru Заранее благодарю

    Asked by Manfred,

    0 votes
    0 answers

  10. Проблема при печати страницы

    Привет. Есть такая страница, на вёрстку забейте... это не главное. Здесь скриншот с багом. Там где строка: Платеж по договору № ESB-1 (Пупкин Василий Геннадич), счет № 1, это ячейка, которой я добавил: background-image:url(http://info.irr.ru/files/tochka.gif);, чтобы каждая следующая строка, подчеркивалась черной линией (ну, вот так сделал)... так вот эта черная линия не печатается при печати, браузер как-будто отсеивает всё, что background.

    Asked by BassEast,

    0 votes
    3 answers

  11. Масштабирование картинки в IE

    <table width="100%" height="100%"> <tr> <td> <img width="100%" src="angel.jpeg"/> </td> </tr> </table> Во всех браузерах кроме IE этот код автоматически масштабирует картинку. В IE картинка остаётся реального размера и появляются полосы прокрутки. Как решить эту проблему?

    Asked by Mihaile,

    0 votes
    3 answers

  12. Резиновая верстка

    Всем привет. Вот допустим у меня разрешение экрана 1280х1024 в body стоит min-width: 980px;max-width: 1500px; шапка ( она сейчас единственная вставлена ) имеет разрешения 1300х453px, как я могу сделать чтобы, у меня не появлялась полоса прокрутке, а шапка растягивалась. И хотелось бы узнать как завиксировать отдельный блок чтобы он не растягивался. Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="sh…

    Asked by ret,

    0 votes
    9 answers

  13. Отступы в макете и на сайте

    Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.

    Asked by Firin,

    0 votes
    7 answers

  14. DIV и Script

    добрый день. Есть такая проблема. Есть поле div со стилем: overflow: auto; И в этот div посредством innerHTML пишется текст. Только вот в ч?м проблема, когда overflow: auto; есть в стиле, текст в div добавляеться только один раз и после этого ничего не отображаеться, если overflow: auto; убрать, то вс? прекрасно пишеться. Кто нить сталкивался с таким косяком?

    Asked by skid,

    0 votes
    5 answers

  15. Навигация для сайта Webreference.ru

    Сделал навигацию для будущего сайта WebReference.Ru и столкнулся с двумя затруднениями. 1. Страшно глючит в IE7. Не прячется меню, которое должно скрываться. 2. Если убрать курсор с ссылок заголовка, фон под ними пропадает, а надо чтобы оставался. На CSS реализовать подобное проблематично, только скриптами. Посмотреть пример здесь http://webimg.ru/webreference/nav.html На сайте будет применяться jQuery, можно его задействовать. За исключением IE7 в остальных браузерах работает корректно. Даже в IE6 все нормально.

    Asked by Vlad,

    0 votes
    6 answers

  16. XML Events

    Что такое XML Events? Хотел бы разобраться. Пробывал курить мануал W3C по XML Events. Но он слишком тяжелый для меня - я такие не курю. А больше то инфы то и нет... Вопрос: Может кто приведет реально работающий простенький код с XML Events (только не надо кидать ссылки на xForms, пожалуйста), что бы был там XML/XHTML и вот этот XML Events и только?

    Asked by Bolmazov,

    0 votes
    1 answer

  17. наследование прозрачности от родительского блока дочерним

    здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…

    Asked by helloworld,

    0 votes
    3 answers

  18. background вместо background-color

    Не понимаю следующего момента. Почему при указании фона пишут, к примеру, background: none repeat scroll 0 0 #FFFFFF, а не background-color: #FFFFFF. background-color вообще, как я вижу, редко кто-либо использует.

    Asked by flagreit,

    0 votes
    17 answers

  19. Эффект перехода по слайдам

    Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.

    Asked by Pikavit,

    0 votes
    2 answers

  20. Интернет Эксплорер Не Слушаеться

    У меня следующая проблема: Мне нужно сверстать таблицу,вот такую : но меня мучает одна проблема,видите наверху слева где.бекраундом вставлена картинка,а таблица в Интернете Эксплорере нехочет,чтобы эта картинка прижималась к верхнему бортику и в результате получаеться ОТСТУП,который я Просто не в состоянии убрать.чё тока я уже не пробовал...Помогите пожалуйста решить проблему,вот например в Мазиле всё Отлично,нету никаких отступов,а проблема именно в ИЕ Вот код : <!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"> <head> <meta http-equiv=…

    Asked by psywalker,

    0 votes
    4 answers

  21. IE :(

    Подскажите пожалуйста, как исправить такую проблему, в браузере IE между логотипом и полем поиска почему-то появляется отступ большой, а в остальных браузерах (Опера, Мозила) все нормально. Вот такая вот проблема... Вот сайт: http://www.test.ukrworld.net/

    Asked by Ark,

    0 votes
    4 answers

  22. Реально ли сделать такую форму?

    Дизайнер нарисовал, реально ли воплатить? Не так давно занимаюсь вэб прогом, моих знаний не хватает) На чистом ксс вряд ли возможно, может ещё что-то? Разъясните, пожалуйста

    Asked by Rootical,

    0 votes
    11 answers

  23. Резиновая ширина, навигация слева в виде таблицы

    Здравствуйте, подскажите, пожалуйста, почему центральная таблица (Новости) на ходится снизу относительнолевого блока (таблицы). Делал как здесь в макетах: http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva вроде бы. float: left. Отступы вроде все правильно проставлены. Весь день промучался, но не получается.Хочу чтобы всё позиционирование было относительным. Новичок в CSS совсем. Поэтому скорее всего всё банально глупо. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Сайт</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <img id="hat" src="…

    Asked by bdshadow,

    0 votes
    11 answers

  24. Как вывести на РНР таблицу "зебра"

    Подскажите, пожалуйста, принцип вывода таблицы на РНР с разноцветными строками. Как сейчас часто можно увидеть таблицу, где чередуется, например, серая и белая строка с данными.

    Asked by banyman,

    0 votes
    4 answers

  25. Баннер загораживает меню

    Здравствуйте! Верстая выпадающее меню столкнулся с проблемой. Под меню был флеш баннер. И в опере выпадающий список "уходит" под баннер. Мои попытки как-то обойти данную ситуацию ни к чему не привели. Баннер упорно лежит выше менюшки. В примере я специально спозиционировал меню и баннер так, чтобы было видно наложение. Повторюсь что данный "эффект" хорошо наблюдается в Опере. Я знаю что можно позиционировать слои с помощью z-index, но применять его на практике мне как-то не удавалось. (это бонус вопрос наверное ) Вот хтмл <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http…

    Asked by Dioni$$,

    0 votes
    6 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