HTML Coding

29542 questions in this forum

1. В 6IE Выскакивает таблица из <div>-а

   Здравствуйте, возникла передо мной проблема, которую никак не могу решить самостоятельно. Имеется шаблон с фиксированной шириной правой и левой колонок и резиновой центральной. Сделано так: три -а, правый и левый float-нутые в соответствующие стороны, центральный position: relative. Вот они: #main { position: relative; clear: both; width:100%; padding-bottom: 52px; overflow: hidden; } #left { float: left; width: 260px; background-image: url(images/left_fon.jpg); background-repeat: repeat-y; margin: 0; padding: 0; } #right { float: right; background: url(images/right_fon.jpg) repeat-x; margin-top: 30px; width: 250px; } #content { position: relative; b…

   Asked by N-Mak, December 28, 2007

   0 votes
   4 answers
2. Выравнивание вертикального списка.

   Есть меню сделанное по средствам CSS горизонтальным с выпадающими списками, нада его отцентрировать в родителе. Как это сделать? вот упрощенный кусок кода: ul#hor {list-style:none; margin:0; padding:0; color:#000066; font-weight:bold;} ul#hor li {display:block; float:left; border-left:#dadada solid 1px; height:46px; padding:0 10px;} ul#hor li a {display:block; margin-top:10px;} <ul id="hor"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> из-за float:left менюха прижимается к левому краю родителя, а нада по центру..

   Asked by mozart, November 30, 2008

   0 votes
   2 answers
3. Выезжает вложенный слой (div)

   Добрый день! Есть три слой 1 родитель, 2 других - дети. Подскажите, пожалуйста, как сделать так, чтобы высота родителя соответствовала высоте вложенного в него слоя, т.е. при увеличении высоты слоя text, также увеличивалась и высота слоя content? <div id="content" style="border:#090 solid 1px;"> <div id="menu-news" style="border:#F00 solid 1px;">меню</div> <div id="text" style="border:#F00 solid 1px;">Содержание</div> </div>

   Asked by Prokopov Nikolai, February 13, 2010

   0 votes
   4 answers
4. Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

   Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

   Asked by UREL, January 9, 2011

   0 votes
   4 answers
5. Подвал к низу и резиновые сайдбары

   Сайдбары находятся внутри враппера, нужно сделать так, чтобы подвал всегда был прижат к низу страницы, а сайдбары растягивались до него по высоте (в них контента не будет). Сейчас подвал прижат, для этого я выставил минимальную высоту враппера 100%. Высотка сайдбаров сейчас по 600 пикселей (для наглядности) , растягивающиеся без контента не получается сделать. Дак вот, когда подвал прижат, на бОльших разрешения чем 1280X800 появляется пространство враппера между подвалом и сайдбарами, если убрать у враппера минимальную высоту, то этого нет, но подвал тогда не прижат И да, полос прокрутки не должно быть. Помогите кто чем может

   Asked by WF19, February 4, 2012

   0 votes
   10 answers
6. Программка - чтобы включать браузеры различных версий

   Всем привет Начал заниматься версткой. Почитал о кроссбраузерности. И появилась проблема. Как я буду смотреть во всех версиях браузеров, если у меня стоит только одна версия браузера. Слышал о проге, которая позволяет виртуально создавать образы машин с отдельными операционными системами. И уже там ставить нужную версию браузера. Если что-то знаете можно ссылку на эту программку. Если есть решения попроще - будет круто) Заранее спасибо) P.S. Вступаю в ваш клуб

   Asked by sparta, February 23, 2012

   0 votes
   13 answers
7. Прокрутка в блоке div

   Возник такой вопрос, например, в каком-то месте сайта, у меня имеется div-ka <div id="con_event">тут очень много данных, текста, таблички, картинки, без разницы что, скажем так на пикселей 1500 высотой</div> стиль div-ки: #con_event { border: 0 solid white; height: 440px; overflow: scroll; } Всё отлично, моя div-ка имеет высоту 440пикселей, появилась полоса прокрутки, всё как задумывалось. Теперь вопрос: данные в div-ке прокручиваются, как только я подвожу мышку на дивку, и начинаю прокручивать колёсико мышки, есть ли возможность сделать так, чтоб, для "активации" прокрутки необходимо было кликнуть по div-ке, ну или ещё какой-то вариант? Суть вот в…

   Asked by pmsi, April 1, 2012

   0 votes
   8 answers
8. PHP if/elseif/else vs switch

   Николя223, Не совсем правильно поняли. Извиняюсь, я всегда паршиво формулирую вопрос, виноват. <?php $age = 44; if ($age > 18) {echo "Registered!";} elseif ($age == 44) {echo "Да вы что??";} elseif ($age == 18) {echo "Sure?";} else {echo "Go away!";} ?>Как видите, если возраст больше 18, выводиться будет Регистеред. В данном случае возраст больше 18, но я хочу, чтобы для 44-летних выводилось иное сообщение. Но все равно выводит Registered!. Как добиться того, чтобы выводилось значение первого elseif? Добился нужного результата поменяв значения переменных местами следующим образом: <?php $age = 12; …

   Asked by Make Uper, September 13, 2014

   • php
   • switch
   • elseif
   0 votes
   2 answers
9. Вопрос следующий...

   Я на днях занялся изучением HTML5 и CSS, у меня появился вопрос: - могу ли я сделать следующие: у меня будет сайт, где будут карты районов, предположим г.Феодосии и предположим 10 ссылок на гостиницы. могу ли я отобразить на карте то место, где должна располагаться гостиница, но указывая на ссылку гостиницы (появляться предположим должна заметная звезда или крест в виде "х"), когда курсор мыши или клавиши управления (стрелки влево, вверх, в низ или вправо) станет передвигаться по ссылкам, то они должны переключаться по ним соответственно?

   Asked by Максимка, July 19, 2015

   0 votes
   5 answers
10. Реально на форму наложить изображение

    Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.

    Asked by serg_life, October 14, 2015

    0 votes
    8 answers
11. Почти адаптивная таблица

    Здравствуйте. Посоветуйте, как сверстать такое расписание http://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?

    Asked by kattiperk, November 23, 2015

    • таблица
    • адаптивность
    0 votes
    5 answers
12. Помогите прикрутить готовое боковое меню к странице

    Доброго времени суток. Ни как не получается прикрутить готовое боковое меню к сайту, первая проблема это не отоброжает текст когда закидываешь на локальный хост... стоит apache, php... локальные хосты работают отлично. когда запускаешь index.html из папки все работает на удивление... Мои подозрения пали на js, в этом я полный ноль, да и в html не очень силен... поэтому прошу помощи у панимающих людей которым не жалко своего времени на такого пацана как я... P.S. когда то вы же и сами были такими, а во круг и подсказать не кому, а разобраться очень хочется... спасибо за понимание... вот index.html <!DOCTYPE html> <head> <meta charset="UTF-8" /&…

    Asked by Sergey Frolov, December 15, 2015

    • меню
    • html
    • css
    • menu
    • помощь
    • сайт
    • решение
    • найти
    0 votes
    0 answers
13. два изображения(url) в background

    подскажите, можно ли в тэга в качестве background,вставить два изображения ( слоями, так, чтобы одно могло накладывалось на другое ). вот сюда надо ещ? background:url(pic2.gif) no-repeat top left; Или без таблицы не обойтись? Спасибо!

    Asked by mixaaa, August 25, 2007

    0 votes
    1 answer
14. Как разместить div

    Макет: Вопрос: как разместить див с машиной (div#car), чтобы он расположился как нужно? html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:url(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; margin: 0; padding: 0; } div#wrapper {margin: 0px; } div#logo{ margin-top: 3%; margin-left: 5%; width: 167px; height: 117px; background-image:url(images/logo.gif); } div#order{ position: absolute; left: 70%; top: 0; width: 179px; height: 102px; background-image:url(images/24_bg.gif); } div#menu { width: 120px; font: bold 16px Verdana, sans-serif; padding: 0px; m…

    Asked by Kev, September 5, 2007

    0 votes
    1 answer
15. ПОМОГИТЕ ! ! ! Я не могу грамотно назвать свой вопрос и не умею обнулять маргин с паддингом у боди.

    Как сделсть так чтобы между шапкой и меню не было пустого места ! ! (donskoysf.narod.ru) <html> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css"> </head> <body> <center> <table border="0" width="60%" align="center" bgcolor="#c2c2c2"> <tr> <td><img src="images/01.jpg" ></td> </tr> <tr> <td> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href=""><span>Главная</span></a></li> <li><a href=""><span>Стандарты пород</span></a></li&gt…

    Asked by kirillps, February 4, 2010

    0 votes
    19 answers
16. @media screen and (max-width: ***px)

    Наверно глупый вопрос, но я не совсем понимаю при прогрессивной верстке /*==общий код для самых маленьких дисплеев==*/ @media screen and (max-width: 480px){ телефоны } @media screen and (max-width: 768px){ планшеты } @media screen and (max-width: 992px){ мониторы } у нас сверху вниз наследование происходит? то есть 768 будет в себя включать 480 или же там надо будет все это про дублировать еще раз. Интересуюсь с целью сокращения кода. если наследуется то супер.

    Asked by stDragon, January 15, 2013

    • @media screen
    • Progressive enhancement
    0 votes
    7 answers
17. CSS3 и HTML5 стоит ли заморачиватся новичку?

    Здравствуйте. Две недели изучаю изучаю верстку, а именно html 4.1 и css 2.1. Но в процесе выяснил, что эти версии вроде как устарели, или не устарели? вообще не пойму. Вроде пишут что html 5 примут только 2022, но в тоже время он присутствует во всех новых шпаргалках и так далее. Тоже самое css3. Посоветуйте учить их или нет на этом этапе?

    Asked by Alazaren, February 7, 2013

    0 votes
    3 answers
18. Проблема со сползающим блоком (Bootstrap)

    Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)

    Asked by smargelov, April 12, 2014

    • bootstrap
    • float
    0 votes
    0 answers
19. sqlite manager для FF

    подскажите пожалуйста как запустить sqlite manager. это плагин для firefox. я его установил, а как начать использовать не знаю. в документации тоже не нашёл указаний мне нужно просто его запустить

    Asked by cyklop77, September 6, 2014

    0 votes
    1 answer
20. Различный способы подключения стилей

    Здравствуйте! Существует несколько способов подключения стилей. В особенности, это касается случая с медиа запросами. Например, гугл рекомендует делать несколько файлов - отдельный файл стилей для каждого медиа запроса: <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"><link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"><link rel="stylesheet" media="(orientation: portrait)" href="portrait.css"><link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">Естественно, можно все сделать в одном файле стилей. Уважаемые профи, какой способ используете Вы и почему?

    Asked by volshebnyi, September 22, 2015

    0 votes
    9 answers
21. Как сделать такой нижний border или что это ?

    Всем привет! Есть такая кнопка: Не понимаю, как сделать внизу такую темную линию, или через какое свойство достигается "такое" - не знаю как назвать даже. Подскажите пожалуйста, как это сделать ?

    Asked by Agony741, March 17, 2018

    • кнопка
    • верстка
    0 votes
    6 answers
22. Выравнивание пунктов списка с добавленным элементом

    День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Размер картинки 64x64. Поиски в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px;…

    Asked by AndrewLite, October 1, 2020

    0 votes
    4 answers
23. Почему не применяются стили?

    Здравствуйте, я не понимаю почему в ксс фон не вставляется, перепробовал менять путь, даже пробовал изображение закидывать в одну папку с ксс

    Asked by Perfeooo, July 7, 2021

    0 votes
    4 answers
24. CSS photo-album

    Как заставить данную галерею работать в хроме и опере? CSS photo-album Не срабатывает /* make the images visible on active/focus */ .gallery li a:active img, .gallery li a:focus img { visibility: visible; }

    Asked by sakhnenko, April 24, 2009

    0 votes
    4 answers
25. Как значение VALUE расположить в несколько строк в SUBMIT

    <input class="MainMenuLinks" type="submit" name="action_rebuildallarc" value="Обладая правами глобального администратора, Вы можете действовать от имени любого пользователя. Это может оказаться полезным при оказании помощи для тестировании полномочий пользователя " /> А то выходит за пределы экрана

    Asked by Alek7y7, May 16, 2009

    0 votes
    5 answers