HTML Coding

29542 questions in this forum

1. Как сверстать

   Подскажите как сверстать такое: <div class="outer"> <div class="inner">Текст1</div> <div class="inner">Текст2</div> <div class="inner">Текст3</div> </div> блоки inner должны быть по ширине окна браузера в одну строку, соответственно outer = 3 окнам. Текст внутри inner должен быть по центру по вертикали и горизонтали. Что-то не получается никак.

   Asked by kindgray, April 2, 2013

   • CSS
   • div
   0 votes
   5 answers
2. Верстка рассылки.

   Решил сверстать рассылку, до этого никогда их не верстал Столкнулся с проблемой. У td появляются лишние 5px http://prntscr.com/2bsayh Верстка тут http://alexlebedev.pw/works/domini/

   Asked by swandev, December 17, 2013

   0 votes
   13 answers
3. Форумчане помогите с кодом пожалуйста)

   На сайте есть форма заявки с 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> …

   Asked by vetals, June 21, 2014

   0 votes
   9 answers
4. 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…

   Asked by Daniil Khanin, September 27, 2014

   • height:100%
   0 votes
   4 answers
5. правильная организация элементов

   Я всю жизнь писал код так <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; }Стили просто для примера. В принципе горя не знал, все работало. Сегодня посмотрел один миникурс, где сказа…

   Asked by anvyd, August 25, 2015

   • html
   • css
   0 votes
   3 answers
6. div в div'е - помогите с высотой блока

   Добрый день! Нужна помощь знатаков... Поставил на ВП новый виджет - поехал шаблон. У меня div в div'е. Первый div по высоте не растягивается. Из-за этого содержимое внутреннего (вложенного) div'а не мопомещается в главный div. Подскажите, пожалуйста, чего там не хватает ((( Заранее спасибо.

   Asked by dron, December 4, 2015

   0 votes
   5 answers
7. хочу понять позиционирование

   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…

   Asked by rtl_one, February 19, 2016

   • div
   • position
   0 votes
   2 answers
8. Не фиксируется меню, недочеты на IOS

   Доброго времени суток! Есть сайт http://www.evsstroy.ru. На ios слетает почти вся мобильная версия.. Хотя на андроиде и при сворачивании браузера все ОК. Что делать?? Уточнение.. Во всем виноват Safari.. Но как быть?

   Asked by Kiriklk, June 10, 2016

   0 votes
   2 answers
9. Фон на 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; } Как его можно закрепить?

   Asked by clgs, April 21, 2009

   0 votes
   5 answers
10. Склеиваются и всячески безобразничают 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…

    Asked by rrejmkhe, October 6, 2009

    0 votes
    1 answer
11. Меню

    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…

    Asked by alexandr.coder, August 11, 2010

    0 votes
    3 answers
12. margin-bottom в IE6,7

    Что-то не могу понять, где я протупил. Есть блок со скруглёнными углами, внутри этого блока ещё один блок. Задаю внутреннему блоку margin-ы. Все браузеры вроде нормально реагируют, а вот IE6,7 на нижний margin не хотят обратить внимание. Почему? Вот ссылка: http://rubanys.narod.ru/index.html

    Asked by Belovsan, August 15, 2010

    0 votes
    3 answers
13. Проблема с горизонтальными изображениями

    Подскажите, что может быть не так: Вот как выглядит часть странички форума в браузерах 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…

    Asked by ser_hero, February 28, 2011

    0 votes
    11 answers
14. Фиксированный блок

    НАсколько нежелательно/параллельно делать основной блок фиксированным по высоте Если нежелательно, то почему? спасибо

    Asked by andys, June 27, 2011

    0 votes
    3 answers
15. Помогите с css

    Помогите настроить ксс в одном элементе: Вот страничка с ксс: http://rghost.ru/35876198 Наведите сюда: Между двома кнопками есть расстояние: Как его убрать? я уже задолбался его убрать, а ему пофиг

    Asked by T@NKIST, January 12, 2012

    0 votes
    2 answers
16. выравнивание абсолютно позиционированного блока по центру

    Здравствуйте! Есть логотип, размером 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 Либо вообще н…

    Asked by fiver, May 22, 2012

    0 votes
    6 answers
17. Резиновый дизайн с ограничением

    Возможно дать свойство "резинки" ограниченной части сайта?

    Asked by Linblack, June 18, 2012

    0 votes
    10 answers
18. Вопросики по Wp помогите

    Здравствуйте. Есть пару вопросов к вам. 1) Есть картинка размером 1024х200 ее нужно поставить там где шапка будет на место стандартной которая сейчас стоит на сайт http://dragoncredit.com.ua/ Друзья, помогите мне пожалуйста. Скажите пожалуйста какие нужно править файлы и что конкретно нужно прописать. Название шаблона Enstyle

    Asked by BTN, September 4, 2012

    0 votes
    9 answers
19. Виджеты для коментариев вконтакта и фейсбука

    Вот себе на сайт хочу под каждую статью и видео сделать виджет вк(для русской версии сайта) и виджет фейсбука(для англ).Вот пример такого виджета от вконтакта 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.Меня в фейсбуке нету,скажите,есть ли там подобная фишка или нету?

    Asked by pudge, March 17, 2013

    0 votes
    6 answers
20. Проблема с шрифтом в меню

    Вот тестовый http://test.created-phoenix.ru/ Шрифт в меню изменяет ширину в зависимости от маштаба, т.е если уменьшить маштаб, то послений пункт почему то уходит на 2 строку. Понятно что где то косяк, но вот найти самостоятельно не могу.

    Asked by PhoenixX, June 19, 2013

    0 votes
    5 answers
21. Как сделать такую тень на css?

    Всем привет. Вот мучает вопрос, как сделать такую тень на css: http://clip2net.com/s/5rR9d5 Я с тенями пока на "ВЫ". Может лучше сделать картинкой?

    Asked by IvanRu08, July 25, 2013

    0 votes
    4 answers
22. Страница портфолио

    Прошу помощи!Помогите настроить страницу в которой находятся фото,разбитые по коллекциям,проблема в том что бы коллекции находились на одной странице рядом с друг другом,вот сама страница http://nezhnost-luh.ru/index-5.html вот html и css http://jsfiddle.net/Q7CMz/ вот так надо как на скрине,а пока по одной коллекции слева выводиться.

    Asked by denisok, October 30, 2013

    • фото коллекции на одной стран
    0 votes
    12 answers
23. Проблема с -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) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?

    Asked by klon_008, November 7, 2014

    • Проблема с -moz-filter: inver
    • invert
    0 votes
    3 answers
24. Помощь с расположением блоков,и резиновой вёрсткой

    Приветствую всех посетителей этой темы! Сейчас учу CSS и при создании шаблона для будущего сайта возникли некоторые проблемы,а далее: (см.скриншот: http://hkar.ru/xj7y) 1.Хотелось бы сделать блок контента и блок меню резиновыми,а не так чтобы их ширина и высота выравнивались только по тому,что находится внутри самих блоков,при этом эти блоки должны сохранить тот маленький отступ от краёв экрана и от других элементов. 2.Футер уже прижат к низу сайта,но проблема в том,что блок контента и блок меню игнорируют футер и продолжают идти дальше,хотелось бы чтобы эти два блока останавливались перед футером и не продолжали идти дальше,при этом имея маленький отступ как и с…

    Asked by Mark26, December 20, 2014

    • CSS
    • div
    0 votes
    7 answers
25. Масштабирование сайта проблема 2

    Как сделать так чтобы сайт выглядел при массштабировании как тут То есть при сильном уменьшении сайт располагался слева, а вправо можна было перемещаться скролом. А то сейчас обрезается левая сторона...

    Asked by psics, May 17, 2015

    0 votes
    2 answers