HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
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;…
0 votes6 answers -
Вставка картинки.
Всем привет! У меня два глупых вопроса Вопрос 1: У меня не получается вставить ДВЕ картинки РЯДОМ! Пишу вот так: <H5>Подмосковье</H5><img src="images/88.jpg" width="200" height="150"> <H5>Краснодарский край</H5><img src="images/55.jpg" width="200" height="150"> и получается одна картинка сверху, другая--снизу, а мне надо, чтобы они стояли рядом. Вопрос 2: И слово "Подмосковье" у меня получается НАД (или ПОД) картинкой, а я хочу, чтобы оно было НА картинке. Как это осуществить? Что нужно сделать? Всем спасибо.
0 votes11 answers -
Объясните пожалуйста как исправить
Вот в чем проблемка. вот код странички с требуемой таблицей. суть в том, что боковые ячейки заданы, а ширина средней определяется, как остаток. <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" …
0 votes9 answers -
тег 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…
0 votes11 answers -
Размещения флєш банера по центру на сайте
Не получается разместить банер, по центру, и чтоб ешё был по горизонтале на всю длину экрана. Вот написал код, не размещается на всю длину экрана, что делать? Подскажите плиз, как разместить на всю длину мой банер размером 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;" > …
0 votes9 answers -
Особенности резиновой верстки
Здравствуйте, товарищи профессионалы. 1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной? 2. И на что стоит обратить внимание при верстке резинового макета? 3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ? 4. Какой вид верстки наиболее популярен на данный момент?
0 votes9 answers -
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> <…
0 votes1 answer -
Правильное оформление HTML и CSS
Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java
0 votes5 answers -
Поле со списком
Сделала несколько кнопочек полей со списком, но они получаются разной ширины, в зависимости какая длина вложенных словосочетаний. Можно ли сделать их одинаковой ширины?
0 votes10 answers -
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…
0 votes1 answer -
Отступ внизу изображений
В 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…
0 votes2 answers -
Окно сворачивается сразу после открытия
На сайте 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> Вопрос: что надо сделать, что бы оно не сворачивалось сразу, а оставалось на своем месте (в центре экрана) после от…
0 votes12 answers -
не подключается CSS в IE7 на Висте
Браузер отображает сайт так, как будто стили вообще не подключены. На winXP + IE6, Opera, Firefox вс? как надо. Прямо с катушек можно съехать. Кто может подсказать в ч?м дело?
0 votes4 answers -
Как такое сверстать дивами?
Как такое сверстать дивами, учитывая что панель имеет динамичную высоту? Вот что я наваял: <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</…
0 votes15 answers -
Резка макета
Я не понимаю:в чем смысл слайсов? Когда большие картинки режут на кусочки,это понятно..А вот когда режут целый макет, еще и в .psd тут вообще непонятно. Все равно всякие кнопочки, поля ввода и т.п. лучше делать с помощью html/css, правильно? А если в макете есть какие-то картинки, то их и так можно вырезать. Я просто не вижу в чем преимущество...по скорости получается примерно одинаково. Все равно,когда слайсы, границы приходится подправлять для каждого кусочка отдельно(ну почти всегда). Я, например, когда верстала макет, делала так: выделила фрагмент, который нужен, сделала crop, поубирала ненужные слои(фон например), сохранила для web,вернулась на неск. шагов назад и т.…
0 votes10 answers -
kak zamenit shablon
u mena sait na ucoz servere, i xachu zamenit shablon.vi ne padskajite gde mojna naiti xaroshi shablon i kak zamenit!?
0 votes1 answer -
Background-image?
Не понятно как сделать чтобы в резиновом сайте при масштабировании фоновая картинка(в body например) оставалась зафиксированной? Что гугл что поиск не дали результатов, возможно из за неверной формулировки, хз.
0 votes7 answers -
Проблема с выпадающим меню...
Здравствуйте, делаю выпадающее меню по примеру 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;…
0 votes10 answers -
Как убрать горизонтальный скроллбар при сужении страницы
Размер основной области как положено 1024px, но по дизайну есть выступы из этой области. Например левое меню выступает на 20рх слева, справа должен выступать декоративный элемент на 82рх, также еще блок справа должен выступать на 300рпх. При сужении окна, все эти выступающие элементы учитывается, хотя они находятся в враппере шириной 1024рх и у них задано абсолютное позиционирование внутри этого враппера. Моя же цель сделать так, чтобы скроллбары появлялись только если размеры основной области будут меньше 1024рх, все декоративные элементы и блок справа чтобы "съедались" Собственно пример моего кода с элементом который должен выступать на 82рх справа: CSS #wrapper { …
0 votes12 answers -
медиа стиль для планшета
Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить
0 votes4 answers -
Пробмела с многоточием у многострочного текста text-overflow: ellipsis и white-space: normal
Столкнулся с проблемой: text-overflow: ellipsis добавляет многоточие только если в блок не влазит строка по ширине. Если же есть возможность переноса и строка не вмещается по высоте, многоточие не добавляется. Сталкивался ли кто-нибудь с этой проблемой? Подскажите, пожалуйста, решение. Пример http://codepen.io/RenusAvin/pen/RRBWpP .
0 votes1 answer -
Как сделать без таблиц
Как можно реализовать такое через 3 divа?
0 votes19 answers -
Тэг открытия файла
Собственно отписываемся по впросу. Плиз очень надо.
0 votes9 answers -
Опера некорректно отображает содержимое заключенное в теги pre, code
Здравствуйте, уважаемые форумчане. Не могу назвать себя начинающим, сделал уже не один сайт, но вот попалась задача, с которой ну никак не получается справиться. Очень надеюсь, что кто-то уже сталкивался с ней и поможет мне найти решение. Суть проблемы в следующем. Есть плагин подсветки кода, который подсвечивает участки кода, заключенные в теги pre и code . Например: <pre><code> первая строка кода вторая строка кода третья строка кода </pre></code> Так вот браузер Опера, отображает такой код не так, как остальные браузеры. Расстояние между строчками получается больше.. Не могу понять почему. Уже применял разнообразные ресеты, пробовал варьироват…
0 votes10 answers -
-webkit-transform не работает в Chrome
Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо
0 votes1 answer