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. Как сделать изображение в адресной строке(слева)?

    Как сделать изображение в адресной строке(слева)?

    Asked by nik2008,

    0 votes
    5 answers

  2. Организация блоков друг под другом

    Есть блок он может быть шириной 360 или 720, в нем два дива. Мне нужно если ширина внешниго блока больше чем 360, то два блока идут в ряд, если меньше или ровно то друг под другом. Как такое можно организовать?. Блоки наполняет картинка и обтекающий текст.

    Asked by like2dev,

    0 votes
    9 answers

  3. Кнопка Play на картинках (псевдоселекторы). Как добавить?

    Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?

    Asked by iBars,

    0 votes
    6 answers

  4. Почему не работает z-index

    css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…

    Asked by Mantikore,

    0 votes
    2 answers

  5. резиновый макет в 3 колонки, div

    делаю макет в 3 колонки и в опере все не так как должно быть. в чем проблема? html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Символика</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header">заголовок</div> <div id="hor_menu">горизонтальное меню</div> <div id="left">левый див</div> …

    Asked by olejan,

    0 votes
    14 answers

  6. структура сайта на flex

    помогите пожалуйста разметить страничку стандартными header + content + footer вот моя попытка . она плоха тем, что для header, footer используется такое правило: .icons_item:nth-child(6), .icons_item:nth-child(1){ width: 100%; } хотелось бы использовать чистый flexbox

    Asked by cyklop77,

    0 votes
    1 answer

  7. Прыгающие блоки в Ослике 6

    Я тут почитал вопрос ниже, но увы он мне не подошел. Суть вопроса: Есть шапка <!-- body { margin: 0; padding: 0; background-image:url(i/top_c_plash.jpg); background-position:top; background-repeat:repeat-x; } --> <div style="width:100%; min-width:972px; height:253px; display:inline-block;"> <div style=" float:left; height:253px; width:500px; display: inline-block;"><img src="i/top_l.jpg" width="500" height="253" alt="top_l" /></div> <div style=" float:right; height:253px; width:468px; display:inline-block;"><img src="i/top_r.jpg" alt="top_r" width="468" height="253" /></div> </div> Пытаюсь добиться иллюзии …

    Asked by guvatara,

    0 votes
    3 answers

  8. Картинки в таблице

    Как сделать чтоб в таблице картинки сами подгонялись под размер ячейки а не наоборот

    Asked by AzatSh,

    0 votes
    3 answers

  9. ссылка на почту

    Всем привет. Мне нужна помощь.. может кто знает. создаю ссылку на почту a href="mailto:info@(адресс)?subject=Заказать рекламную продукцию">Сделать заказ</a проблема в том, что когда нажимаешь на эту самую ссылку открывается почтовый клиент, а там тема краказябрами написана.. в шапке сайта вставлен мета тег meta http-equiv="Content-Type" content="text/html; charset=windows-1251" не могу понять в чем проблема

    Asked by fiksius,

    0 votes
    5 answers

  10. Для веб дизайнерів

    Помагітэ сайту в развитиэ http://cool-sait.at.ua

    Asked by OlegKKK,

    0 votes
    10 answers

  11. Этак, не знаю что придумать!

    В общем верстаю шаблон для cms и вот столкнулсо с проблеммой, не могу 3 части собрать в один левый блок, чтобы они зависили друг от друга, тоесть в середине будет баграунд который будет по оси "y" расмножаться, нужно чтобы одновременно с этим и нижняя часть двигалась за фоном, т.е. чтобы не имела постояной координаты, а двигалась за баграундом, вот прилагаю для понятности скрины и фрагмент кода..... Кстати с отображением тоже проблеммы в opere, я так понил что из-за абсолютного положения, с этим я уже сталкивалсо) Этак вот код html <div id="blockhead"> <h3>$title</h3> </div> <div id="block"> $content </div> <div id="blockfooter"&…

    Asked by Stock,

    0 votes
    7 answers

  12. Подсветка синтаксиса

    Вот попробовал сделать пример кода, на заголовок и на сам код не обращайте внимания. Меня интересует сама подсветка синтаксиса, не раздражает ли она глаз и прочее. И если гавно, то как лучше сделать? Когда делал, смотрел в разных редакторах в том числе и в блокноте++ http://www.greymlelelele.chat.ru/stat.html

    Asked by Yahoo!,

    0 votes
    16 answers

  13. открытие результата обработчика формы в iframe

    Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…

    Asked by displayser,

    0 votes
    3 answers

  14. Центрирование...

    Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…

    Asked by johan,

    0 votes
    23 answers

  15. PHP. Инвалидный аргумент

    Я приветствую всех кто сейчас это читает! Ребята, у меня такая вот проблема и я действительно не понимаю почему она есть.. Вот допустим я написал маленький скрипт: <?php$a = file("1.txt");$b = "\"".trim($a[0])."\"";$c = file($;echo "<pre>";print_r($c);echo "</pre>";?>В файле 1.txt на первой и единственной строке находится ссылка и этот файл в виде массива уходит в переменную $a где эта ссылка имеет ключ 0. Потом я в переменную $b заношу эту ссылку и убираю пробел справа (кстати, не понимаю откуда он там взялся) и затем уже добавляю ещё и кавычки. Получается в переменную $c должен попасть массив уже той страницы на которую была ссылка но этого не происход…

    Asked by subm41,

    0 votes
    7 answers

  16. Сложная вёрстка: 4 столбца

    Прикладываю рисунок чтобы было нагляднее. Суть простая. Макет имеет 4 столбца - левый и правый динамичные - второй слева 400px - второй справа 600px Соответственно макет может расширяться, но не должен сужаться меньше 100px. Т.е. крайние могут уменьшиться до 0%, центральные всегда имеют одинаковый размер и должны центрироваться. И каждая из сторон имеет свой цвет Сам пытался, перепробовал разные Фреймворки - практически беда одна, при уменьшении окна браузера центральные блоки наезжают друг на друга.

    Asked by Gold Dragon,

    0 votes
    18 answers

  17. Не работают табы

    Здравствуйте. Верстал макет, нужно было подключить табы(первый раз с ними работаю). Подключил, вроде все как надо сделал, ничего не произошло. Решил в отдельном файле проверить,в итоге все равно ничего, уже голова не варит, мб я что-то очевидное не вижу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <style> .wrapper .active { color: red; } .tab_item { display: none; } .tab_item:first-child { display: block; } </style> </head> <body> <div class="wr…

    Asked by WebNewbe,

    0 votes
    2 answers

  18. Высота слоя

    Картина такая: http://rj.foto.radikal.ru/0708/5f/b08629c244a0.gif Есть невидимый слой. В него вложены два (три, четыре, пять, сколько угодно) слоя. Нужно чтобы высота самого нижнего вложенного слоя (на картинке - под номером 2) ВСЕГДА достигала родительского низа (высота родителя может меняться). Реально ли сделать такое?.. :'(

    Asked by Anderson,

    0 votes
    4 answers

  19. свойства тега br

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

    Asked by nicothin,

    0 votes
    4 answers

  20. белый iframe в IE7

    Всем доброго времени суток. Начал изучать ХТМЛ сравнительно недавно (неделю) и уже столкнулся с первой проблемой. Я сделал страничку с фреймами (). То есть таблица, в ячейках фреймы и в них картинка, а в картинке еще один фрейм :-) Так вот, проблема заключается в том что при отображении данной страницы в мозилле и опере все нормально, но когда я ее запускаю в IE7 то пустой фрейм внутри картинки белый. В мозилле такого нет, там фрейм черный под цвет фона. Вот сайт http://icefroz.ucoz.ru Подскажите пожалуйста в чем дело. Заранее спасибо.

    Asked by IceFroz,

    0 votes
    7 answers

  21. Div внутри таблицы меняет ширину столбца, а не должен...

    Имеется таблица, центральный столбец фиксированный, крайние разъезжаются и делят по 50% оставшейся ширины. Как только добавляю div в крайний столбец - он разъезжается, хотя текст влезает в ту ширину что была, и крайняя колонка становится заметно шире первой, причем, вроде только в Firefox (у меня 3.08). Код: <!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=windows-1251" /> <title>Документ Без Имени</title> <style type="text/css"> <!-- table,td { margin:0px; padding:0px; border-collapse:collapse; border-width…

    Asked by Aurica,

    0 votes
    7 answers

  22. нужна помощь

    помогите, пожалуйста. хочу чтобы вот так получилось, но и текст и картинки каждый в отдельной строке, что делать? просто мне это надо по-учебе, да и для интереса

    Asked by jlgau,

    0 votes
    11 answers

  23. Как отменить срабытывание скрипта при разрешении экрана свыше 768px?

    https://jsfiddle.net/Delat/L9z4hhrx/15/ До 768px скрипт работает как слайдер и это правильно. Но вот не получается запретить с помощью стилей срабатывание стиля при разрешении 768px и выше. Может быть это в принципе нельзя сделать в стилях? Необходимо чтобы при разрешении свыше 768px (включительно), блоки <li> были списком расположенные по горизонтали.

    Asked by Delat,

    0 votes
    8 answers

  24. 2 дива по горизонтали

    В общем, имеется небольшой глюк в ие: необходимо разместить 2 дива по горизонтали рядом, чтобы они занимали по 50% пространства, но чтобы между дивами был небольшой отступ размером в 2 пикселя. Делаю так: <style type=text/css> .block_top{ padding-left: 10px; height: 27px; line-height: 30px; overflow: hidden; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } .block_content{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px;…

    Asked by ros.pro,

    0 votes
    1 answer

  25. Выравнивание в теге <option>

    Приветствую всех! Нужно в теге <option> выровнять часть строки по левому краю, а часть - по правому. Рецепт Как разместить два слова на одной строке, чтобы одно выравнивалось по левому краю, а второе по правому? с помощью стилей не помог, а таблицы использовать не хочется. Есть ли другой способ?

    Asked by stalker_2000,

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