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
-
Странное поведение DIV при убирании BORDER
Добрый день уважаемые, столкнулся с непонятно й для меня дилемой. Ниже привожу html и css. На всякий вот прямая ссылка http://shinoda.ru/what_the_fuck/default1.htm Проблема в следующем, в диве с айди header1 когда стоит однопиксельная рамка вокруг блока, ну то есть border: 1px solid "color" - вобчем блок отображается на своем законном месте без каких либо отсутпов, НО если я уберу из #header1 рамку, то чото происходит непонятное, словно у него (header1) появляется верхний марджин. Кто нить сталкивался с подобным??? Скрины в приложении :-) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h…
0 votes3 answers -
Проблема с CSS меню
Установил меню над шапкой. И появился вот такой зазор между CSS меню и Шапкой сайта.(Cм. рисунок выше) Что делать?
0 votes6 answers -
Верстка DIV'ми
Добрый день. Верстал уже штук 20 сайтов в жизни. Но такого не когда не видел. _!http://it-project.dp.ua/metal/index1.html именно в IE6 кусок слова переносится на другую строку. Что за ботва?
0 votes5 answers -
Как убрать отступ
Привет всем!) Я решил сверстать ооочень простую страничку для Motd окна cs 1.6 сервера с использованием css и html. Начинаю работать пока что только с html'ом. Для начала на середину сверху я решил добавить изображение с названием сервера (сделанное в фотошопе) и вот собственно в теге <body> решил разместить оный код: <h1 align="center"><img src="images/df.png" alt="DealyFrags"></h1> Изображение выравнялось по середине, но у него имеется отступ от верха. Я не мастер в css и html и даже не пробовал углубленно изучать. Делаю я все сразу же и по учебнику. Или же это изображение выравнивать надо уже в css?
0 votes4 answers -
Контактное меню
Есть з кнопки для контактов <a href="www.google.ru"><div class="menu"></div></a> <a href="www.google.ru"><div class="menu2"></div></a> <a href="www.google.ru"><div class="menu3"></div></a> К каждой соответствует свой номер телефона.Нужно чтобы при клике появлялся номер с фоном.Вот так: http://itmages.ru/image/view/233951/635e76af Как это сделать? <!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=utf-8" /…
0 votes2 answers -
как сделать всплывающий div
Имеется 6 блочных элементов div. Первые три - для элементов первого уровня, вторые три - для элементов меню второго уровня, которые выпадают при клике на одном из элементов первого уровня. Каждый из элементов второго уровня должны быть вложены в блочные элементы первого уровня.
0 votes6 answers -
Резиновый шрифт
Верстаю резиновый трехколоночный макет. Шрифт в шапке растянут на всю ширину справа от логотипа (логотип - плавающий элемент). Хочу, чтобы при уменьшении окна браузера с 1600 px до 1280px текст заголовока уменьшался от 17pt до 13pt, оставаясь все это время растянутым во всю доступную ширину экрана. Какие приемы для этого существуют?
0 votes3 answers -
Можно ли выучить стандарты w3c не зная английского
Здравствуйте меня интересует вопрос можно ли выучить стандарты w3c не зная английского(пользуясь переводчиком в google chrome)??? Если да то за какое время это реально сделать??(примерно)
0 votes6 answers -
Помогите разобраться с синтаксисом)
Разбираюсь в создании меню. Разъясните пожалуйста, или дайте ссылку, где можно почитать про такой момент: Есть HTMl код: <div id="menunav"> <ul> <li><a href="#">раздел №1</a></li> <li><a href="#">раздел №2</a></li> <li><a href="#">раздел №3</a></li> <li><a href="#">раздел №4</a></li> </ul> </div> А вот CSS: div#menunav { width: 100%; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; font-size: 11px; background-color: #b3b3b3; padding: 0 0 0 30px; } div#menunav ul { margi…
0 votes3 answers -
Скрыть элемент
Тоже возникла подобная проблема. Но если с обычными дивом всё получилось достаточно просто, то может кто подскажет, как скрыть элемент подгружаемый следующим образом: <script type="text/javascript" charset="utf-8">document.write(unescape("%3Cdiv id='cloudim_widget'%3E%3Cscript src='/js/chat.js' type='text/javascript'%3E%3C/script%3E%3C/div%3E"));</script> <script type="text/javascript" charset="utf-8">Cloudim.Chat.init({uid:5255});</script> Данный скрипт рисует онлайн-консультанта на странице. И хочу его скрывать\отображать по клику на моей картинке. Подробности можно посмотреть на странице где он висит. Спасибо. Не влазьте в чужие, а тем более,…
0 votes0 answers -
h2 cдвигает весь блок
Здравствуйте! У меня проблема: <div class="shashka"><h2>Заказ такси</h2></div> .shashka { background: url(../images/shashka.png) no-repeat; height: 66px; margin: 0 auto; width: 191px; } .shashka h2 { color: #fff; font-size: 24px; margin-top: 15px; <—— Это свойство сдвигает не заголовок относительно .shashka, а весь блок .shashka на 15px вниз text-align: center; } Почему это происходит??? Может кто нибудь сталкивался с этим? Если добавляешь к .shashka { border: 1px solid white; } то все работает нормально, h2 смещается вниз на 15px, а не весь блок <div class="shashka">
0 votes2 answers -
Выравнивание блоков по горизонтали без указания высоты/
Здравствуйте! Подскажите, как выровнять блоки по горизонтали без указания высоты? Блоки идут друг за другом с помощью float:left (изменить не могу (например, на display:inline-block), так как выводится с помощью скрипта) Без указания высоты - потому что один блок может иметь бОльшую высоту, а другой - меньшую. Для понимания проблемы - набросала схему: http://savepic.ru/8815808.jpg
0 votes6 answers -
Сьезжает верстка в firefox
Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto;…
0 votes1 answer -
Как убрать границы background
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Майор Гром</title> </head> <body> <div class="layer"></div> <div> <h1>Бла бла бла</h1> </div> </body> </html> https://imgur.com/a/9w6BqYb Как убрать границы сверху и снизу картинок, только как не пытался, ничего не получается Скрытый текст
0 votes1 answer -
Подскажите пожалуйста, что подразумевает seo вёрстка
Здравствуйте. Подскажите пожалуйста, какими критериями должна обладать se-оптимизированная верстка. На фрилансе иногда в профиле у верстальщиков стоят такие пометки, мол они так верстают. Но как определить, что они сверстали так, как пишут? Например я так понимаю один из критериев - это положение элементов. Санала шапка, затем контент, затем меню, затем футер.
0 votes5 answers -
Отличие css2 от css2.1 (шрифты)
Заметил, что свойства шрифтов в спецификации CSS2 задаются несколько иначе чем в CSS2.1. Какую спецификацию верстальщику необходимо взять за основу? В спецификации CSS2 есть такие свойства шрифтов, как font-size-adjust и font-stretch. В CSS2.1 их уже нет. Куда они делись? Поддерживают ли их современные браузеры?
0 votes1 answer -
Сложный бэкграунд
Возникла проблема при верстке бэкграунда. Бэкграунд, как видно неоднородный, а рисунком. Всю картинку пихать, думаю, нет смысла, так как размер ее почти 300 кБ. Как лучше и грамотно ее порезать и разместить ума не приложу. Есть, конечно, кое-какие мысли, но что-то не очень уверен, что это будет правильно.
0 votes5 answers -
Как показать сайт?
Подскажите пожалуйста, где можно выложить файлы (сайт) кроме хостинга, чтобы можно было посмотреть на другом компьютере? Человек попросил сделать сайт, но с хостингом не определился пока, а я уже написала и хочу ему показать. Спасибо
0 votes5 answers -
Не кликабельность
В общем проблема такая, не работает виджет от вк "мне нравиться", знаю что намудрил что-то с div`ом, подскажите как решить проблемку. html <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Заголовок</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" media="all" type="text/css" href="style.css" /> </head> <body> <div id="header"> </div> <ul id="menu" class="grey"> <li><a href="#">О нас</a>…
0 votes9 answers -
Горизонтальное центрирование
Добрый день. Подскажите, пожалуйста, как мне отцентрировать ссылки в блоке: http://jsfiddle.net/WNQs6/2/
0 votes8 answers -
Добавить в БД данные
Доброго времени суток товарищи нуждаюсь в вашей помощи в добавление данныйх в БД. Я хомяк начинающий и по этому не знаю как добавить .doc 1. page_one.php_____________________________________________________________ <html> <head> <title>Add</title> </head> <body> <form enctype="multipart/form-data" action="page_two.php" method="post"> <p>Выбирите файл:<br /><input type="file" name="name" /></p> <p>Введите название:<input name="age" type="text" /></p> <input type="submit" value="Загрузить"> </form> </body> </html> Вот что я на мудил 2. page_two.php___________________…
0 votes1 answer -
Пример кода в html
Здравствуйте! Что бы Вы посоветовали, что бы выделить код в HTML, но не выполнять его ? Идея такая: Есть HTML документ, а я в нём хочу вставить кусок HTML кода в качестве примера, но что бы он не выполняся а показывался как пример, что-то типо: Тут Пример кодавот такой вот прикол вместе с CSS.
0 votes7 answers -
Чем тестировать верстку под разные разрешения/девайсы без их наличия?
Столкнулся с проблемой тестирования вёрстки под разные мобильные устройства. То что есть например в инструментах разработчика Google Chrome работает не совсем так как надо. Возьмём например код: <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> </body> </html> и CSS стиль для него: @media screen and (max-width: 1100px) { body{ background:rgba(43,167,,1.00);} } @media screen and (max-width: 640px){ body { background:rgba(213,,3,1.00);} } Цвет фона при ширине меньшей 640px меняется только при ручном измен…
0 votes4 answers -
hover
Народ- подскажите как сделать в hover обратные закругления рамки
0 votes6 answers -
почему рамка сплюснулась
.border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.
0 votes1 answer