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
-
проблема с "vertical-align:"
Привет! День мучусь, не могу понять где допустил ошибку ... . Вторая фото не ровняется по вертикали. Может кто просветит где ошибка? Имеется код html <div class="photo_block"> <div class="photo"> <a href="album/deti/IMGP4331.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4331.JPG" border="0" height="200px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4332.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4332.JPG" border="0" height="100px" /></a> </div> <div class="photo"> …
0 votes4 answers -
HTML5 и CSS3
Добрый день форумчане. Думаю многие согласятся с тем что новые технологии HTML5 и CSS3 превосходят своих предшественников. Открываются новые возможности в плане динамики сайта. У меня такой вопрос, стоит ли переходить полностью на такую верстку или все же писать на обычном HTML CSS т.к с новой технологией нужно будет следить за кросбраузерностью. Или стоить выбирать между ними исходя из направленности сайта и продвинутости посетителей, т.к они как правило пользуются современным браузером. Мини опрос. Кто использует новую технологию.
0 votes1 answer -
сложный фон
объясните пожалуйста хотя бы на словах(но лучше с примерами) как можно сверстать блок privacy policy такого макета. трудность в том, что блок должен растягиваться по вертикали в зависимости от количества контента. при этом левый и правый края блока должны выглядеть такими же зазубренными, без нарушения структуры
0 votes7 answers -
DIV + SPAN + Firefox
Здравствуйте! Напоролся на удивительное поведение firefox при размещении элемента внутри DIV. Поскольку тема невероятно избитая, хочу сразу заметить, что мне абсолютно без разницы, как будет выровнен текст по вертикали внутри DIV, главное, чтобы эта конструкция выглядела одинаково во всех браузерах. Итак, имеем браузеры ie 8.0 chrome 21.0 firefox 14.0.1 opera 12.01 простейшую конструкцию: <html> <head> <title></title> <style type="text/css"> div { text-align: center; width: 64px; height: 32px; border: 1px solid black; position: absolute;} span { font-weight: bold; font-size: 20pt; font-family: A…
0 votes4 answers -
Помогите с таблицей
Здравствуйте помогите сделать таблицу или что то в этом роде. Должно быть как на картинке. Чтобы я туда мог помешать текст и картинки. Проблема в линиях, не могу сделать так же.
0 votes4 answers -
opacity на <img> в FF
http://jsfiddle.net/xuztA/14/ — наводим, даёмся диву. Причём картинка, насколько я вижу размер не меняет, т.е. как-то внутри себя дёргается что ли. Подскажите кто-нибудь, что за ерунда. А самое главное чем это возможно исправить… только FF по-моему UPD: ответ наден. Баг. Решается добавлением фона
0 votes0 answers -
Ресурсоёмкость верстки
Доброго времени суток форумчане и гуру вёрстки! Я любитель и вёрстку делаю для себя часто, просто потому что хочется! Каждый раз задумываюсь о используемых ресурсах, но вопреки этому дизайнеры в PSD макетах используют такие элементы, которые если заменять, чтобы уменьшить трафик, то дизайн изменяется до неузнаваемости, а если оставлять, то странички чрез чур много требуют трафика. Как быть с такой проблемой?
0 votes4 answers -
ie8 и z-index -1 -
ie8 и z-index -1 - как сдружить? Надо спрятать псевдослой позади родительского элемента в 8м осле.
0 votes4 answers -
не робит полноценно сайт на осле
вот сайтик если зайти на него через хром всё нормально отображается но если зайти через осла то не отображаются русский шрифт. что самое интересное, так это то что если по тыкать по меню и нажать кнопку назад то сайт начинать работать так как нужно. помогите пожалуйста, может я в <meta> что то не так прописал??
0 votes6 answers -
Углы на css
Помогите сделать на css. Может кто статейку с подобным заданием скинет, буду благодарен.
0 votes1 answer -
content
Приветствую Можно ли как нибудь вставить в "content", картинку? Или есть другие способы?
0 votes2 answers -
Программа для верстки
Подскажите прогу для кода, чтобы сразу во время верстки можно было бы видеть результат.
0 votes2 answers -
ie глючит
Непойму почему когда я тыркаю на посеющенную ссылку в моей страничке - ie увеличивает ее на какое то время, а затем переходит по ней. В opere все хорошо работает. Убрал из загаловка все стили, все равно продолжает глючить......
0 votes4 answers -
Img и IE
Есть скрипт, который позволяет загружать картинки и вставлять их в сообщение. При выводе максимальная высота и ширина картинки ограничена: max-width: 600px; max-height: 600px. Все здорого, но в ИЕ как обычно возникает ужас Резать картинки на стороне сервера не вариант. Что можно сделать?
0 votes1 answer -
Стили ссылок
Есть контейнер <div id="cont"></div> в котором вывожу основной контент сайта. Есть css div#cont a {стиль для ссылок}. Мне потребовалось для некоторых ссылок другое отображение и я этим ссылка присвоил class="cat". Но сcs a.cat {стиль для ссылок} не срабатывает. Т.е стили ссылок с классом не меняються.
0 votes2 answers -
Переезжет...
Пытаюсь сделать так, чтобы надписть курсивом была справа на уровне заголовка, но когда начинаю использовать float меня заезжает за заголовок. Вроде ничего сложного нет, но не получается... Ссылка
0 votes4 answers -
Подвисает сайт
Сайт http://xn--8-mtbvk1b.in.ua/ подвисает и это хорошо видно когда зайдешь в раздел фото и будешь быстро мотать страницу что нужно сделать чтоб подвисания не было ?
0 votes4 answers -
Проблемы с background-attachment
Здравствуйте уважаемые форумчане! Кажется сто лет здесь не была и наверное поэтому при верстке простого макета столкнулась с такой проблемой. Необходимо чтобы ячейка таблицы имела фиксированную высоту, не повторяющийся фон и еще текст находящийся в ней скроллировался. Я почитала в справочнике про свойство background-attachment и написала такой стиль: #centr { background-image: url(../images/content.gif); background-repeat: no-repeat; background-attachment: fixed; } Вот код страницы: <html> <head> <title>Магазин цветов</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style.css" re…
0 votes2 answers -
Подсказки jquery
Привет!!! Есть такой код html <a href="#">Кнопка</a> <div id="block"> <p>Информациооный блок</p> </div> <a href="#">Кнопка</a> <div id="block"> <p>Информациооный блок</p> </div> jquery <script type="text/javascript"> $(function() { $("a").mouseover(function() { $("#block").fadeIn(); }); setInterval(function() { $("#block").fadeOut(); }, 5000); }); </script> Тоесть, при на видении на ссылку всплывает скрытый блок а через некоторое время он исчезает. Проблема в том что всплывает только у первой ссылки - допустим ссылка в…
0 votes3 answers -
margin/padding
скажите, почему родитель с min-hight 100% не учитывает margin-bottom? как решить проблему? html, body, .container{ height:100%; } *{ margin: 0; padding: 0;} #parent{ background: #aaa; min-height:100%; } #child{ margin-bottom: 2000px; background: pink; } <div id="parent"> <div id="child">hello</div> </div>
0 votes4 answers -
Не используемые фалы на ФТП
Здравствуйте всем) Такая ситуация. Во время создания сайта, все время заливаешь какие то изображения, сайты, потому удаляешь, заливаешь новые, и со временем получается что на ФТП остаются какие то изображения или другие файлы, которые не используются. Но какие именно не знаешь. Как узнать, какие файлы не используются на сайте, что б их можно было спокойно удалить ?
0 votes7 answers -
@Media не применяется
Возникла проблема с @Media запросами - они просто не применяются! Вот HTML код страницы: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"><link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x800.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1280x1024.css"><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1366x768.css" /> <link type="text/…
0 votes0 answers -
Исходный код показывает одно, а фактические получается другое
Обновил джумлу с 2 до 3 версии. Смотрю верстка стала кривой. В шаблоне и исходном коде показывается следующее: <div id="wrapper"><div id="menu"></div><div id="container"></div><div id="left"></div><div id="footer"></div></div>А фактически на самом деле выглядит все так: <div id="wrapper"><div id="menu"></div><div id="container"><div id="left"></div><div id="footer"></div></div></div>Как такое может быть? что исходный код пишет другое- правильное. думал может у меня с кешем что-то, но проверил сторонним сервисом - тот сделал скрин и там тоже поехавшая…
0 votes3 answers -
Адоптация размера шрифта -> VW
Вечер добрый, ребят, блин ну не как не освою этот css, сделал сейчас как смог, но работает плохо. Помогите пож. Что нужно? 1. Размер шрифта должен адоптироваться автоматом к размеру дисплея/окна. 2. Слева нужны переключатели языка Пример как должно быть: http://nicolasjaar.net С чем не могу справится? 1. На мобильнике (Андроид, бруазер хроме) текст не полностью видно с переключателями языка в режиме портрет 2. Размер шрифта на некоторых экранах не полностью заполняет окно Вот мой актуальный вариант: <!DOCTYPE html><html> <meta charset="utf-8"> <head> <link rel="stylesheet" href="https://fonts.googleapis.co…
0 votes0 answers -
Печать html странички на 891*630 мм
Здравствуйте. Имеется блок размером 891*630 мм Если верить конвертеру величин, то 1 мм = 3.779527559055 пиксель <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style type="text/css"> body { margin:0; background:#FFFFFF; } div#block { margin:0 0 0 0; border: 1px solid #5698C9; } </style> script type="text/javascript"> var w=891; var h=630; function myFunction() { document.getElementById("block").style.width = w*3.780952380952381+"px"; document.getElementById("block").style.height = h*3.781144781144781+"px"; document.getElementById("w").innerHTML=w*3.780952380952381; docum…
0 votes2 answers