HTML Coding

29542 questions in this forum

1. Как сделать input(text) и select в IE визуально одинаковыми?

   Сабж. Собственно, проблема такая, если селекту и инпуту с типом текст задать одинаковую ширину, например, 100px, то в FF и Opera они выглядят визуально идентичными, а в IE6 инпут нехило лезет вправо (на пикселей 5, не меньше, если не больше)! Кто-то решал уже такую проблему?

   Asked by thekap, February 15, 2011

   0 votes
   25 answers
2. высота ячейки 100%

   Есть ячейка таблицы, высотой в 100%. В ней сверху написан текст. Как в этой ячейке к низу прижать изображение? Сделать таблицу высотой 100% и valign="bottom" не катит по спецификации... Помогите пожалуйста! {...отредактировано kiD}

   Asked by SIN, August 2, 2007

   0 votes
   8 answers
3. Как уложить div'ы последовательно столбцами, а не строчками?

   Как сделать кроссбраузерную вёрстку такого набора div? То есть имеется контейнер — div фиксированной высоты (в данном случае на 3 маленьких блока). В него нужно последовательно "укладывать" блоки столбцами по 3. Причём количество блоков заранее не известно, то есть классический табличный метод (строками) не годится. Перебрал кучу вариантов, пока не получается. в идеале сделать это без дополнительных контейнеров, просто div подряд.

   Asked by inoxxx, April 14, 2011

   0 votes
   27 answers
4. Вложенный div cо свойством overflow:auto

   Всем доброго дня. Есть таблица с результатами которая не влазит в стандартное окно по ширине. Нужно для дива с этими результиатами вставить горизонтальную прокрутку. Существует проблема, когда прописываешь в style div.needClass {overflow:auto;} не применяется к этому диву с этим классом, пробовал обращаться и по id. Если прописываешь div {overflow:auto;}, то это применяется соответственно ко всем дивам, и в частности к родительскому, у которого внутри необходимый нам див. Пробовал на отдельной странице, для определенного класса все аккуратно задается. Вопрос1: что может мешать тому чтобы в конкретно прописанном классе не применялось свойство overflow. Еще согласны даже на…

   Asked by sniffer, August 9, 2007

   0 votes
   2 answers
5. Горизонтальное меню списком, растягивание по ширине страницы

   Задача - создать горизонтальное меню через ul. Подопытный - tubeube.ru/test/css-test.html у меня в FF 3.5 и IE8 меню растянуто на всю страницу, но справа остается отсуп в два пикселя, в O 9.64 отступ вообще пикселей в 50. Во всех браузерах при уменьшении размера окна элемент "Six" съезжает влево вниз. Как сделать "резину", чтобы отступа справа не было и "Six" не съезжал вниз?

   Asked by rdva, September 22, 2009

   0 votes
   10 answers
6. Квадрат внутри таблицы.

   Здравствуйте! Подскажите, пожалуйста, известно, что атрибуты тега <table> <colspan="число"> и <rowspan="число"> объединяют ячейки по горизонтали и по вертикали. А как можно было бы сделать квадрат совне таблицы? Нужно в рисунок в виде квадрата вставить текст (оформляю html-письмо). Т.е. в центре квадрата письмо.

   Asked by Сергей_Б, January 13, 2015

   0 votes
   31 answers
7. Проблемы с SASS

   Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результ…

   Asked by Ludwig Voltman, December 14, 2013

   • sass
   • scss
   • препроцессоры
   • проблемы
   0 votes
   5 answers
8. Помогите а....

   Вот есть код: set_time_limit(0); $loadarch = $_FILES['arch']; // Это для удобства if($loadarch['type']!='application/zip' && $loadarch['type']!='application/x-zip-compressed') die('Ошибка! Это не zip-архив!'); copy($loadarch['tmp_name'],$loadarch['name']); require_once('../upload/pclzip.lib.php'); $zip = new PclZip($loadarch['name']); if(empty($_GET['d'])) { $ext = $zip->extract(PCLZIP_OPT_SET_CHMOD, 0777); } else { $ext = $zip->extract( PCLZIP_OPT_PATH,$_POST['fold'], PCLZIP_OPT_SET_CHMOD, 0777 ); } if(preg_match("/[.]php$/",$ext) || preg_match("/[.]pl$/",$ext) || preg_match("/[.]php[0-9]$/",$ext)) { ——- 349 строка die("Незя".$zip->er…

   Asked by vvsh, November 20, 2008

   0 votes
   20 answers
9. Резиновый блок с круглыми краями

   сосбно сабж нужен блок который тянеться и в ширину и в высоту углы у него закгругленные (пнг или гиф) подсказали решение таблицей но хотелось бы без неё

   Asked by WalkMan, January 27, 2010

   0 votes
   26 answers
10. тень с 3 сторон блока

    подскажите пожалуйста как при помощи css3 сделать тень для трёх сторон блока? к примеру есть блок. необходимо сделать тени для строн: 1, 3, 4 box-shadow позволяет делать тени только для двух сторон(или одной)

    Asked by cyklop77, July 10, 2012

    0 votes
    3 answers
11. нужно ли учить атрибуты тегов

    Здравствуйте!Скажите пожалуйста, а нужно ли вообще учить атрибуты тегов, если для них есть аналоги в css?Просто я, например, все задаю в css и уже забыла, как называются атрибуты в html, и оно вроде бы не нужно. Но, например, если устраиваться на работу, пишут, что нужны знания html,css. Они же могут на собеседовании задать вопросы именно по атрибутам html? Получается, повторять все-таки нужно? Но тогда вообще каша в голове будет. И тем более, оно и не запоминается, когда этим постоянно не пользуешься.

    Asked by amuller, April 14, 2011

    0 votes
    9 answers
12. Перенос блока на новую строку

    Собственно имеются 4 информационных блока(таблицы) внутри td, заполняются они динамично. Проблема заключается в том, что если 4-ый информационный блок не влазит в первой строке, то он должен переноситься на новую строку, собственно, как делает clear:left. Сейчас блоки обтекают друг друга с float:left, но проблема с том, что если предыдущий, то есть блок располагающийся слева от текущего имеет больше контент, соответственно шире по высоте, то блок, который обтекает его не будет перенесен на новую строку до тех пор, пока не превысит его по высоте. В общем, если поставить на все блоки clear:left, то она все будут расположены с новой строки. Надеюсь доступно объяснил. grin ;…

    Asked by Beck, May 9, 2010

    0 votes
    4 answers
13. как исправлять ошибки на сайте?

    просканил на валидаторе сайт свой, заметил кучу ошибок , в основном такие: # Error Line 101, Column 188: ID "login" already defined …0" /><input name="login" type="hidden" id="[b]l[/b]ogin" value="submit" /></form></td> An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). в связи с этим есть вопросы: 1. ошибка в букве "l" в слове login ? правильно же написано 2. Скажите Что за линии и что за колонки? строка что…

    Asked by dauren300, August 5, 2010

    0 votes
    9 answers
14. Ромб средствами css

    Здравствуйте! Нужно сверстать, как на картинке ниже. Вопрос: можно ли ромб сделать средствами css? (я сделала в помощью картинки) Код здесь

    Asked by Alfa2015, January 17, 2016

    0 votes
    3 answers
15. Размер окна браузера (не экрана)

    Для контроля ширины блоков использую медиа запросы в CSS. Они отлично определяют разрешение экрана, но как без js узнать размер окна браузера? P.S. Причем если менять размер размер окна десктопного браузера, то запросы @media screen работают идеально. Мобильный браузер пытаясь имитировать десктопный, уменьшает все так, что шрифт не разобрать. Пытался с помощью (<meta name="viewport" content="width=device-width, initial-scale=1">) исправить, оно просто скалирует не влияя на размер блоков.

    Asked by Ubhra, November 23, 2017

    0 votes
    6 answers
16. Bootstrap menu - гамбургер

    Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css

    Asked by Liv0n, March 1, 2018

    • bootstrap
    • menu
    • гамбургер
    0 votes
    2 answers
17. Проблема с версткой макета

    Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; c…

    Asked by VJiK, December 4, 2009

    0 votes
    37 answers
18. hover у ссылки сменой фона в ИЕ6

    В ИЕ6 у ссылки фоном есть картинка, которая вдобавок png еще, при наведении должен менятся. В везде нормально, а вот ИЕ6 выдает: html <ul id="menu_two"> <li><a href="#" class="iePNG">Схема проезда</a></li> <li><a href="#" class="iePNG">Скачать прайс-лист</a></li> <li><a href="#" class="iePNG">Оформить заказ</a></li> </ul> css #index #menu_two { list-style: none; margin: -350px 0 0px 0px; padding: 0px 0 0 0px; position: relative; display: block; float: right; z-index: 7; text-align: left; } #index ul#menu_two li { font-family: Arial; ma…

    Asked by Mary_RND, April 12, 2010

    0 votes
    27 answers
19. Письмецо

    Подскажите новичку, если уже имеется пхп скрипт для отправки email ис сайта, как связать хтмл документ, с формой отправки и всеми текстовыми полями, с этим пхп файлом?

    Asked by Jon, November 15, 2007

    0 votes
    6 answers
20. ширина Input внутри div

    Добрый день подскажите как мне "уложить" input в div так чтоб не появилась полоса прокрутки у внешнего контейнера <div style="width: 100px; overflow: auto;"> <div style="padding:2px; width:100%; background-color:red;"> <input type="text" style="width:100%" /> </div> </div> в данном случае мешает border у input который не берется в расчет при ширине в 100% Доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо!

    Asked by jetli13, September 23, 2010

    0 votes
    12 answers
21. Неполный бордер

    Друзья, а как реализовать такой бордер? Подскажите пожалуйста

    Asked by ghrd, August 3, 2013

    • border
    0 votes
    6 answers
22. Хитрый фон из нескольких картинок на DIV

    Здравствуйте уважаемые. У меня такая проблема... есть очень хитрый фон состоящий аж из 6 картинок(для резиновости) если использовать по старинке таблички то никаких проблем нет, но фон слишком большой поэтому нужны дивы... а вот с дивами разобраться не могу. Вот как это выглядит в табличках. HTML <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="l_up"> </td> <td class="c_up"> </td> <td class="r_up"> </td> </tr> <tr> <td class="cc"> </td> <td class="cc"> </td> <td class="cc"> </td> </tr> <tr> <td class="l_dwn"> </td> &…

    Asked by Wormaster, February 9, 2010

    0 votes
    31 answers
23. комментарии

    а как сделать возможность добавления комментариев на сайте? например к фотографиям....или статьям....?

    Asked by wert-one, January 23, 2009

    0 votes
    35 answers
24. Перенос слов с разрывом

    А как можно сделать перенос (с разрывом слов) чтобы ячеки таблицы не раздвигались если там будут длинные слова?

    Asked by Mantikore, July 31, 2008

    0 votes
    9 answers
25. CSS - как вставить в background три разные картинки

    Доброго всем вечера! Помогите, плиз, умные люди! вот например - есть у тебя одна форма, которую ты хочешь заполнить картинками. Первая картинка - красная звезда, она одна и не повторяется. За ней на repeat-x идет синяя звезда. И последняя - желтая звезда одна и без повтора. на этом коде показанна та синяя звезда (название pfon.gif) Как добавить перед ней красную звезду, а после нее - желтую? .poisk{color:#fff;width:100%;border-top:1px solid #fff;background:url(pfon.gif) repeat-x top left #fff}

    Asked by k-prutkoff, December 8, 2009

    0 votes
    13 answers