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
-
не работает border
Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема? border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; Весь HTML и CSS код: #wrap { width: 1000px; margin: auto; margin-top: 20px; } #header { border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> …
0 votes2 answers -
Положение строчных элементов
Скажите, как мне вертикально по центру выровнять строчный элемент (span), находящийся в div блоке?
0 votes8 answers -
Непонятки с bullet
Подскажите новичку. Имеется bullet на макете: http://savepic.su/2315570.htm И картинка слоев: http://savepic.su/2309426.htm Отключаю все слои, кроме указанного (Alt+ЛКМ): http://savepic.su/2358581.htm И вижу такую картину: http://savepic.su/2350389.htm Почему bullet становится синим? Мне совсем непонятно...
0 votes6 answers -
Правильно расположить кнопки
Подскажите, пожалуйста. Есть такая навигация: http://savepic.su/2353483.htm Вопрос касается только этих кнопочек. Как мне их правильно расположить? Через ul lu a:after {content: ...} ?
0 votes2 answers -
Логотип с помощью CSS
Такой логотип, как мне кажется, невозможно сделать средствами CSS. http://savepic.su/2325834.htm Его проще вырезать с прозрачным фоном и сохраненной тенью. Я правильно думаю?
0 votes3 answers -
Проблема с дивами в IE7
Добрый день. С закончил очередной сайт. Но в ИЕ 7 шаблон жутко едет... Не знаю как быть... Кто-то может помочь советом? Заранее спасибо! Нормальный вид: ИЕ 7: http://avtor-moda.ru
0 votes5 answers -
вертикальное выравнивание
подскажите пожалуйста про вертикальное выравнивание могу смоделировать, но долго. да и теория интересует. допустим ul содержит текст, li, span. все элементы по умолчанию выравниваются по базовой линии текста, который в ul. если этого текста нет, то по какой базовой линии будут выравниваться элементы?
0 votes1 answer -
Верстка иллюстраций с подписями.
Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.
0 votes13 answers -
Не правильно работает меню сайта при адаптации.
Всем всем привет. Делаю сайт. Точнее редактирую шаблон добытый с просторов интернета. Сайт адаптивный. И в принципе все норм только вот меню криво работает. Суть проблемы: Когда сайт открыт во весь экран на пк все хорошо. фото 1. Когда окно браузера делаешь меньше то меню сжимается, и появляется кнопка раскрытия меню. Но сам список с назвиниями пунктов меню не пропадает (а по идее должен). фото 2. Когда нажимаешь на кнопку то типа появляется меню в том которое уже есть. 2й раз нажимаешь пропадает. фото 3. И если потом опять развернуть на весь экран страницу меню не появляется и кнопка с выпадающем меню пропадает. если свернуть нажать кнопку и зарвернуть страницу на…
0 votes2 answers -
Иероглифы в мозиле
Здравствуйте! Я столкнулся с проблемой, нужно было создать простую хтмл страницу на английском и русском языках, но залив её на фтп заметил что в мозиле кириллица отображается непонятными символами, во всех других браузерах всё отображается корректно! Мета прописал: <meta charset="utf-8" > и сохранил через notepad++ тоже в utf-8, перепробывал уже множество кодировок. <html lang="en"> <head> <title>Friseursalon am Pl?rrer</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css"> <link rel="stylesheet" type="text/css…
0 votes1 answer -
зазор между строками
объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF
0 votes6 answers -
Размещение div с текстом по центру
Есть html: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Переход на внешний сайт</title> </head> <body> <div> <span> <h2> Переход по внешней ссылке </h2> <p> Вы будете перемещены через [b]секунд[/b] </p> </span> </div> </body> </html>…
0 votes3 answers -
font-face окончательно отказывается работать
Добрый вечер форумчане, сижу значит доделываю сайтец, осталось подключить шрифт, от куфона отказался, т.к. текста много... сгенерировал белкой шрифт, подключил в стилях, и о чудо, шрифт работает только в IE в остальных браузерах никак... обычно всё должно быть наоборот Уже 4 часа сижу голову ломаю... вроде руки прямые Может кто сталкивался с такой проблемкой? p.s. Заранее спасибо! в консольке FF NetworkError: 403 Forbidden, хотя все пути прописаны верно и файлы лежат на месте
0 votes10 answers -
Как очистить поток
Есть такая конструкция: <div id='wrapper'> <div id='leftwrap'> <div id='left'>тут много текста</div> </div> <div id='right'>тут много навигации</div> <div id='footer'>все права защищены</div> </div> И css: #leftwrap { width:100%; margin-left:-350px; } #left { float:left; margin-left:350px; background-color:red; } #right { float:right; width:270px; background-color:silver; } #footer { background-color:#777; } Как отменить обтекание футером колонок, кроме как <div style="clear: both;"></div> перед ним?
0 votes2 answers -
Создать декоративвные линии
Подскажите, как можно создать в шаблоне такие линии. Кроме border-right и border-bottom мне ничего в голову не приходит. http://savepic.su/2342060.htm
0 votes10 answers -
Центрирование строчных элементов
Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?
0 votes1 answer -
резиновый контент
Первая проблема:В последних версиях mozila firefox,IE и последней версии google chrome контент отличается внешним видом.Хотя вроде тегов которые не поддерживают те или иные браузеры не использовал. 1.IE 9 и Mozila Firefox 14 2.Google Chrome 21 Вторая проблема:В IE и Mozila Firefox если уменьшить размер экрана,а затем увеличить,то изображения контента будут нормально уменьшаться и увеличиваться(задана ширина в процентах) а в Google Chrome если уменьшить размер экрана,а затем увеличить,то он зависает в уменьшенном состоянии и развисает после обновления страницы . И у меня есть просьба:может кто помочь с этим контентом.Нужно чтобы он был резиновым и при вставке новых таблиц…
0 votes4 answers -
Помогите раставить позиции div'ов
Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…
0 votes4 answers -
IE-7,8 смещают последний li
Доброго времени суток. Не могу понять из-за чего смещается последний li в ie-7,8 И причем если уменьшать li по ширине, то все равно они не встают как надо. Может кто подскажет чем? Сама проблема здесь и картиночка (красным отмечен, тот самый последний li)
0 votes4 answers -
Не могу вставить "ссылки" в шапку
Делаю стиль для форума на phpBB3 на основе стиля Prosilver. Шапку сделал, захотел еще снизу под ссылками сделать ссылки на: Имя пользователя(с краткой информацией, кол-во сообщений и кол-во благодарностей + аватарка), новые сообщения(просто с цифрой на фоне картинки конверта), "ваши сообщения", личный раздел(тоже просто картинкой), и кнопку выхода. Но ни чего не получается, ка бы я ни пытался всё отображается слева от ссылок, а надо чтоб отображалось под ссылками. Конечно был один вариант, но он вообще не подходил. Что где и как сделать чтобы они отображались прямо под ссылками(картинками домик и т.д). http://savepic.su/2349283.htm вот та часть с ссылками. colours.css .l…
0 votes2 answers -
Как решить данную проблему
Как в данный java скрипт посставить свои переменные http://jsfiddle.net/gvkXB/ <div class="process"> <div class="bar" id="bar"></div> <div class="text" id="text">0%</div> </div> [JS](function(){ var bar = document.getElementById('bar'), text = document.getElementById('text'), p = 0, t; t = setInterval(function(){ p += 1; text.innerHTML = bar.style.width = p + '%'; if (p >= 100) clearInterval(t); }, 500); })();[/JS] [CSS].process { border: #999 solid 1px; background: #fff; position: relative; width: 200px; } .process .bar { position: a…
0 votes0 answers -
Переадресация с сайта на сайт
Привет! помогите с переадресацией. есть 2 сайта. один сайт старый domen.net в нем есть 2 каталога domen.net/ru/ и domen.net/en/ я переделал немного структуру и у меня теперь 2 других сайта 3 уровня ru.domen.net и en.domen.net сделал переадресацию с помощью .htaccess: #Редирект с /ru/ коталога RedirectPermanent /ru http://ru.domen.net/ #Редирект с /en/ коталога RedirectPermanent /en http://en.domen.net/ этот файл лежит в корне домена domen.net проблема вот в чем: при заходе на domen.net/ru/ он перенаправляет на ru.domen.net, но с двумя слешами на конце, то есть в адресной строке это выглядит так: http://ru.domen.net// Как это исправить?
0 votes9 answers -
Как сделать ссылку не кликабельной с помощью CSS
На сайт парсится программа передач с помощью PHP и втавляется не нужная активная ссылка . Можно ли ее как то сделать не активной . В PHP файле прописываются стили . Вот тут пример публикации , там где программа передач . Помогите знатоки .
0 votes13 answers -
появляется пустота
Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?
0 votes4 answers -
Непонятные отступы у текста в браузерах
Создаём простенький html-документ следующего содержания: <!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" xml:lang="en" lang="en"> <head> <title>Paddings</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; outline: 0; border: 0; } div.redBlock { margin: 100px; width: 300px; height: 50px; background: red; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10pt; color: white; } &…
0 votes7 answers