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. Что такое jumbotron в бутстрапе?

    Что такое jumbotron в бутстрапе и как это переводится?

    Asked by Zverushka,

    0 votes
    3 answers

  2. Вёрстка разделителей списков

    Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?

    Asked by Wak,

    0 votes
    47 answers

  3. Контент в блоке

    Прощу помочь, у меня есть блок, его я хочу использовать для помещения контента на сайт, но проблема в том, что текст или картинка всегда вылезают за его рамки, как этому помешать ? <div class="content"></div>;.content{background:#FFFFFF;position:absolute;height:100%;width:980px;top:0;right:0;bottom:0;left:0;margin:0 auto;}

    Asked by fro,

    0 votes
    90 answers

  4. png в ие - полупрозрачность

    в общем очередной косяк ие: у меня есть логотип в пнг-файле с полупрозрачным фоном (эффект "свечения" типа). в опере и огнелисе - все норм отображается, а в ие там, где должен провечивать основной фон - серое поле. opacity пробовала уже по всякому - не то получается - логотип пытается стать прозрачным полностью(а не только там где "свечение") пробовала пустить этот пнг фоном, а сверху прозрачный гиф 1*1 положить - помогло в ие (логотип еще и ссылкой на главную является, но ссылкой стал не гиф 1*1, а весь див с фоном - то бишь в общем-то все как надо), НО при таком варианте в опере и огнелисе логотип пропадает, несмотря на то, что диву заданы высота и ширина в пикселях. е…

    Asked by Sanguis,

    0 votes
    26 answers

  5. IE или я тупой?

    Вставляю картинку Все броузеры отображают, ок. делаю ссылку с картинкой: все, кроме IE, картинку выводят, ставил и кавычки и одинарные и двойные, и размеры, и разные атрибуты, а в IE картинки нет. Может формат картинки поменять? Или я что то не то делаю?

    Asked by Serhij,

    0 votes
    35 answers

  6. Транслировать картинку с другого сайта

    Доброго времени суток! Проблема: есть сайт, на котором выложена картинка, ее регулярно обновляют (заменяют другой). Можно ли ее транслировать на свой сайт так, чтобы она автоматически обновлялась ? Имя картинки, естественно, тоже меняется, в чем и заключается вся проблема.

    Asked by mike11,

    0 votes
    9 answers

  7. Выравнивание header по центру

    Как выровнить header по центру, почему явно заданная высота не выполняется? Вероятно я первоначально делаю не правильно сайт на html+CSS, так сказать не по технологии, но мне важно научиться блочной верстке. <!DOCTYPE html> <html lang=ru> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class=header>Логотипчик</div> <div class=layer> <div class=content> Контент </div> <div class="sidebar"> Сайдбар </div> </div> </body> </html> body {margin:0; background: #112233} div.header {border: 4px solid; border-color: red; background: #990000; widt…

    Asked by Delat,

    0 votes
    2 answers

  8. Длинное подчеркивание

    Здравствуйте! Подскажите пожалуйста, как сделать длинную полосу в строке с текстом, на примере как делает text-decoration:underline, но некоторые слова пропущены, а на их месте только подчеркивание?

    Asked by pattaya,

    0 votes
    16 answers

  9. блок div смещается вниз при заполнении соседнего div`a

    Доброго времени суток, форумчане. Пытаюсь сделать 3 div`a в ряд, вроде всё хорошо, но когда начинаю заполнять один из них текстом, то 2 остальных смещаются вниз на одну строку (скрин прилагается). Так же, еще одна проблема. Ткните носом, что почитать, чтобы разобраться с размещением элементов на странице. Какие конкретно параметры за это отвечают? Мне нужно сделать меню поверх картинки, но у меня получается, что меню внизу картинки (хотя всё в одном div`e). Заранее спасибо HTML: Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="windows-1251"> <title>Скотч с логотипом от производителя.</title> <li…

    Asked by DarkEnot,

    0 votes
    8 answers

  10. Единый блок, разбитый блок

    Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание

    Asked by gesandte,

    0 votes
    43 answers

  11. Конвертация в видео веб форматы. (HTML 5 video.)

    Всем привет. Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> . Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу: 'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM, И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, …

    Asked by Yamaradg,

    0 votes
    8 answers

  12. Помогите с wp версткой

    Здравствуйте! Есть такой сайт http://promokodiwildberries.ru/ нужно сверстать вывод поста как у этого сайта http://promonator.ru/shops/bay/promocode/ чтобы пост выводился в 2 колонки в первом картинка, а во втором сама статья.

    Asked by Dean Winchester,

    0 votes
    3 answers

  13. Проблема с валидацией в <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

    Всем привет вот столкнулся с проблемой хочу поставить на сайт фото галерею,но дело в том что она не проходит валидность и выдаёт ошибку на закрывающем теге. Подскажите как исправить такую ошибку? Вот часть кода с ошибкой: <div class="imageElement"> <!-- Название--> <h3>Картинка 2</h3> <!--Описание--> <p>Описание 2</p> <!-- Ссылка на большое изображение--> <a href="gallery/gallery_index/images/big2.jpg" title="open image" class="open" target="_blank"></a> <!-- Ссылка на среднее изображение--> <img src="gallery/gallery_index/images/middle2.jpg" class="full" /> <!-- Ссылка на миниатюру--> <img …

    Asked by vadimcucherencko,

    0 votes
    5 answers

  14. <table> VS <div>

    Все говорят, что верстать таблицами не модно, т.к. они предназначены для табличных данных, а вот дивами - можно и нужно. Но вот в чем таки дело никто толком не может сказать. Попробуем разобраться. Преимущества таблицы: - Таблица верстать сложное просто (возьмем, например, футер прижатый к низу или резиновый дизайн или одинаковою высоту ячеек) - Таблица верстать удобней, т.к. они более одинаково отображаются в разных браузерах - Немного меньше букв будет использоваться при верстке Недостатки таблицы -Не модно. Так сказали: не модно. Три огромных плюса и один маленький минус. Но назовите мне еще минусы. Пользователь? Да ему все равно, лишь отображалось нормально. Поисков…

    Asked by volkov59,

    0 votes
    44 answers

  15. первые шаги в HTML5, после HTML4 непривычно

    Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…

    Asked by FoxWMulder,

    0 votes
    33 answers

  16. Обрезать текст по высоте.

    Приветствую, подскажите друзья как быть, представим, что есть новость, высота блока новости 40px. Нужно сделать так, что текст обрезался не по ширине в одну строчку, а по высоте и в конце ставил троеточие, как это можно сделать используя text-overflow. http://htmlbook.ru/css/text-overflow тут описан способ обрезки текста в строчку без переносов, что мне не подходит.

    Asked by papay,

    0 votes
    3 answers

  17. Как сделать скролл на один экран вниз?

    Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?

    Asked by tefery,

    0 votes
    2 answers

  18. Создание опроса

    На сайте начал делать форму опроса. Код написал, спасибо этому сайту, выручил очень сильно. Но столкнулся со следующим - как сделать так, чтобы результаты опроса суммировались и выводились на отдельной странице? Понятно что надо что-то прописать в строке form action, но как сделать я не знаю. А то получается так, что результаты уходят на мою почту, мне придется вручную каждый раз все менять. Сбросьте ссылку на образец или подсказки по данному вопросу. Всем спасибо!

    Asked by roosei,

    0 votes
    35 answers

  19. Как подогнать картинку под определенный размер

    Как можно подогнать картинку под определенный размер блока (див или таблицы неважно). Что бы картинка как-бы вписалась в выделенную область с сохранением пропорций. Подробнее: есть область 100х100, и картинки 150х50 и 50х150. Если в ксс указать только ширину картинки, первая картинка (150х50) ужмется как надо, а вот вторая (50х150) вылезет снизу. Если указать высоту, вторая (50х150) красиво ужимается но первая (150х50) вылезает вправо. Если указать и ширину и высоту - всё влезает но теряются пропорции. Вот код реализации задуманного с использованием таблиц: <table> <tr> <td class="customimg"><a href="link"><img src="image" width="100px"><…

    Asked by alleclf,

    0 votes
    4 answers

  20. Количество строк в блоке

    Подскажите, пожалуйста. Имеется: Родительский блок и дочерний. Дочерний блок "приклеен" к left bottom родительского. Задача следующая: В дочерний блок выводится текст. Если текст занимает 1 строку, то блок растягивается по ширине текста, вот так: Если в тексте >= 2 строк, то дочерний блок растягивается на всю ширину родительского. То есть так: Проблема: Как это реализовать, когда изначально размер пользовательских шрифтов и кол-во текста неизвестны? upd: В FireFox все по дефолту выглядит, как и должно. А вот в Opera и IE – вот так:

    Asked by locky,

    0 votes
    13 answers

  21. Таблица в разных разрешениях

    Здравствуйте! Нужна помощь. В моей таблице по центру стоит картинка размером 400 на 300, а вокруг неё картинки 200 на 150. Картинки расположены 4 на 4. В чём проблема. В нормальных стандартных разрешениях монитора они отображаются нормально, в центре главная большая картинка, вокруг неё маленькие, всё выглядит супер. Но при большем разрешении, в частности 1680 на 1050, картинки разъезжаются, и получится белеберда... Как сделать так, чтобы при любом разрешении картинки отображались "квадратом"? Ссылка на сайт: http://arterotic.biz/ В большом разрешении отображение такое: Ссылка

    Asked by yura2008,

    0 votes
    13 answers

  22. body overflow:hidden не работает в Chrome

    Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span…

    Asked by Alexander34,

    0 votes
    7 answers

  23. Как сделать открытие ссылки в новом окне валидным в doctype 4.01 strict?

    Так уж вышло, что параметр target считается устаревшим для <a>. Не нашел другого нормального способа открывать ссылку в новом окне, валидного для HTML 4.01 Strict. Кто знает, подскажите, пожалуйста!

    Asked by obi-wan,

    0 votes
    24 answers

  24. Модальное окно поверх этого же модального окна

    Здравствуйте. Прошу кликнуть в этом прекрасном блоке на 4-м раунде кнопку "Подробнее", а затем в лайтбоксе на кнопку "Принять участие". Хочется, чтобы второй лайтбокс был над первым. Ну и очень хочется, чтобы первый ретировался туда, откуда вышел. Нашла такое и такое. Но насчёт второго с z-index'ом ни разу не слышала. А по первому - может, совет и хороший. Но нет времени учить JS, нужно модальное окно) П.С. Обещаю JS подтянуть, то самоё уже надоело спрашивать.

    Asked by kattiperk,

    0 votes
    8 answers

  25. Как открыть в зависимости от разрешения ту или иную страницу?

    Кто знает, можно ли так сделать чтобы в зависимости от расширения экрана открывалась та или иная страница? например, как я вижу это: есть index.html который вычесляет какое расширение экрана у пользователя, затем если 800x600 открывается страница enter1.html, если 1024x768 ? страница enter2.html, если 1280х1024 и больше страница enter3.html? спросите зачем это? Отвечу: Столкнулся с проблемой, нарисован "вход на сайт" который никак не тянется, зафиксировать его где нибудь и продолжить каким-то фоном тоже не красиво получается... В принципе, если можно вычислить какое расширение у юзера можно нарисовать ещ? несколько вариантов входа, для каждого расширения сво?.

    Asked by maza,

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