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. Вертикальная прокрутка при выходе элемента за пределы окна с правой стороны

    Проблема заключается в том, что когда слой (div) выходит за предел окна с правой стороны, то возникает вертикальная прокрутка. При этом такого не случается, если слой вылазит за пределы слева. А его выхода за пределы окна требует дизайн страницы. А точнее на случай разной ширины экрана. Пример: <!DOCTYPE html> <html> <head> <title></title> <style> html, body { width: auto; height: 100%; } body { margin: 0px; } div { border: 1px dotted black; } #spacer-1 { background: red; opacity: 0.7; margin: 0 auto; width: 100%; min-width: 1024px; max-width: 1280px; height: 160…

    Asked by Arantir,

    0 votes
    2 answers

  2. Верстка HTML страницы с флеш элементами

    Добрый день всем. Встала передо мной такая задача... Нарисовали страницу. В ней хочу вложить несколько флеш баннеров. Естественно хочется что бы эта страница была "резиновой". Помогите это сделать... Я начинающий в веб верстке, так что хотелось бы детально все и понятно. Что бы в следующий раз уже мог сам. Вкладываю нарисованную страницу. Белые блоки - естественно место под баннеры.

    Asked by jillkorn,

    0 votes
    24 answers

  3. в горизонтальном меню съезжают пункты вслед за подпунктами

    Необходимо меню позиционировать справа в блоке, а выпадающие пункты должны выпадать влево: песочница (просмотр full screen) ...и при наведении на раздел 3 выпадает список с подразделами, однако пункты раздел 1 и раздел 2 тоже уезжают влево на уровень подразделов. Как не бился не могу исправить... ...помогите, что-то логику ни как не могу понять с этой многоуровневостью.

    Asked by alexeymeek,

    0 votes
    14 answers

  4. Кнопка 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

  5. выравнивание по середине по вертикали

    забыл как сделать( напомните, плз? http://natatour.ru/test/Untitled-1.html нужно чтобы текст располагался вертикально по середине зеленых блоков. vertical-align: middle не помогает css: @charset "utf-8"; /* CSS Document */ .a { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #009900; font-weight: bold; float: left; position: absolute; left: 8px; } .b { width: 100%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00CC00; font-weight: bold; float: left; vertical-align: middle; } .c { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00FF00; font-weight: bold; float:…

    Asked by scale,

    0 votes
    5 answers

  6. Заключение фрейма в дивы.

    Вобщем есть проблема. Есть установленная гостевая, http://dnipro.dp.ua/guestbook/ и есть сама страничка на сайте http://dnipro.dp.ua/guestbook.html как при помощи фрейма (или чего-нибудь другого) сделать так, чтобы гостевая /guestbook/ отображалось в контенте страницы /guestbook.html, т.к. если дать прямую ссылку на папку /guestbook/, гостевая будет, но не будет сбоку не меню, ни чего другого, а нужно, чтобы эта гостевая была частью странички guestbook.html, а точнее ее контентом. <div style="height:500"; id="content"> Вот что сюда влепить надо, чтобы тут отобразилась http://dnipro.dp.ua/guestbook/ ? :) </div> И еще, возможно ли сделать так, чтобы странички…

    Asked by Пятница,

    0 votes
    2 answers

  7. Глюк с шириной колонок в IE

    В IE 6 появился глюк с шириной колонок. Колонки стали узкими несмотря на то, что я указала для них фиксированную ширину. Причем этот глюк появился только на главной, на остальных страницах все в порядке. А сама страница опустилась вниз и поднять ее никак не получается. Посмотреть это безобразие можно на http://stranasovetov.biz/ Помогите, пожалуйста, кто знает в чем тут ошибка. Сама никак не сображу. Заранее всем спасибо. Людмила

    Asked by ludmilal,

    0 votes
    7 answers

  8. аналог тега <tt>

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

    Asked by serjio,

    0 votes
    6 answers

  9. Опять IE(((

    Решил скачать шаблон сайта PSD и еще потренироваться верстать на слоях... Дошел до этого момента, пересматриваю в браузерах.. Опера - нормально, Фаерфокс - нормально, Гуглхром, Сафари тоже также, IE - чего!!??... Получается так, во всех браузерах кроме IE выглядит так: (снизил чуть качевство канечн) А в IE всё перекареживает, пытался, пытался всёравно или текст слит или как на картинке и слит и снесен... Что надо сделать или что неправильно? Код: <!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="Content-Type" …

    Asked by woofs,

    0 votes
    6 answers

  10. 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

  11. Несколько изображений в фоне.

    Захотелось воссоздать дизайн этого сайта http://www.comixfactory.de/ на своем блоге в Blogger.ru С центральной частью и основным фоном разобрался. А вот 2 фоновые боковые картинки реализовать не удается: http://www.comixfactory.de/images/zeche.png http://www.comixfactory.de/images/figuren.png Посмотрел, как это выглядит в коде оригинала: <body> <div id="zeche"></div> <div id="figuren"></div> В css: #zeche { position:absolute; background-image:url(images/zeche.png); background-repeat:no-repeat; width:415px; height:547px; right:0px; bottom:0px; } #figuren { position:absolute; background-image:url(images/figuren.png); background-r…

    Asked by AlexHolmes,

    0 votes
    10 answers

  12. Форма + кнопка в ие6

    Нигде не могу найти как убрать у формы стандартную рамочку в ие6 и отобразить у кнопки бекграунд. Html: <form class="seacrh" action="#"> <h2>Search</h2> <input id="line" type="text" value="" /> <input id="button" type="submit" value="" /> </form> Css: #main form { float:left; padding-left:20px; } #main form h2{ color:#FFFFFF; font-size:16px; padding-top:15px; font-weight:bold; } #main form #line{ background-image:url(form.png); background-repeat:no-repeat; width:170px; height:21px; border:none; color:#FFFFFF; float:left; padding-left:5px; padding-top…

    Asked by Joyfit,

    0 votes
    9 answers

  13. Отображение страницы на retina

    Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…

    Asked by babuya,

    0 votes
    4 answers

  14. Вопрос по коду шапки

    сделал шапку, засунул в таблицу бегграунд, засунул флеш .swf. Все вроде бы ничего, но есть один косячек. Посмотрите скрин Как видно на скрине, есть небольшой разрыв между бегграундом и флеш. Пробовал уменьшать, увеличивать флеш. Но так и не смог сделать. Подскажите, в какую сторону копать, чтобы исправить косячек. Вот сам код таблицы <table width="100%" border="0"> <tr> <td height="173" background="../../images/321.jpg"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','714','height','171','title','MSP - Electronic Music Portal','src','../..…

    Asked by OSTAP,

    0 votes
    3 answers

  15. Отсчет дней, часов, минут, секунд.

    Какм можно сделать отсчет дней, часов, минут, секунд.?

    Asked by vvsh,

    0 votes
    8 answers

  16. Дробное значение

    Подскажите, все ли браузеры могут правильно отобразить блок, если ширину ему задать в дробном значении, например: <div class="width:7.5%"></div> ?

    Asked by Nird,

    0 votes
    5 answers

  17. Не знаю как делать

    НЕ знаю как сделать меню!Допустим как ww.srichinmoycentre.ru!Верхняя синяя полоска как ее сделать? или хотя бы подскажите как она называется!

    Asked by silence_0013,

    0 votes
    11 answers

  18. CSS position: absolute Vs relative

    Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…

    Asked by Kalisnik,

    0 votes
    9 answers

  19. Адаптивный многоугольник и svg

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

    Asked by tarthur,

    0 votes
    3 answers

  20. Теория

    Люди всех уже с наступившим новым ГоДоМ :-) Всем всего приятного и хорошего в етом ГоДу ... ! Вот а теперь вопросик вобщем есть задание , Сделать TEMPLATE с сайта cohost.ruпод joomla - разьясните что вообще нуна сделать :-)

    Asked by mOnYa,

    0 votes
    5 answers

  21. width

    Короче у меня проблемы с шириной сайта. Значит когда задаю ширину 100% сайт плавает тогда, когда окно уменьшаешь (блоки смещаются), на монеторе выше 1280х1024 (1280х1024 у меня) тоже все плавает, тогда наконец поставил ширину (указал в пикселях).К тому же по указанной ширине в IE показывает "прокрутку мышкой" всмысле сдвигать сайт влево, вправо, а в Опере все норм, как так? 1.Как именно работает 100%, т.к. у меня высота в 100% стоит нормально. 2.Как правильно расчитывать ширину сайта, если верстаешь на div (про таблицы просьба не писать). Допустим у меня если расчитывать от шапки,то получается 1263px ширина, а если от блоков 1025px где-то. /* CSS Document */ *{margin:0…

    Asked by ret,

    0 votes
    12 answers

  22. Футер и ширина страницы

    Использую для своего сайта такой трёхколоночный макет макет (шапка вырезана) <div style='margin-left:195px;margin-right:195px'> Основной контент </div> <div style='width:195px;position:absolute;top:0px;left:0'> Левый блок </div> <div style='width:195px;position:absolute;top:0px;right:0'> Бравый блок </div> <div class='footer'> футер </div> Контент в коде находится выше всего остального содержания. Возникли 2 проблемы. 1) Как прижать в данном случае футер к низу страницы. 2) Как установить min-width так чтобы блок с контентом не сжимался меньше указанного размера и не "заезжал" под правый блок(как он сейчас это делае…

    Asked by RiG,

    0 votes
    12 answers

  23. И еще по iframe

    Есть страница. С ксс. Есть div в который я вставляю iframe. Как сделать так что бы опустить фрейм например на 50px ниже чем фон самого div? Что бы например играть фреймом в пределах фона (который задан в div). Вот то что у меня выходит. А хотелось бы подвинуть немного в право и вниз (вставляю чат). ps: hspace, vspace, marginheight и marginwidth - не работают =(((( ps2: Вставляю так: <div id="show"> <iframe src="chat1/index.php" width="940" height="350" align="center" frameborder="no" scrolling="no" > Твой браузер не поддерживает плавающие фреймы! </iframe></div> Спасибо за помощь!

    Asked by Sproot,

    0 votes
    10 answers

  24. Проблема в микроразметке

    Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.

    Asked by alleclf,

    0 votes
    2 answers

  25. Растянуть таблицу 100% высоты в IE6

    Бьюсь вторую неделю таблица в ней 3 строки, размер таблицы 100% на 100% верхняя нижняя строки фикс. высоты. центральная задается как 90% работает в опера, моз, ие7, мак. В ие6 центральная строка не растягивается код примерный:

    Asked by SibBear,

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