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
29,542 questions in this forum
-
Выравнивание по вертикали в теге li
Что-то я запарился и не могу найти правильное решение, как по вертикали оцентрировать текст рядом с картинкой. Вот, что я делаю и не получается: HTML: <ul> <li>Один</li> <li>Два</li> </ul> CSS: li { list-style-image: url(img/ok.png); list-style-position: inside; vertical-align: middle }
0 votes4 answers -
Как зафиксировать ширину дива для ИЕ6?
.div_frame_back{ border:1px solid #FF6666; width:500px; padding-top:10px; padding-bottom:10px; } .div_frame_videocontent{ border:1px solid #990033; width:706px; position:relative; left:-15px; } <div class="div_frame_back" style="width:500px;"> <div class="div_frame_videocontent"> </div> </div> В опере и фоксе ширина рамки 500 а в ИЕ6 рстягивается на ширину контента Как быть?
0 votes4 answers -
Выравнивание по горизонтали и вертикали
body { margin: 0px; } .bdiv { width: 100%; height: 200px; border-color: #000000; border-style: solid; border-width: 1px; z-index: -1; position: absolute; vertical-align: bottom; } .bodydiv { width: 900px; height: 900px; min-height:900px; border-color: #000000; border-style: solid; border-width: 1px; z-index: 1; position: absolute; left: 50%; top: 50%; margin-top: -275px; margin-left: -390px; } <body> <div class="bdiv">Content for class "bdiv" Goes Here</div> <div class="bodydiv">Content for class "bodydiv" Goes Here</div> </body> </html> Хочу чтобы было вот так как на картинке. bdiv прилип к верху и все. Ко…
0 votes0 answers -
Выравнить Текст По Середине Изображения ?
на сайте на одной строчке есть изображение и с права от него текст, нужно выравнить текст по середине изображения, но почемуто margin, padding и line-height ниначто не влияют код такой <p> <a href="#"><img src="/sites/default/files/img/route_plan.jpg" alt="print" /></a> <a href="java script:window.print();"><span>Напечатать адресс</span></a> </p> Как можно выравнить Напечатать адресс по середине изображения route_plan.jpg ?
0 votes8 answers -
Управление режимами браузера
В процессе ковыряния с этой замечательной метой встретил ситуацию, которую с наскока объяснить не могу и официальная документация пролить свет на происходящее не позволяет. Если верить документации из MSDN, то в мете может находиться список режимов, и браузер выберет из этого списка самый новый поддерживаемый режим. То есть <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=EmulateIE9"> выберет в IE 8 эмуляцию седьмого, в девятом — эмуляцию девятого. Собственно, вопрос. Почему код <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=edge"> переключает IE 8 в эмуляцию седьмого, а IE 9 оставляет в режиме девятого. Если верить документации, …
0 votes19 answers -
Писать сверху по картинке
В таблицу вставлена картинка. Пытаюсь что-то писать - оно мне пишет слева, сверху, снизу, где угодно - но только не на картинке. Как это сделать?
0 votes3 answers -
Странный глюк с пропаданием заголовка
Сделал на слоях сайт. В IE6 проблемы с отображением заголовка при первом открытии страницы причем если прокрутить вниз, то он сам потом появляется Кто-то сталкивался с подобной проблемой? Чем это лечить?
0 votes8 answers -
Разное отображение в разных броузерах
Столкнулся с проблемой... Отображается менюшка в левой части сайта, но в каждом браузере по разному. Если Опера текст притягивает в верхней границе ячейки таблицы, то ИЕ вс? размещает в центр, с желанием растянуть строки на всю высоту ячейки. Как мне притянуть строки к верхней части?
0 votes3 answers -
Расскрывающееся меню с подсказками
Надеюсь на помошь людей знающих JavaScript. В общем проблема такая: нужно поставить раскрывающееся меню в форме в количестве двух и более штук на страницу, а при установке из двух меню работает только одно, хотя значения в них разные. Подскажите, пожалуйста какие параметры необходими изменить для того чтобы размесить несколько подобных меню на странице...... Вот пример меню: <form name="a294" > <select name="a969" size="1" style="background-color:#FFFFD7" onChange="displaydesc(document.a294.a969.selectedIndex)"> <option selected value="http://undereform.com/photo/">--Выберите исполнителя--</option> <option value="/photo/17">Aaron Spectre&…
0 votes8 answers -
Круглые уголки
помогите плиз сделать круглые уголки(сайт http://rubasket.com/forum ) сейчас там мозиловский моз-бордер ,но хотелось бы сделать через картинки уголков для всех браузеров...но вот как сделать именно в моём случае-ума не приложу!
0 votes6 answers -
div в Opera - съезжание при попытке подогнать по ширине страницы
При попытке нажать кнопку в Opera "подогнать по ширине" шапка сайта, состоящая из двух jpg и одного flash расползается - правая картинка перемешается вниз. Также при включенном режиме "подогнать" 3 уровень выпадающего меню частично исчезает - при любом разрешении. Для div выставлены точные размеры ширины и высоты в css. "Подогнать по ширине" (кнопка внижнем правом углу) работает, если разрешение монитора меньше, чем ширина сайта - 996 px Пытался поставить невидимое изображение 996 * 1 - оно, конечно, начинает маштабироваться в этом случае. Возможно ли устранить эти проблемы? Благодарю за помощь. см. http://rbenergo.ru/new/
0 votes4 answers -
формы -личная страничка у зарегестрируещего
ПРИВЕТ ВСЕМ Я НОВИЧОК ,МНЕ НУЖНА ВАША ПРОФИСИОНАЛЬНАЯ ПОМОЩ, НАДЕЮСЬ НА ВАШ ЧЁТКИЙ ОТВЕ В МОЁМ ВОПРОСЕ ,Я НАЧАЛ ИЗУЧАТЬ САЙТОСТРОИТЕЛЬСТВО ИЗУЧИЛ "HTML" СОЗДАЛ INDEX.HTML ТОЙ ФОРМОЙ КОТОРАЯ ТРЕБУЕТ МОЙ САЙТ ,СОЗДАЛ НЕСКОЛЬКО СТРОНИЧЕК И СТРОНИЧКУ С ФОРМАМИ ПОД ЗАПОЛНЕНИЯ К РЕГИСТРАЦИИ ,МОЙ ВОПРОС -ПОСЛЕ РЕГИСТРАЦИИ КЛИЕНТА НА МОЙ САЙТ ДОЛЖНА ОТКРЫВАТСЯ ЛИЧНАЯ СТРАНИЧКА КАК ЭТОГО ДОБИТСЯ(понятно сперва мне нужно зарегистрировать ДОМЕН нужен ХОСТИНГ ,ДВИЖОК ,АДРЕСНАЯ КНИГА). Да тема немаленькая,но я думаю ВАМ ПРФИСЕОНАЛАМ объяснить и подсказать ПУСТЯК и я уверен что многие ВАШИ ответы многих заинтересует на ФОРУМЕ
0 votes8 answers -
Меню не расстягивается на 2 строки
В меню заголовок ,когда не помещается,нормально растягивается на 2 строчки,а самом меню вторая строка уже налезает на след пункт.хотела прикрепить принтсрин,не поняла как) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Кафедра медицинской биологии и генетики КГМУ</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало конте…
0 votes8 answers -
Гиперактивные кнопки
Здравствуйте! У меня вопрос. Можно ли сделать так, чтобы кнопка при щелчке по ней замерла. При щелчке по кнопке она выглядит так: И мне нужно, чтобы она застыла в таком состоянии, пока не нажмут на другую кнопку. Это возможно?
0 votes11 answers -
Три вопроса
Решил сверстать сей макет: изображение удалено Возникло несколько вопросов по верстке: Как сделать, чтобы пункты списка начинались не с точки а с тире (левый сайбар). [РЕШЕНО] Как сделать тень только с двух сторон (левый сайдбар). Как правильнее всего будет выполнить заголовок (там куча линий и текст посередине). [РЕШЕНО] Помогите пожалуйста с этим.
0 votes36 answers -
Центровка сайта: проблема в Opera
Делаю отцентрованный сайт (Ссылка, narod.ru, исходник на slil.ru), : Всё получается ок, центральная колонка и изображением остаётся ровно в центре, никаких проблем. Однако, к таблице приходится добавлять Чтобы не было зазоров/границ. После этого исключительно в Opera всё это дело слезает: Думал, конечно, жёстко задать ширину левого и правого <td> в процентах/пикселях, но тогда они потеряют свою "резиновость". Как решить проблему? Спасибо.
0 votes11 answers -
Красивый checkbox
Решила выпендриться и украсить форму, а в частности checkbox и кнопки. Взяла плагин (http://www.ruseller.com/lessons.php?rub=28&id=339) и прикрутила. Вот что получилось http://linker.nichost.ru/ Все отлично, вот только в FF checkbox нажимается только когда щелкаешь в верхней части, на нижнюю часть checkbox'a он даже не реагирует. В Chrom такой проблемы нет, например. Значит это заморочка FF, вот только что ему не нравится - я понять не могу И как отловить ошибку, тоже. Помогите, пожалуйста! Хоть намекните где копать.
0 votes3 answers -
Полупрозрачность фона div-a..
итак. есть просто див: advanced { background-color: #E1E1E1; border: 1px; border-style: solid black; position: absolute; z-index: 1000; top: 0px; left: 0px; width: 0px; height: 0px; } ... <div id="opisanie" class="advanced" style="font-family: Tahoma; font-size: 6px" align="left;"></div> есть таблица. в ячейках таблицы картинки. <td bgcolor="#D6D6D6" style="border: 1px solid #808080; border-width: 1px 1px 0px 1px"><img src="vodostok/thumbs/keykan23.gif" border="0" onMouseOver="upps()" onMouseOut="close_opisanie()"></td> при наведении на картинку всплывает типа подсказка(описанный выше див) с описанием картинки: function upps(e) …
0 votes10 answers -
Вопрос о размерах блоков.
Существуют ли какие-либо типовые размеры блоков, которые можно назвать стандартными? Понятно, что для каждого макета размеры могут быть разными, но хотелось бы узнать, есть ли какие-то стандарты. Чтобы лучше понять, что имеется в виду, приведу свой пример. Делаю сейчас трёхколонную таблицу. При этом для таблицы взял ширину 950px, для верхнего меню высоту - 45px. Для разделителей между шапкой и центральным блоком, а также между центральным блоком и подвалом взял высоту 5px. Центральный блок имеет такие размеры ширины: правая колонка - 221px, разделитель - 4px, контент - 500px, разделитель - 4px, левая колонка - 221px. Далее после разделителя, о котором говорилось выше, идё…
0 votes8 answers -
margin указанный в % не работает в firefox
здравствуйте! указываю DIVу (margin: 1.5% 0;) везде нормально работает, а вот в мозиле, не работает вообще, в чем может быть проблема?
0 votes13 answers -
2 Блока div Изменяют друг друга при наведении
Здравствуйте. Недавно начал изучать HTML и CSS. Хочу сделать рядом 2 блока div которые при наведении на любой из них увеличивались в ширине и изменяли ширину соседнего. А получается что при наведении на блок А он увеличивается и уменьшает ширину блока Б. А при наведении на блок Б он просто увеличивается и перекрывает блок А https://jsfiddle.net/ob4jyz0p/1/ Для наглядности: Курсор не в области этих блоков: |________А_50%________| |________Б_50%________| Курсор наведен на блок А: |____________А_80%____________| |____Б_20%____| Курсор наведен на блок Б: (Перекрывает Блок А) |____А_50%____|____________Б_80%____________|
0 votes4 answers -
Эти вредные меню
Подскажите, как создать такое меню, чтоб при нажатии на его элемент разворачивались еще несколько вложенных пунктов? В общем похожее меню: http://htmlbook.ru/content/
0 votes3 answers -
Opera и видео-файл
Есть такая проблема, что нужно сделать так чтобы на странице можно было просматривать видеоролики (тип файлов - avi, wmv). В IE с помощью тега <embed> всё хорошо работает. Но когда загружаешь в Opera, то просто отображается белая область или отображается видеопроигрыватель с чёрным экраном и play не нажимается. Пробовал также <object> проблемы примерно такие же. <embed src="cat.avi" width="200" height="200" type="application/x-shockwave-flash"></embed> В чём проблема? Заранее спасибо.
0 votes7 answers -
background-size: cover + backgroud-attachment: fixed на ipad?
Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…
0 votes1 answer -
Посковик путем Javascript
Всем доброго времени суток Можно ли как-то реализовать поиск по сайту (слов,статей, ну в общем чего нибудь) путем Javascript? и еще вопросик... Почему не работает функция Show()?Вроде все правильно написал... <!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=iso-8859-1" /> <link rel="stylesheet" type="textcss" href="styles.css" /> <title>Untitled Document</title> </head> <body> <script language="javascript"> <!-- function Hide(…
0 votes10 answers