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. Ввод данных в форму и параметр value

    Что нужно сделать, чтобы при вводе данный в форму значение параметра value исчезало, подключать JavaScript?

    Asked by elaphus.vitality,

    0 votes
    6 answers

  2. Fotorama

    Наврное многие используют http://fotorama.io Столкнулся проблемой, как превью, раположить снизу не под фото прокручиваемым, а на само фото в лефом углу без центирования по центру. Превю расположил слева. А вот как сделать так не пойму: https://dl.dropboxusercontent.com/u/59113912/kar.jpg Т.е. превю на фото в нижнем левом углу

    Asked by okunev2,

    0 votes
    9 answers

  3. Почему не применяется градиент?

    Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/

    Asked by Hasiev,

    0 votes
    9 answers

  4. Прибитый футер

    Добрый день! Прибил футер к полу, но к сожалению он упорно прячется за основным фоном. Уже 2 часа корячусь над этой, наверное простой задачей. Подскажите, что неправильно сделал? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <link href="styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> </style> </head> <body> <div id="maket"> <div id="logo"><a href="index.html" title="Главная"><span>Главная</span></a></div> <div id="header">…

    Asked by Kvinta,

    0 votes
    10 answers

  5. div в ячейке таблицы.

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

    Asked by arlek1n,

    0 votes
    10 answers

  6. по-разному отображается страница

    вот код страницы, которая требуется: ———————————————————————————————————— <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>...::: Тестовая страничка. Почему по-разному отображается??? :::...</title> <style type="text/css"> html {width: 100%; height: 100%; padding: 0; margin: 0;} body {width: 100%; height: 100%; padding: 0; margin: 0; background-color: #dedede; font-size: small; color: #000000; font-family: Verdana, Arial, sans-serif; text-align: justify;} a:link, a:visited {color: #0000ff; text-decorati…

    Asked by PEOP,

    0 votes
    12 answers

  7. С чего бы начать?..

    В этом деле не совсем деревянный, но все же... - обучался по урокам Е. Попова, к тому же очень давно. Хочу серьезно заняться версткой, зарабатывать на этом деньги. Что должен знать толковый фронт-енд разработчик (кажется, так теперь это называется? работа с красивым выводом результата многих строк кода)? И самое главное - где могу этому обучиться? Источники, источники... Сейчас прохожу курсы от html academy, но они какие-то через чур изи.

    Asked by ineedhlw,

    0 votes
    23 answers

  8. Как исключить налезание текста или заставить слои "тянуться"?

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

    Asked by yurigraphics,

    0 votes
    13 answers

  9. Каким способом выравнять картинки относительно абзаца слева?

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

    Asked by mooncar,

    0 votes
    18 answers

  10. Проблема с валидацией

    Валидатор http://validator.w3.org показывает, что на моем сайте 205 ошибок, но все эти ошибки такого характера: , хотя у меня так: , а также отмечает все ", >... Как можно исправить это? Почему валидатор выдает ошибка там, где их нет?

    Asked by DImaN,

    0 votes
    14 answers

  11. Не отцентровать шапку

    Центрую шапку для всех разрешений,под 1280 всё ок,но на больших разрешениях шапка всё равно слева.Вот сайт: http://seventh-legion.ru/ вот код,перепробывал уже вроде всё,но результат тот же((( <body> <jdoc:include type="modules" name="banner1" style="raw" /> <div style="background:url(<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg); background-repeat:repeat-x; width:100%; margin:0 auto;"><a id"><a id="-logo<?php echo ($logo_as_image)? '' : '_styled'; ?>" href="./"><img src="<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg"></a> </div> кто н…

    Asked by stardel,

    0 votes
    14 answers

  12. rotate для IE

    Была проблема с rotate для осла 8. Проблему решил filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Но теперь надписи съехали влево. Как сделать отступ их только для ИЕ без догрузки лишнего файла стилей для ие? Пример тут, во всех браузерах кроме ИЕ, надписи "События:Все Лучшие" на своих местах (справа от логотипа)

    Asked by Tchorteg,

    0 votes
    0 answers

  13. DIV внутри таблицы не растягивается в IE на 100%

    Помогите!!! Таблица из 3-х колонок. В 1-ой колонке div при изменении размеров третьей не растягивается на 100% в IE. В других браузерах - нормально. Код прилагается <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns=http://www.w3.org/1999/xhtml xml:lang="ru" lang="ru"> <head> <title>Help</title> <style type="text/css"> body { margin:0; padding:0; height:100%; background: white; } table { height: 100%; width: 100%; border-collapse: collapse; } td { height: 100%; border: 1px solid black; } #left { height:100%; background: red; } #…

    Asked by Mechanic,

    0 votes
    2 answers

  14. разобраться с хитрым float помогите

    <div style="width: 970px; margin: 0 auto; border:1px solid black"> <div style="width: 270px; border:2px solid red; float:left"> меню<br/> меню<br/> меню<br/> меню<br/> меню<br/> </div> <div style="margin-left:300px; background:green"> <div> <div style="border:1px solid yellow; float:left; width:100px; height:40px"> a1 </div> <div style="border:1px solid blue; background: blue; margin-left:110px"> a2 </div> </div> <div style="clear:both"></div> <div>текст какойнить текст какойнить текст какойнить текст какойнить </div> </div> <…

    Asked by Orliha,

    0 votes
    16 answers

  15. Периодичность показа всплывающего окна.

    Добрый день всем, кто помогает таким балбесам, как я! С внешним видом всплывающего окна кое-как разобрался, хотя не уверен, ткните, если что не так, а вот с периодичностью показа не разобрался, во всяком случае, не работает. Исходники брал тут, а макет пока тут. Прошу не пинать, а помочь, т.к. в скриптах я не разбираюсь вообще, да и в хтмл не асс. Спасибо!

    Asked by Vic-Tor,

    0 votes
    25 answers

  16. растянуть DIV на всю длину

    Есть колонка в таблице 1 div логотип 2 div поиск 3 div заливка рисунком подскажите как можно 3 div растянуть на оставшуюся длину колонки .logo {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 144px; width: 300px;} .search {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(/design/images/bgsearch.gif); background-position: top left; background-repeat: no-repeat; height: 95px; padding-left: 10px; padding-top: 0px;} .left {background-image:url(/design/images/bgtree.jpg); background-repeat: no-repeat; background-color: #eaeff1;} <td width="300" valign="top"> <div class="logo"><a href="#"><img src="/design/images/logga.gif…

    Asked by marcouk,

    0 votes
    4 answers

  17. Динамический Select

    Хотелось бы узнать как сделать динамические выпадающие списки, то есть: имеется 2 элемента Select, в первом элементе есть 2 варианта выбора, Задача как сделать чтобы при выборе значения из первого селекта, во втором менялись значения от выбранного варианта первого Пример: в первом селекте 2 варианта (Сервер1 и Сервер2), при выборе Сервер1, во втором селекте появляются варианты выбора (Пример1, Пример2, Пример3), При выборе Сервер2 в этом же селекте появляются варианты (Пример4, Пример5, Пример6) с условием то не добавляются во второй селект а заменяются, вот как так, кто знает тот поймет о чем я, 100% это как то делается через массив строк, как связать все это что то не п…

    Asked by slavok47,

    0 votes
    7 answers

  18. Растягивающееся горизональное меню

    Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.

    Asked by Rendom,

    0 votes
    5 answers

  19. Повторяющийся div

    Создаю элемент, который должен повторяться по горизонтали. Никак не пойму, чего не хватает в коде: http://jsfiddle.net/wQtEz/5/

    Asked by iDrugov,

    0 votes
    20 answers

  20. Крооссбраузерный резиновый дизайн

    Сосбственно сабж: сделал вёрстку http://demo.artmedia.by/bb5/news.htm и хочу чтобы минимальная ширина страницы была 1004px а максимальная 1279px прописал для основного контейнера max-width:1279px; min-width:1004px; но как всем известно в IE это не катит и поэтому использовал известный всеми метод через expression в итоге получилось #tb1 { max-width:1279px; width:expression(document.body.clientWidth > 1279? "1279px": "auto" ); min-width:1004px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1004? "1004px": "auto"); } как и ожидалось в Opera и Mozilla Firefox всё нормально а вот в IE как обычно нет... в IE (как 6 так и 7 верси…

    Asked by droncl,

    0 votes
    8 answers

  21. Расположение блоков рядами

    Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Магазин спайса</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/…

    Asked by dangler,

    0 votes
    11 answers

  22. Фоновый звук

    Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?

    Asked by SibBear,

    0 votes
    12 answers

  23. form - использование двух action

    нужно сделать поиск по двум сайтам в одном текстовом поле с двумя кнопочками для переключения. одна проблема: использование двух адресов (action) которые обрабатывает данные формы. action="http://sitename1.**/cgi-bin/search.cgi" action="http://sitename2.**/cgi-bin/search.cgi" Как можно реализовать такое???

    Asked by sikvestor,

    0 votes
    10 answers

  24. Проблема центрирования блоков при резиновой ширины

    Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>

    Asked by ziyodjon,

    0 votes
    14 answers

  25. Хэлп ми плыз))

    Поможите люди добрые хто сможет)). Проблема заключается вот в чём: я.вэбмастер требует Разместить мета-тэг 1. Добавьте в код главной страницы вашего сайта в раздел <head> ... Парни, всем огромное спасибо! Разобрались с вопросом. Как отблагодарить не знаю, я тут новенький, но звёздочек понаставил!

    Asked by Ревентадор,

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