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. Маленький дефект отображения футера в Opera

    Здравствуйте, уважаемые эксперты! Столкнулся с небольшим, но очень неприятным глюком при отображении вёрстки сайта в Opera "Версия: 11.50 Сборка: 1074". Во всех браузерах всё ок, а вот в Опере при первом открытии страницы футер выглядит съехавшим вверх (страница построена с прилипающим к низу подвалом). После обновления страницы футер садится куда надо. Причем можно сделать "Проинспектировать элемент" на любом элементе и справа в списке стилей любую галочку снять, футер тут же встанет на место. Такое ощущение, что не хватает странице совсем чуть-чуть, чтобы догрузить до конца все данные. Вёрстка валидна. Тут HTML код Тут CSS

    Asked by Beatler,

    0 votes
    8 answers

  2. меню по бокам

    был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…

    Asked by Хелкар,

    0 votes
    12 answers

  3. Как занять блоками всю ширину родителя

    Вот такая задачка появилась. 1. Есть контейнер резиновой ширины. 2. Есть блоки (например заметка с картинкой) в контейнере, их количество - любое от 1 до бесконечности. Реально надо обрабатывать хотя бы до 10. Количество блоков заранее не известно. 3. Блоки должны выводиться в контейнере равной ширины и занимать всю ширину контейнера. 4. (самое сложное) У блоков должна быть минимальная ширина: если контейнер сильно сужается, не влезающие блоки должны переноситься на следующую строку. Последний пункт отметает вариант с table-cell. Указать ширину в % тоже нельзя - ведь заранее количество блоков не известно. Вариант с justify + inline-block тоже не подходит, потому что блоки…

    Asked by Xerol,

    0 votes
    8 answers

  4. Див не прямоугольной формы

    На странице нужно разместить несколько таких блоков, заходящих друг на друга: Каждый из которых, сохраненный в пнг весит очень не мало. Хотелось бы грузить джипег, и либо вырезать нужную мне область или, что лучше, вырезать не нужные мне области, что бы они становились прозрачными. Можно ли как то это реализовать и если можно то как?

    Asked by bob_24,

    0 votes
    8 answers

  5. Аномалия с <img>

    Доброе время суток. Столкнулся с проблемой: при выведении изображения внутри ссылки появляется ненужный отступ внизу. Вероятно тема не нова, в таком случае буду благодарен за ссылку на ресурсы. Код: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> a, span, div{ display: inline-block; border: 1px solid green; margin: 0; padding: 0; } img{ margin: 0; padding: 0; } </style> </head> <body> <a href="_foto/5.jpg"><img src='_foto/5.jpg'/></a> </body> </html>

    Asked by illya_v,

    0 votes
    3 answers

  6. Не работают дочерние пункты меню

    Купил премиум шаблон для wordpress. и тут беда, не выпадают дочерние пункты меню в теме. Написал автору шаблона и до сих пор не дождался ответа. Ребята, гляньте - http://new.chocolate-kiss.ru/ , может хоть подскажите в какую сторону капать....

    Asked by LBM,

    0 votes
    3 answers

  7. Как плавно приближать background? Есть пример

    Как сделать так, чтобы background плавно приближался как здесь и остановился на N-ном моменте времени?

    Asked by iBars,

    0 votes
    3 answers

  8. Проблема с нарезкой шаблона.

    Люди подскажите пожалуйста. Имеется макет состоящий из одного слоя (все объединено). Как можно нарезать картинки отдельно от текста. На примере картинки с лошадми. Что бы кнопок и теста не было, а только лошади? Возможно ли это?

    Asked by s.d.v,

    0 votes
    4 answers

  9. index.html и index.php.

    Если создать две страницы, одну index.html, а другую index.php, то какая из них откроется первой при наборе адреса сайта?

    Asked by Shuranka,

    0 votes
    2 answers

  10. Фон и позиционирование

    Возникла проблема при в?рстке, а именно с фоном, при позиционировании #block { border: 1px solid black; width: 300px; } #block .title { background-image:url(images/bg.gif); width: 250px; border: 1px solid red; height: 30px; display: inline; } ... <div id="block"> <img src="images/left.gif" width="7" height="26"/> <div class="title">Заголовок</div> <img src="images/right.gif" width="7" height="26" /> </div> Для того, что бы правая картинка не переносилась на новую строку я использовал свойство display: inline да, картинка не переносится, но title потерял свою ширину и фоновая картинка пропала. Если же изменить в классе tit…

    Asked by icelord,

    0 votes
    3 answers

  11. Нужно организовать двуйзычность

    Уважаемые форумчане, возникла необходимость сделать двуязычным один сайт. Вы наверное знаете как во многих форумных движках, например Punbb, там есть папка lang, и в ней языки, и там в зависимости от значения в конфиге, выбираются данные. Помогите организовать такое, заранее спасибо.

    Asked by vvsh,

    0 votes
    5 answers

  12. Расскажите про TBODY

    Здравствуйте. Разъясните пожалуйста один момент: тэг TBODY может иметь стиль CSS или нет? Если я правильно понимаю спецификацию (в чем я не уверен), то Да, может, но как-то странно стили с этим тэгом работают. Наппример такие свойства, как: font-size или text-align к TBODY применяются, а вот border почему-то нет. Это так и должно быть или я чего-то недопонимаю? Спасибо.

    Asked by UNIX,

    0 votes
    4 answers

  13. css : вывод даты в календарном листке

    Здравствуйте ! Мне нужна помощь специалистов. В общем я хочу создать css стиль для вывода даты на календарном листке. Чтобы можно было используя Tiny_Mce быстро ставлять дату создания статьи. Вот что я прописываю в css стиль Так у меня выводится только календарик из images/date.jpg а вот название месяца и даты в нём нет. Для вывода даты и месяца нужно вставлять руками в htlm код статьи этот код Получается такая дада _http://www.weberdev.com/ExampleImages/4622_Image1.jpg А как бы мне сделать css так что бы не надо было вставлять руками код ? Хотелось бы чтобы дата и месяц вставлялись автоматом вместе с календариком при выборе стиля. Такое возможно сделать ? Если да т…

    Asked by gimmi,

    0 votes
    1 answer

  14. вопрос по структуре сайта

    <!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" [color=#CC0000]xml:lang"en" lang"en"[/color]> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" [color=#FF0000]/[/color]> <meta http-equiv="X-Ua-Compatible" content="IE=EmulateIE7" [color=#FF0000]/[/color]> <meta name="title" content="Название сайта" [color=#FF0000]/[/color]> <meta name="keywords" content="ключевые слова" [color=#FF0000]/[/color]> <meta name="description" content="описание сайта" [color=#FF0000]/[/color]> <title> наз…

    Asked by dauren300,

    0 votes
    2 answers

  15. Непонятная мне проблема с :after и :before

    Добрый вечер. Есть небольшая проблема с :after и :before, а именно, когда задаю абсолютное позиционирование, елемент дальше считается в потоке. Скриншот, можно посмотреть на правый нижний угол, где видна полоса прокрутки. - Код который я использую (не весь) #main .wrapper { position: relative; } #main .wrapper:before, #main .wrapper:after { background: url('images/mainBg.png') no-repeat; position: absolute; bottom: 0; width: 318px; height: 384px; content: ' '; border: 1px solid red; } #main .wrapper:before { left: -318px; } #main .wrapper:after { background-position: right top; right: -318px; }

    Asked by Mr.Black,

    0 votes
    2 answers

  16. Централизация текста

    http://itmages.ru/image/view/795545/de7cf25f как поднять текст выше? <div class="contenttext"> <img src="images/ico/yad.png">Яндекс деньги<br> </div> .contenttext { font-family: 'Times New Roman'; font-size: 12pt; padding: 12px; margin-left: 15px; margin-right: 15px }

    Asked by Bernard,

    0 votes
    4 answers

  17. грузится

    сайт грузится быстро но иконка в браузере крутится долго в сем может бить проблема? сайт http://lybrook.net/

    Asked by adminfilm,

    0 votes
    2 answers

  18. Ссылка обернутая в другую ссылку

    Собственно код: http://jsbin.com/wecosanefugi/1/ Суть такая - нужно сделать чтобы при клике по Автору открывалась одна ссылка (гугл например), а по клику на любой другой области, внутри красного прямоугольника, открывалась внешняя ссылка (рамблер). Естественно, что обертка из <a> и добавление еще одной ссылки внутрь обертки не пройдет, т.к. первая ссылка закроется до начала второй. Есть ли способ как-то это обойти? Условия: - Структура html должна сохранятся - никаких извращенностей для ссылки Автора типа: вынести его за пределы блока, а затем margin: -4.2345px подогнать на нужное место, или что-то подобное.

    Asked by advokatua,

    0 votes
    5 answers

  19. Нужна помощь с CSS.

    Я только новичок. Сделал код CSS, в HTML вставил - а ничего нету(пусто). Вот код. Может что не правильно сам не знаю. <html> <head> <link rel="shortcut icon" href="http://www.rapidloading.minsk-online.com/images/favicon.ico.jpg"> <title> Бесплатный файловый хостинг</title> </head> <body> <body bgcolor="#ffffff"> <style> body{ margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #696969; background: #fff; } .logo{ background: url(/home/rapid/public_html/images/logo.JPG) no-repeat top left; width: 50%; vertical-align:top; } .logo img { height: 40; } .top_line{ background: url(/hom…

    Asked by chase11,

    0 votes
    6 answers

  20. Вставка изображения в тело письма - проблема

    Уважаемые форумчане! Я "прогуглил" уже этот вопрос, но рецепты не срабатывают! Хочу вставить в тела письма изображение, советуют вставить в письмо [img ]адрес картинки. В результате, в полученном письме не фотка отображается, а [img ]адрес картинки в виде ссылки. Опции "вставить картинку" в почте нет, "написать письмо в виде HTML" тоже нет. Помогите, кто может!

    Asked by Вов@н,

    0 votes
    2 answers

  21. Прозрачный margin

    Всем доброго времени суток, Собственно, Сабж, заранее спасибо =)

    Asked by selevit,

    0 votes
    6 answers

  22. rel="prev/next и т.д."

    Интересно, что дают нам строчки: <link rel="index" title="Главная страница" href="/" /> <link rel="prev" title="Предыдущая" href="/article/10/" /> <link rel="start" title="Первая статья" href="/article/1/" /> <link rel="contents" title="Оглавление" href="/" type="text/html" />

    Asked by Yahoo!,

    0 votes
    7 answers

  23. Кнопки для смены шрифта

    Для того, чтобы был понятен мой вопрос сразу приведу пример. http://special.kremlin.ru/ Слева сверху есть кнопки изменения размера шрифта. Как сделать такие кнопочки? В исходном коде нашел: <dl class="a-fontsize"> <dt>Размер шрифта:</dt> <dd><a href="#" rel="fontsize-small" class="a-fontsize-small"></a></dd> <dd><a rel="fontsize-normal" href="#" class="a-fontsize-normal"></a></dd> <dd><a href="#" rel="fontsize-big" class="a-fontsize-big"></a></dd> </dl> Но не нашел css для этого класса, как такое организовать?

    Asked by Rustick,

    0 votes
    5 answers

  24. Как поднять шапку сайта

    есть промежуток сверху до хедера как убрать этот промежуток, что бы сразу начинался хедер? div.art-header-jpeg { margin: 1 auto; z-index: 0; top: 0; left: 0; width: 899px; height: 322px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center; Прошу помощи

    Asked by amixxqwerty,

    0 votes
    5 answers

  25. ФИКСИРОВАННЫЙ БЛОК С ИЗМЕНЯЮЩИМСЯ ОТСТУПОМ СНИЗУ

    Всем привет =) Нужна помощь в скрипте . Как сделать так что бы блок был прибит к низу браузера,до того момента пока не опустишься в низ,а там он становится фиксированным. Что типа этого http://www.xiper.net/examples/js-plugins/position/fixedbox.html,только к низу . Вот сайт : http://audio.chromegt.ru/ Там есть плеер в низу,надо что бы он,когда в верху был прибит к низу браузера,а когда опускаешься в низ,становился на место где сейчас стоит =)

    Asked by saiidr,

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