HTML Coding

29,542 questions in this forum

1. Сдуелать два слоя одинаковыми по высоте

   В общем возник вот такой вопрос: какие есть варианты сделать два рядом стоящих слоя одинаковыми по высоте, например, есть такая раскладка: <style> div {float:left} .no1 {width:30%} .no2 {width:70%} </style> <div> <div class='no1'>content1</div> <div class='no2'>content2</div> </div> задача: сделать no1 и no2 одинаковыми по высоте, независимо, сколько в них содержиться информации. ps. для себя я эту задачу уже решил просто интересно, какие у кого еще есть предложения по этому поводу

   Asked by sergiyko911, January 4, 2008

   0 votes
   8 answers
2. Не понимаю на что ругается валидатор

   Добрый день! Пытаюсь довести шаблон до состояние valid =) Проверяю через validator.w3 и вот что он мне выдаёт Bad value Cache-Control for attribute http-equiv on element meta. <meta http-equiv="Cache-Control" content="no-cache" />

   Asked by McLotos, May 7, 2014

   0 votes
   5 answers
3. как отменить перенос елемента "form" на другую строку в grid960 верстке

   Код такой если делать так <div id="nav" class="grid_13"> <ul> <li><a href="#" title="">Домашняя</a></li> <li><a href="#" title="">Продукты и Услуги</a></li> <li><a href="#" title="">Образцы</a></li> <li><a href="#" title="">Контакты</a></li> <li><a href="#" title="" style="border: none;">Обратная связь</a></li> </ul> <div class="grid_3"> <form id="search" action="search"> <input type="search" name="sField" value="Искать" size="35"/> </form></div> тоесть поисковая строка и меню в одной линии. При этом н…

   Asked by lleming, April 18, 2012

   0 votes
   2 answers
4. проблема в ie, неправильный пересч?т картинок

   Здраствуйте, имеется следующая проблема. Есть отдельная страница на которой выводится картинка и под ней панель навигации. Чтобы сохранить высоту страницы постоянной, я в css поставил обрезку картинок по высоте. Так вот в ie картинка искажается, поскольку он неправильно считает ширину файла (в css задано как auto) в ff и opera размеря считаются правильно. Ниже прив?л код страницы и css стили для них. <div class="one"> <div class="two"> <a href="img1.shtml" target="_blank"> <img src=" /pic/gallery/avdeev/avdeev1.jpg" alt="avdeev1.jpg, 1438 kB" title="avdeev1" class="image"></a> <div class="image_menu"> <a href="pre2.shtml"&gt…

   Asked by DMGaster, September 21, 2007

   0 votes
   12 answers
5. Div блоки

   Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?

   Asked by RiG, March 11, 2011

   0 votes
   4 answers
6. Валидация

   Не могу проверить верстку валидатором. Выдает: Что в переводе Google означает: Подскажите, пожалуйста, что это за ошибка и где ее искать?

   Asked by Mila, August 25, 2009

   0 votes
   11 answers
7. html5 canvas интерактивная карта мира

   Здравствуйте! Стоит задача поверх jpeg картинки сделать интерактивную карту мира: 1) полупрозрачная подсветка разными цветами территорий произвольных стран стран 2) реакция на клик по области Если использовать канвас и обводить страну LineTo(), это же с ума сойти можно. Есть в природе другие варианты решить такую задачу ?

   Asked by lessless, September 23, 2011

   0 votes
   2 answers
8. две неподвижные фоновые картинки. как?

   Здрасти) Вобщем такая ситуация, заказчик попросил сделать тянущийся по ширене сайт чтоб по бокам были фоновые картинки неподвижные. Картинки имеют определенную ширину, рабочаю область 80% но не менее 800рх. как я понимаю картинки должны быть именно в фоне или дивы привязать. они также должны скрываться если рабочая область не помещается и в то-же время от них не должен появляться скрол. при маленьких размераш рабочая облость не должна скрываться (обычно левый край) за облости видимости браузера. Если кто-то понял этот бред, можете поделится идеями или код

   Asked by clgs, June 23, 2009

   0 votes
   23 answers
9. Не масштабируемый фон

   Допустим есть такой код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;padding:0;} html, body{height:100%;} .back{ width:100%; height:100%; background:url('1 (2).jpg') no-repeat; } </style> </head> <body> <div class="back"> </div> </body> </html> и выглядит все это вот так: если уменьшить страницу, то будет так: с увеличением тоже самое. как сделать так, что бы при изменении страницы фон оставался как на первой картинке?

   Asked by bob_24, October 1, 2011

   0 votes
   14 answers
10. Ссыка заглушка. Script

    Добрый день! Есть фраза, которая меняет цвет при наведении курсором и раскрывает скрытый текст при нажатии. Скрипт раскрывает скрывает текст. Hover меняет цвет. Но Internet Explorer Hover для текста не воспринимает. Текст сделала ссылкой с заглушкой #. Все как надо, но если фраза и скрытый текст расположены в конце страницы, при раскрытии возвращает в начало страницы. Как это избежать?

    Asked by anna.pagocmb, March 29, 2010

    0 votes
    7 answers
11. Параметр mailto.Два адреса электронной почты в одном письме.

    Можно ли с помощью тега задать два адреса электронной почты,один в окошко "кому", а другой в "копию"?

    Asked by Boyaka, June 27, 2007

    0 votes
    2 answers
12. Сделать элемент недоступным

    Имеется довольно сложное меню: <div id="menu"> ...... (внутри много чего) ...... </div> Необходимо сделать это меню недоступным. То есть, чтобы онКлики не срабатывали, по ссылкам пройти нельзя было. Может кому-нибудь приходилось такое делать. Как лучше такое сделать?

    Asked by Колос, December 18, 2008

    0 votes
    2 answers
13. Дизайнер или я криворукий?

    В общем у меня макет псд сайта. Нужно верстать и чтобы сайт был резиновым. Я копирую шапку, в псд макете она 900 пикселей в ширину. Потом вставляю в style.css ( #header { background-image: url (img/header.png); }) и шапка всё равно фиксированна, хотя в конструкторе хтмл шаблона указывал, чтобы сайт был резиновым. Если увеличивать ширину картинки в гимпе и потом вставлять, то всё равно же она фиксированна будет в браузере. Вопрос: какая ширина должна быть у сайта, когда он в псд, если сайт должен быть резиновым? Каким его должен делать дизайнер? Просто дизайнер мой друг и мы оба позорные дилетанты в сайтостроении, мы пока только 1 сделали и он был фиксированным, и вперв…

    Asked by prowoke, September 28, 2010

    0 votes
    31 answers
14. hr и css

    xhtml 1.0 strict как можно убрать рамку (границу, обрамление, окантовку) тега <hr> средствами css в ie7 с заданным фоном и высотой? hr{margin:0; padding:0; border:0;} не помогает.

    Asked by MehOlOLBuC, March 5, 2011

    0 votes
    10 answers
15. проблема с фоном

    постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.

    Asked by vr201, October 10, 2007

    0 votes
    18 answers
16. Картинка при наведении курсора на текст

    Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…

    Asked by bios, April 6, 2012

    0 votes
    18 answers
17. Зделать как на вконтактке!

    Здраствуйте увожаемые Господа прогромисты!!!!! Подскажите как зделать на сайте розпад тегов как на вконтакте!!!!!!!!!!!!! Таблицу пробовал уже не получаеться!!!!!! Помогите прошу Вас!!!!!!

    Asked by Elf81, February 25, 2011

    0 votes
    28 answers
18. как убрать горизонтальный скролл в Опере?

    Здравствуйте! Возможно кто-то уже встречался с такой прблемой! Расскажите, что можно в этом случае сделать? Диву назначен стили overflow:auto; overflow-x:hidden; overflow-y:scroll; Ширина и высота фиксиованные. В ИЕ и ФФ применяются свойства overflow-x:hidden; overflow-y:scroll; и все выглядит как надо В Опере эти свойства не срабаотывают, но срабатывает overflow:scroll; Необходимо, чтобы было как в ИЕ и ФФ Можно ли убрать горизонтальный scrollbar?

    Asked by zest, January 21, 2008

    0 votes
    7 answers
19. как сделать ссылкой фрагмент блока?

    вопрос: есть блок шириной в 1000 пх, надо чтоб ровно посередине него, была какая-то зона/блок/хз, при нажатии на которую юзверь отправлялся бы на мейн. пробовал задать у него посередине блок, и сделать его ссылкой, но почему-то в такой ситации ссылкой становится и материнский блок( пнгшку как-то не охота пихать(оптимизации ради). подскажите как ето сделать корректно и правильно?

    Asked by Proks, March 10, 2010

    0 votes
    21 answers
20. Выравнивание ul в ячейке таблицы по правому краю

    Здравствуйте. Помогите пожалуйста выровнять список (пагинацию) по правому краю ячейки. Что я только не делал: text-align: right в теге TD не помогает, пробовал float:right в теге DIV - выравнивает, но не так как надо; пробовал в каждый тег LI ставить float:right - но тогда список переворачивается задом-наперед. Привожу примерный код (в моем случае LI отображаются в цикле на PHP): <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <table border="1" style="width: 100%; border-collapse: collapse;"><tr> <td style="border: 1; width:15%;">Что либо</td> &lt…

    Asked by gegmaster, September 15, 2011

    0 votes
    2 answers
21. Прозрачные иконки

    Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

    Asked by brezze, November 16, 2017

    • css
    0 votes
    15 answers
22. div float

    Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #aut…

    Asked by ko6ag, April 9, 2009

    0 votes
    6 answers
23. 504 Gateway Time-out

    Здравствуйте! Сайт часто выдает ошибку 504 Gateway Time-out. Как устранить эту ошибку?

    Asked by DieHard, April 3, 2008

    0 votes
    6 answers
24. float и overflow

    Всем привет! Есть код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …

    Asked by vikusik, June 4, 2011

    0 votes
    27 answers
25. Стили для поля ввода (default, valid, invalid)

    Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?

    Asked by frontMan86, February 19, 2016

    • html5
    • css3
    • form
    • valid
    • invalid
    • input
    0 votes
    5 answers