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 class="outer"> <div class="inner">Текст1</div> <div class="inner">Текст2</div> <div class="inner">Текст3</div> </div> блоки inner должны быть по ширине окна браузера в одну строку, соответственно outer = 3 окнам. Текст внутри inner должен быть по центру по вертикали и горизонтали. Что-то не получается никак.
0 votes5 answers -
Верстка рассылки.
Решил сверстать рассылку, до этого никогда их не верстал Столкнулся с проблемой. У td появляются лишние 5px http://prntscr.com/2bsayh Верстка тут http://alexlebedev.pw/works/domini/
0 votes13 answers -
Форумчане помогите с кодом пожалуйста)
На сайте есть форма заявки с 1 полем (введите ваш email) и кнопкой "отправить" Вот мой код в файле index: <div id="form_container"> <p style="font-size:24px; color:#FFF; position:relative; top:50px; margin:0 0 0 335px; text-align:center; width:300px;"> <br/> Пожалуйста, введите <br/> Ваш e-mail и мы<br/>сразу начнем работу</p> <div id="forma_1"> <form method="post" action="action.php"> <input id="form_text" type="text" name="send_phone" placeholder="Ваш Email" class=”required” required="required"/> <input type="submit" name="ok1" value="" class="ok"/></form></p> …
0 votes9 answers -
html, body {height:100%;}
Доброго времени суток, проблема у меня вот в чём: есть сайт http://www.lol.domstroi69.ru/proekti.html, ему задано html,body{height:100%//задал для того чтобы на мониторах разной высоты всегда была голубая полоска на всю высоту экрана}#wrap{height:100%;position:relative;}left-barBox{width:50px;backgeound-color:blue;height:100%;position:absolute;left:20px;}#footer{position:absolute;bottom:0;right:0;// футер который должен всегда находится внизу}Проблема в том, что когда я уменьшаю окно бразуреа по высоте или начинаю добавлять изображения в див с id='contentBox' у меня получается вот такая вот Ху... Всё конечно исправляется если я не указываю высоту html,bod…
0 votes4 answers -
правильная организация элементов
Я всю жизнь писал код так <nav id="navigation"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul></nav>а потом посредством css добавлял стили элементам #navigation{ width: 100%;} #navigation ul{ display: block; ... } #navigation ul li{ display:inline-block: ... } #navigation ul li a{ display: block; ... } #navigation ul li a:hover{ text-decoration: none; }Стили просто для примера. В принципе горя не знал, все работало. Сегодня посмотрел один миникурс, где сказа…
0 votes3 answers -
div в div'е - помогите с высотой блока
Добрый день! Нужна помощь знатаков... Поставил на ВП новый виджет - поехал шаблон. У меня div в div'е. Первый div по высоте не растягивается. Из-за этого содержимое внутреннего (вложенного) div'а не мопомещается в главный div. Подскажите, пожалуйста, чего там не хватает ((( Заранее спасибо.
0 votes5 answers -
хочу понять позиционирование
live: https://jsfiddle.net/5fL1xn9q/ Дублирую: div.wrapper { position: absolute; top: 0px; height: 500px; width: 600px; border: 4px outset grey; } div.title { position: absolute; top: 0px; height: 28px; width: 590px; border-bottom: groove 2px #aaa; padding: 5px 5px 5px 5px; line-height: 125%; background-color: green; } div.content1 { position: absolute; top: 40px; height: 455px; width: 590px; pa…
0 votes2 answers -
Не фиксируется меню, недочеты на IOS
Доброго времени суток! Есть сайт http://www.evsstroy.ru. На ios слетает почти вся мобильная версия.. Хотя на андроиде и при сворачивании браузера все ОК. Что делать?? Уточнение.. Во всем виноват Safari.. Но как быть?
0 votes2 answers -
Фон на input пополз в IE6-7
Идея такая чтоб фон на блок или ячейку в коротой находится input не вешать Фон на input пополз в IE6-7 <input type="text" name="name" maxlength="40" value="" class="input" /> input.input{ border:0px; height:18px; width:157px; padding-left:3px; padding-right:13px; background:url('/pic/input.gif') no-repeat left center; } Как его можно закрепить?
0 votes5 answers -
Склеиваются и всячески безобразничают DIVы
Идея: div сверху, div снизу, div между ними. В том, который посередине - контент. В роли контента - img и пара слов текста. Таких "блоков" - 6 колонок по 6 рядов, допустим. body по ширине 780px, каждая колонка, следовательно - 130px. Соответственно должно отобразиться: ВЕРХ БЛОКИ КОНТЕНТА (в каждом блоке - картинка и под ней пара слов текста) НИЗ Код: <body style="width:780px;"> <style> #tmbcontent { background: white; } .tmbcontainer { text-align: center; width: 130px; float: left; font-size: 14px; } .tmbimg { display: block; margin-left: auto; margin-right: auto; } </style> <div style="background:red;">Upper DIV</div> <div id="tmbcont…
0 votes1 answer -
Меню
index.html: <!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" /> <title>Информационный сайт</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </head> <body><div id="page"> <div id="header"> <h1>Название сайта</h1> <h2>Краткое описание сайта</h2> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li&g…
0 votes3 answers -
margin-bottom в IE6,7
Что-то не могу понять, где я протупил. Есть блок со скруглёнными углами, внутри этого блока ещё один блок. Задаю внутреннему блоку margin-ы. Все браузеры вроде нормально реагируют, а вот IE6,7 на нижний margin не хотят обратить внимание. Почему? Вот ссылка: http://rubanys.narod.ru/index.html
0 votes3 answers -
Проблема с горизонтальными изображениями
Подскажите, что может быть не так: Вот как выглядит часть странички форума в браузерах Chrome, Maxthon 2 и Maxthon 3: А вот как колбасит Opera, Firefox и Internet Explorer 8: Код наипростейший, за "горизонтальность" картинок отвечает класс addthis_default_style: <td width=84px align=right nowrap> <div class='addthis_toolbox addthis_default_style'> <a class='addthis_button_vk' title='Отправить ссылку в ВКонтакте'></a> <a class='addthis_button_twitter' title='Затвиттить'></a> <a class='addthis_button_livejournal' title='Отправить ссылку в ЖЖ'></a> <a class='addthis_but…
0 votes11 answers -
Фиксированный блок
НАсколько нежелательно/параллельно делать основной блок фиксированным по высоте Если нежелательно, то почему? спасибо
0 votes3 answers -
Помогите с css
Помогите настроить ксс в одном элементе: Вот страничка с ксс: http://rghost.ru/35876198 Наведите сюда: Между двома кнопками есть расстояние: Как его убрать? я уже задолбался его убрать, а ему пофиг
0 votes2 answers -
выравнивание абсолютно позиционированного блока по центру
Здравствуйте! Есть логотип, размером 300 на 100, неровной формы gif без фона, который должен размещаться по верх верстки шапки ровно по центру страницы. Я его разместил следующим образом: <div class='logo'><a href='#'><img src='/img/logo.gif'></a> div.logo {position: absolute; top: 12px; width: 100%; text-align: center;} И все бы ничего, но под 100% ширины слоем оказались ссылки, которые находятся на одной горизонтальной линии с логотипом, слева от него. В IE ссылки работают, а вот в хроме и мазиле нет, т.к. оказались под слоем. Как сделать слой шириной не 100% а 300px и разместить его по центру. В идеале параметр left: 50% - 150px Либо вообще н…
0 votes6 answers -
Резиновый дизайн с ограничением
Возможно дать свойство "резинки" ограниченной части сайта?
0 votes10 answers -
Вопросики по Wp помогите
Здравствуйте. Есть пару вопросов к вам. 1) Есть картинка размером 1024х200 ее нужно поставить там где шапка будет на место стандартной которая сейчас стоит на сайт http://dragoncredit.com.ua/ Друзья, помогите мне пожалуйста. Скажите пожалуйста какие нужно править файлы и что конкретно нужно прописать. Название шаблона Enstyle
0 votes9 answers -
Виджеты для коментариев вконтакта и фейсбука
Вот себе на сайт хочу под каждую статью и видео сделать виджет вк(для русской версии сайта) и виджет фейсбука(для англ).Вот пример такого виджета от вконтакта http://dota2.ru/video/4185-novye-veshhi-14-marta-new-items-14-march/ а вот собственно оффициальное описание и создание такого виджета http://vk.com/developers.php?o=-1&p=Comments . Так вот хотел спросить о некоторых моментах: 1.Добавить такой виджет на сайт стоит денег? 2.Зачем там есть возможность выбрать "Количество комментариев" если всеравно писать их можно сотнями??? пример: http://dota2.ru/video/4202-naviars-art-the-tribute-movie/ 3.Меня в фейсбуке нету,скажите,есть ли там подобная фишка или нету?
0 votes6 answers -
Проблема с шрифтом в меню
Вот тестовый http://test.created-phoenix.ru/ Шрифт в меню изменяет ширину в зависимости от маштаба, т.е если уменьшить маштаб, то послений пункт почему то уходит на 2 строку. Понятно что где то косяк, но вот найти самостоятельно не могу.
0 votes5 answers -
Как сделать такую тень на css?
Всем привет. Вот мучает вопрос, как сделать такую тень на css: http://clip2net.com/s/5rR9d5 Я с тенями пока на "ВЫ". Может лучше сделать картинкой?
0 votes4 answers -
Страница портфолио
Прошу помощи!Помогите настроить страницу в которой находятся фото,разбитые по коллекциям,проблема в том что бы коллекции находились на одной странице рядом с друг другом,вот сама страница http://nezhnost-luh.ru/index-5.html вот html и css http://jsfiddle.net/Q7CMz/ вот так надо как на скрине,а пока по одной коллекции слева выводиться.
0 votes12 answers -
Проблема с -moz-filter: invert
не могу разобраться с инверсией картинки. Чувствую что трачу излишнее время на это, поэтому молю о помощи гуру css! имеется <img class="transition" src="images/Logo.png" width="196px" height="66px" alt="Teach&Style"> .transition:hover {-webkit-filter: invert(1);-moz-filter: invert(1); -ms-filter: invert(1); -o-filter: invert(1); filter: invert(1);} В FF(32.03), IE (11), Safari(5.1) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?
0 votes3 answers -
Помощь с расположением блоков,и резиновой вёрсткой
Приветствую всех посетителей этой темы! Сейчас учу CSS и при создании шаблона для будущего сайта возникли некоторые проблемы,а далее: (см.скриншот: http://hkar.ru/xj7y) 1.Хотелось бы сделать блок контента и блок меню резиновыми,а не так чтобы их ширина и высота выравнивались только по тому,что находится внутри самих блоков,при этом эти блоки должны сохранить тот маленький отступ от краёв экрана и от других элементов. 2.Футер уже прижат к низу сайта,но проблема в том,что блок контента и блок меню игнорируют футер и продолжают идти дальше,хотелось бы чтобы эти два блока останавливались перед футером и не продолжали идти дальше,при этом имея маленький отступ как и с…
0 votes7 answers -
Масштабирование сайта проблема 2
Как сделать так чтобы сайт выглядел при массштабировании как тут То есть при сильном уменьшении сайт располагался слева, а вправо можна было перемещаться скролом. А то сейчас обрезается левая сторона...
0 votes2 answers