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. ie6 + background-image = 1px смещение

    Вобщем есть у меня несколько дивов, у которых прописан фон в css Во всех браузерах отчлино даже в ИЕ7, а вот в ИЕ6 засада - на пиксель опускает все фоны этих дивов. Вопрос: можно ли исправить это для ИЕ6 без css хакинга а то приходится создавать грамоздкие дубликаты для ИЕ6 типа #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 16px; position: relative; } *html #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 15px; position: relative; } ТАк же как в принципе #main_logo { height: 141px; width: 631px;…

    Asked by SteaM,

    0 votes
    6 answers

  2. Вставка картинки.

    Всем привет! У меня два глупых вопроса Вопрос 1: У меня не получается вставить ДВЕ картинки РЯДОМ! Пишу вот так: <H5>Подмосковье</H5><img src="images/88.jpg" width="200" height="150"> <H5>Краснодарский край</H5><img src="images/55.jpg" width="200" height="150"> и получается одна картинка сверху, другая--снизу, а мне надо, чтобы они стояли рядом. Вопрос 2: И слово "Подмосковье" у меня получается НАД (или ПОД) картинкой, а я хочу, чтобы оно было НА картинке. Как это осуществить? Что нужно сделать? Всем спасибо.

    Asked by LOLA1111,

    0 votes
    11 answers

  3. Объясните пожалуйста как исправить

    Вот в чем проблемка. вот код странички с требуемой таблицей. суть в том, что боковые ячейки заданы, а ширина средней определяется, как остаток. <html> <head> <title>Таблица</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> html {width: 100%; height: 100%; padding: 0px; margin: 0px;} body {width: 100%; height: 100%; padding: 0px; margin: 0px; background-color: #dddddd;} .main {padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; border: none;} .main td {padding: 0px; margin: 0px; border: none;} </style> </head> <body> <table class="main" cellpadding="0" …

    Asked by PEOP,

    0 votes
    9 answers

  4. тег DOCTYPE мешает

    Подскажите, пожалуйста, в следующем: Есть страница, которая при нажатии на img, становится полузакрашенная, а поверху отображается увеличенная картинка. Вещи известные. Для IE создаю div с filter...Alpha(Opacity=60... и все работает. Для FF создаю div с backgroungImage='url(fon.png)' и тоже все работает, но только, если убрать 1-ю строку с "..", которую вставляет Dreamweaver. Проверил разные параметры этой строки - ни с одним закраска в FF не работает. В чем конфликт? Можно было б и вовсе убрать строку DOCTYPE, но без нее некорректно отображается система меню. PS Создаю полупрозрачный div так: glass=document.createElement('DIV'); glass.style.display='none'; glass.st…

    Asked by shas,

    0 votes
    11 answers

  5. Размещения флєш банера по центру на сайте

    Не получается разместить банер, по центру, и чтоб ешё был по горизонтале на всю длину экрана. Вот написал код, не размещается на всю длину экрана, что делать? Подскажите плиз, как разместить на всю длину мой банер размером 1137x190 , чтоб он отображался на разной диагонали мониторов однаково(на 15 дюймовых,17,19,22 и т.д.). Я уже замучался не знаю как. Как именно с моим кодом сделать. Вот вылаживаю исходник, с флэшфайлом в архиве, и код html. <HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset="> <TITLE>xai</TITLE> </HEAD> <BODY bgcolor="#FFFFFF" leftmargin="2px" topmargin="2px" style="overflow:hidden;" > …

    Asked by people2010,

    0 votes
    9 answers

  6. Особенности резиновой верстки

    Здравствуйте, товарищи профессионалы. 1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной? 2. И на что стоит обратить внимание при верстке резинового макета? 3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ? 4. Какой вид верстки наиболее популярен на данный момент?

    Asked by web-monster,

    0 votes
    9 answers

  7. cid

    Здравствуйте, подскажите пж верстаю html-письмо путь к картинке указываю через cid: <img src="cid:logo.jpg" alt="" width="186" height="49" /> но письмо приходит без картинок. Письмо выглядит так <!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" content="text/html; charset=utf-8" /> <title></title> </head> <body> <table> <tr> <td> <img src="cid:logo.jpg" alt="" width="186" height="49" /> </td> </tr> </table> </body> &lt…

    Asked by Rubik,

    0 votes
    1 answer

  8. Правильное оформление HTML и CSS

    Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java

    Asked by SKSKSS2013,

    0 votes
    5 answers

  9. Поле со списком

    Сделала несколько кнопочек полей со списком, но они получаются разной ширины, в зависимости какая длина вложенных словосочетаний. Можно ли сделать их одинаковой ширины?

    Asked by Edem,

    0 votes
    10 answers

  10. Avi На Веб Странице

    Здравствуйте ) Пытаюсь вставить видео файл формата avi на сайт, таким образом: <OBJECT ID="NSPlay" WIDTH=239 HEIGHT=209 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://<?=$_SERVER['SERVER_NAME']?>/video/clip.avi"> <PARAM NAME="ShowControls" VALUE="1"> <PARAM NAME="ShowDisplay" VALUE="0"> <PARAM NAME="AutoStart" VALUE="0"> <PARAM NAME="ShowStatusBar" VALUE="0"> <PARAM NAME="Au…

    Asked by (ave)iy,

    0 votes
    1 answer

  11. Отступ внизу изображений

    В Opere страница отображается как надо и под картинкой нет пустого места. В других браузерах под картинкой появляется небольшое пустое пространство. Не помогает свойство vertical-align:baseline;. <!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" content="text/html; charset=windows-1251" /> <title>Как убрать отступ снизу у картинок?</title> <style type="text/css"> #movers-row{ text-align:justify; width:500px; background-color:green;} </style> </head> <bod…

    Asked by clavin,

    0 votes
    2 answers

  12. Окно сворачивается сразу после открытия

    На сайте ventprodukt.ru слева под логотипом есть картинка, ведущая на видео. Если нажать эту картинку, то в центре экрана появится небольшое окошко со встроенным ютьюбным видео. Это окошко сразу сворачивается. Самое интересное в том, что раньше все было хорошо и ничего само по себе не сворачивалось. Код этого окошка: <html> <head></head> <body> <center><iframe width="640" height="360" src="http://www.youtube.com/embed/WYgJ72jZrsM" frameborder="0" allowfullscreen></iframe></center> </body> </html> Вопрос: что надо сделать, что бы оно не сворачивалось сразу, а оставалось на своем месте (в центре экрана) после от…

    Asked by IndigoHollow,

    0 votes
    12 answers

  13. не подключается CSS в IE7 на Висте

    Браузер отображает сайт так, как будто стили вообще не подключены. На winXP + IE6, Opera, Firefox вс? как надо. Прямо с катушек можно съехать. Кто может подсказать в ч?м дело?

    Asked by mono,

    0 votes
    4 answers

  14. Как такое сверстать дивами?

    Как такое сверстать дивами, учитывая что панель имеет динамичную высоту? Вот что я наваял: <div style="width:16px; height:15px; float:left; background: url(menu_header_l.png) right no-repeat;">1</div> <div style="width:240px; height:15px; float:left; background: url(menu_header_c.png) center repeat-x;">2</div> <div style="width:16px; height:15px; float:left; background: url(menu_header_r.png) left no-repeat;">3</div> <div style="clear:both;"></div> <div style="width:16px; float:left; background: url(menu_l.png) right repeat-y;"> <div style="width:12px; height:15px; background:#cae4fd; margin-left:4px;">4</…

    Asked by mff,

    0 votes
    15 answers

  15. Резка макета

    Я не понимаю:в чем смысл слайсов? Когда большие картинки режут на кусочки,это понятно..А вот когда режут целый макет, еще и в .psd тут вообще непонятно. Все равно всякие кнопочки, поля ввода и т.п. лучше делать с помощью html/css, правильно? А если в макете есть какие-то картинки, то их и так можно вырезать. Я просто не вижу в чем преимущество...по скорости получается примерно одинаково. Все равно,когда слайсы, границы приходится подправлять для каждого кусочка отдельно(ну почти всегда). Я, например, когда верстала макет, делала так: выделила фрагмент, который нужен, сделала crop, поубирала ненужные слои(фон например), сохранила для web,вернулась на неск. шагов назад и т.…

    Asked by amuller,

    0 votes
    10 answers

  16. kak zamenit shablon

    u mena sait na ucoz servere, i xachu zamenit shablon.vi ne padskajite gde mojna naiti xaroshi shablon i kak zamenit!?

    Asked by g-soft,

    0 votes
    1 answer

  17. Background-image?

    Не понятно как сделать чтобы в резиновом сайте при масштабировании фоновая картинка(в body например) оставалась зафиксированной? Что гугл что поиск не дали результатов, возможно из за неверной формулировки, хз.

    Asked by 2_k,

    0 votes
    7 answers

  18. Проблема с выпадающим меню...

    Здравствуйте, делаю выпадающее меню по примеру http://anton.shevchuk.name/wp-demo/jquery-.../drop-down.html. Меню работает, но есть проблемы с его интеграцией на сайте /* удалено */. 1. Не могу нормально отцентрировать меню; 2. Меню налазит на блок с конентом. CSS: .top_nav { font: 11px verdana; margin: 0 auto; padding: 4px 0; width: 950px; } .top_nav ul { clear: both; margin: 0; padding: 6px 0; } .top_nav ul li { display: inline; float: left; margin: 0 0 0 3px; position: relative; } .top_nav ul li a, .topmenu ul li a:active, .topmenu ul li a:visited { color: #555555; padding: 6px 7px; text-decoration: none; white-space: nowrap; } .top_nav ul li a:hover { color: #111111;…

    Asked by Mr.Smith,

    0 votes
    10 answers

  19. Как убрать горизонтальный скроллбар при сужении страницы

    Размер основной области как положено 1024px, но по дизайну есть выступы из этой области. Например левое меню выступает на 20рх слева, справа должен выступать декоративный элемент на 82рх, также еще блок справа должен выступать на 300рпх. При сужении окна, все эти выступающие элементы учитывается, хотя они находятся в враппере шириной 1024рх и у них задано абсолютное позиционирование внутри этого враппера. Моя же цель сделать так, чтобы скроллбары появлялись только если размеры основной области будут меньше 1024рх, все декоративные элементы и блок справа чтобы "съедались" Собственно пример моего кода с элементом который должен выступать на 82рх справа: CSS #wrapper { …

    Asked by skiph,

    0 votes
    12 answers

  20. медиа стиль для планшета

    Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить

    Asked by WebPlus,

    0 votes
    4 answers

  21. Пробмела с многоточием у многострочного текста text-overflow: ellipsis и white-space: normal

    Столкнулся с проблемой: text-overflow: ellipsis добавляет многоточие только если в блок не влазит строка по ширине. Если же есть возможность переноса и строка не вмещается по высоте, многоточие не добавляется. Сталкивался ли кто-нибудь с этой проблемой? Подскажите, пожалуйста, решение. Пример http://codepen.io/RenusAvin/pen/RRBWpP .

    Asked by RenusAvin,

    0 votes
    1 answer

  22. Как сделать без таблиц

    Как можно реализовать такое через 3 divа?

    Asked by Kenshi45,

    0 votes
    19 answers

  23. Тэг открытия файла

    Собственно отписываемся по впросу. Плиз очень надо.

    Asked by SergANT888,

    0 votes
    9 answers

  24. Опера некорректно отображает содержимое заключенное в теги pre, code

    Здравствуйте, уважаемые форумчане. Не могу назвать себя начинающим, сделал уже не один сайт, но вот попалась задача, с которой ну никак не получается справиться. Очень надеюсь, что кто-то уже сталкивался с ней и поможет мне найти решение. Суть проблемы в следующем. Есть плагин подсветки кода, который подсвечивает участки кода, заключенные в теги pre и code . Например: <pre><code> первая строка кода вторая строка кода третья строка кода </pre></code> Так вот браузер Опера, отображает такой код не так, как остальные браузеры. Расстояние между строчками получается больше.. Не могу понять почему. Уже применял разнообразные ресеты, пробовал варьироват…

    Asked by andreyy05,

    0 votes
    10 answers

  25. -webkit-transform не работает в Chrome

    Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо

    Asked by BoB,

    0 votes
    1 answer
×
×
  • 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