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
-
отступ от нижнего края окна (подскажите)
Привет, подскажите пожалуйста, если не сложно. У меня основной блок имеет отступ от верхнего края {margin: 0 auto;} а высота блока 100%. Подскажите пожалуйста, как сделать внизу такой же маленький отступ как и наверху?
0 votes9 answers -
Подскажите программу, приводящую в порядок вид css стилей
Зачем? Иногда в сайтах встречается css код в одну строку, где трудно что-то разобрать.
0 votes5 answers -
Как расставить три div-а?
Здравствуйте. Как расставить 3 div-a чтобы третий был под первыми двумя. <div id="wrap"> <div id="header"> <div class="logo"></div> <div class="description"> </div> <div id="header_nav"> <ul> <a href="#"><li>Link 1</li></a> <a href="#"><li>Link 2</li></a> <a href="#"><li>Link 3</li></a> <a href="#"><li>Link 4</li></a> <a href="#"><li>Link 5</li></a>…
0 votes13 answers -
Приоритет слоя и скролл в tbody
Доброго времени суток. Возникло два таких вопроса... Во-первых, где-то перемудрила со стилями и выпадающий блок у корзины в шапке, кроме главной везде обрезается, вроде все проверила, но причину найти не могу: http://ruki24.aveas.ru/emarket/cart/ Во-вторых, я сделала скрол, для таблицы в выпадающем блоке у корзины в шапке, но я хотела бы реализовать скрол у tbody, а не у всей таблицы, но вот не могу придумать, как это можно сделать. Спасибо =)
0 votes4 answers -
Сложные кнопки на css.
Как сверстать кнопки с такими декоратиными элементами сверху/снизу (см. скрин). Подозреваю, что через псевдоэлементы, но я знаю только как сделать это в виде треугольников. Есть ли возможность сделать это в виде кривой, как на скрине? https://www.dropbox.com/s/8x15uim5fzrcpo9/Screenshot 2016-09-19 22.52.44.png?dl=0
0 votes5 answers -
Как расположить один div под другим?
Всем привет! У меня есть 2 div'а на странице, мне нужно, чтобы они располагались один под другим и верхний занимал по высоте 10% страницы, а нижний - 90. Сделал вот так <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Main page</title> </head> <body> <div style="position: absolute; height:10%; width:100%; background-color: #086FA1"> </div> <div style="position: absolute; height:90%; width:100%; background-color: #FF0000"> </div> </body> </html> В итоге второй див, который 90%, наезжает на первый и перекрывает его, а мне нужно, чтобы второй распо…
0 votes2 answers -
нереальный глюк ie
Товарищи по моему я сошел с ума - такой глюк в простейшем html - что делать не знаю... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0"><img src="img/ррр.gif" width="104" height="10" /> </body> </html> в ie появляется отступ сверху, который меняется если изменять шрифт, это происходит только с изображениями небольшого размера help me!
0 votes3 answers -
как изменить цвет на ссылке при наведении мышкой
Здравствуйте . Хочу с помощью JavaScript изменить цвет ссылки при наведении на нее мышкой . Вот код , но он не работает . #menu_stile { font-family: Arial; color: #0C335F; } function color_mouse_on(id) { id.style.color = "EE8817"; } function color_mouse_off(id) { id.style.color = "0C335F"; } <a href="main.html" onmouseover="color_mouse_on(this)" onmouseout="color_mouse_off(this)" style="text-decoration:none;" target="hero"> <strong><font id="menu_stile" size="2">Cement</font></strong> </a><br> Подскажите что делать. Спасибо
0 votes2 answers -
Проблема с вёрсткой, если есть картинка-подложка
Есть страничка <div id="container"> </div> <div id="footer"> </div> В container есть header и body. Body содержит в себе две колонки - центр и правую. В правой меню. В центре идут новости (блог). Template.css: background: url(images/full.jpg) no-repeat #000000; То есть в container есть картинка-подложка высотой 1000 px. Должно быть: 1) Картинка всегда видна полностью. 2) Если новости больше по высоте чем высота картинки, то после картинки должен идти чёрный цвет. У меня не получается поместить footer, так чтобы картинка была видна полностью.
0 votes3 answers -
Как сделать плавный переход со страницы на страницу не в ie
Как сделать плавный переход со страницы на страницу не в ie? Скажем, как сделать показ flash-ролика на весь экран при выходе со страницы? P.S. Может тема и не в ту тему, но другой подходящей я не нашёл
0 votes1 answer -
как фон ячейки прилепить к ее низу? и чтобы фон не множился?
надо сделать чтобы фон в виде лого всегда болтался внизу страницы. это удобно сделать фоном, но он дублируется или липнет к верху ячейки.. буду очень признателен за совет!
0 votes3 answers -
Проблема с вертикалью в background-position
Здравствуйте. Извелся уже) вот листинг: <!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" <?php language_attributes(); ?>> <head> <style type="text/css"> #images_carrier { height:270px; background: url(images_shadow.png) no-repeat center bottom; padding:35px 0;wp-content margin: 0 auto; } #images_carrier #images { background: url(menu2.jpg) no-repeat; width:804px; height: 272px; margin: 0 auto; font-size:0px; } #images_carrier #images .item { width:268px; height:20px; display: inl…
0 votes11 answers -
Принудительное overflow-x: scroll при overflow-y: hidden
Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.
0 votes6 answers -
Удаление 2 блока
Всем привет создал сайт , нашел для него приятный дизайн , поставил. Почти все понравилось кроме 2-го блока (извините может он называется 3-им блоком я в этом чайник) В общем нужно убрать 2-ой блок и при этом растянуть "новости" до конца 2-го блока.То есть когда мы уберем 2-ой на его пустом месте растянем новости,чтоб не было пустого места (надеюсь понятно выразил свой вопрос).Мой сайт
0 votes14 answers -
Не отображаются картинки
Здравствуйте! Помогите с картинками. В Firefox, почему-то браузер читает ссылку с обратным слешем: _http://www.pizzacity.dp.ua/img/1000x667\Neapol.jpg Хотя Хром и IE видят правильно: _http://www.pizzacity.dp.ua/img/1000x667/Neapol.jpg Никак не получается. Помогите новичку))
0 votes6 answers -
div верстка меню (в линию таблицей)
Добрый вечер! Не забрасывайте яблоками, верстаю впервые по самоучителю. Столкнулся со следующей проблемой: пытаюсь сделать меню в хедере над основным контентом. Сайт верстаю в html из под css (я правильно выразился? В html у меня записано следующее: <div id="header"> <div id="logo"> <a href="/"><img src="img/logo.png" class="iePNG" alt="Сайт" /></a> </div> <div id="gor-menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Услуги</a></li> <li><a href="">Отзывы</a></li&g…
0 votes6 answers -
Прошу совета. Правила, принципы, секреты и т.д верстки
В сети есть интенсивы от HTML Academy. В них есть лекции где рассказываются всяческие хитрости, правила, принципы верстки. Например, скрипт надо подключать в конце страницы что б он не блокировал загрузку кода, что теги label и input можно группировать с помощью р и тд. Но эти лекции длятся просто невыносимо долгое количество времени, много разговоров, отвлечения на чат, между полезной информацией, как например вышеописанная, и нет просто времени все это просматривать несколько часов видео в поиске этих вещей. Есть ли такая информация в текстовом виде или в более коротком видеоформате. Пытался гуглить, но ничего не нашел, так как, скорее всего, я не правильно описывал и ф…
0 votes3 answers -
При наведение мышки на ссылку изменить фон другого элемента.
.price__link:hover .price__title { background-color: #49cbcd; } Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? Скрытый текст <div class="price__item"> <div class="price__title"> Basic </div> <div class="price__cost"> $5.01/ Month </div> <div class…
0 votes5 answers -
ie непраильно показывает ширину
Существует таблица с классом contentpaneopen, в ней ячейка contentheading. Явно задаю ей ширину 740px и не могу понять почему ie7 (наверно и 6 тоже) выдает мне только 700px. В опере и фф все нормально. Помогите пожалуйста. Вот css к этой таблице: table.contentpaneopen { margin: 0px 8px 10px 26px; padding : 0; display : block; } table.contentpaneopen td.contentheading { background : #036 url("../images/content-header-bg.jpg") repeat-x 0px 0px; height : 93px; width : 740px; margin : 0; padding : 0; display : block; position : relative; left:-26px; } table.contentpaneopen td.contentheading a { color : #FFF; font-family : Tahoma, Verdana, sans-serif; text-decoration : none; …
0 votes5 answers -
Как в CSS-селекторе учесть пробелы в аттрибутах class и id?
Есть пример из трех дивов <div id='a1'> a1 </div><br> <div id='a2'> a2 </div><br> <div id='a1 a2'> a1 a2 </div><br> Как должен выглядеть селектор, если требуется обратиться третьему диву, не затрагивая 1-и и 2-й? Такой селектор почем-то не работает .a1 a2
0 votes5 answers -
Проблема позиционирования png картинки
Вывожу блок с png картинкой, с прозрачным фоном: .blok{width:100%; height:100%; background:url(/img/img.png) left bottom no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/img.png, sizingMethod=crop); //background:none;} все гуд - фон прозрачный, но после применения данного фильтра в IE не работает позиционирование left и bottom. Как сделать правильно ?
0 votes5 answers -
Line-height
Здраствуйте,как решить три бага line-height в ie6 ,ie7 , mozilla 1. Если в ie6 использовать line-height в изображениях свойсто просте нереагирует 2. на 1 пиксель меньше и в ie6 и в ie7 3. в мозиле таже история как и в ie7 ,только она решилась, просто заменить px на em Спасибо за помощь
0 votes4 answers -
Навигация в слайд-шоу
Помогите правильно расположить навигацию. Туплю. Никак не могу выбрать. Посмотрите свежим взглядом, выберите лучший вариант или предложите свой. Позязя. V.1 V.2
0 votes7 answers -
Выравнивание input относительно текста
Как сделать выравнивание input относительно текста или текст относительно input вот здесь hxxp://svitelektro.com.ua/shvvp.html кривовато получается
0 votes4 answers -
Расположение div
Помогите, не могу расположить дивы согласно этой схемы, всё время что то куда то уезжает http://s017.radikal.ru/i441/1202/d4/ebb19166ffdb.jpg и почему если в диве имеется таблица она всё время уезжает за пределы дива, как сделать чтобы див динамически изменял ширину по размеру таблицы
0 votes9 answers