Jump to content

html

User
  • Posts

    30
  • Joined

  • Last visited

Everything posted by html

  1. html

    radio и текст

    при vertical-align: bottom; почти идентично, но в опере отображается как vertical-align:middle;
  2. html

    radio и текст

    С новым годом! теперь смещение идёт вниз во всех браузерах кроме ие 7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{position:relative; width:1024px; height:100%; margin:0 auto; padding:0; color:#000; font:normal 11px Arial, Helvetica, sans-serif; line-height:1;} html, div, dl, dt, dd, ul, li, ul li, h1, h2, p, form, fieldset, input, label, legend, img, a{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} ul, li, ul li{list-style:none;} fieldset{overflow:hidden; width:100%;} .quest{margin:0 0 10px 0; color:#333; font-weight:bold; font-size:14px;} .radio{width:16px; height:16px; margin:0 3px 0 0; padding:0;} label{font-size:14px;} </style> </head> <body> <form action=""> <fieldset> <div class="quest">Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</div> <ul> <li> <label> <input type="radio" class="radio" name="vote" value="1" /> Pellentesque id turpis at leo dapibus </label> </li> <li> <label> <input type="radio" class="radio" name="vote" value="2" /> Pellentesque id turpis at leo dapibus </label> </li> <li> <label> <input type="radio" class="radio" name="vote" value="3" /> Pellentesque id turpis at leo dapibus </label> </li> <li> <label> <input type="radio" class="radio" name="vote" value="4" /> Pellentesque id turpis at leo dapibus </label> </li> </ul> </fieldset> </form> </body> </html>
  3. html

    radio и текст

    вставил код не внося изменений в стили, всё равно есть смещение.
  4. html

    radio и текст

    .radio{float:left; width:16px; height:16; margin:0 8px 0 0; padding:0} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} <form action=""> <fieldset> <div class="quest">Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</div> <ul> <li> <label> <input type="radio" class="radio" name="vote" value="1" /> Pellentesque id turpis at leo dapibus </label> </li> <li> <label> <input type="radio" class="radio" name="vote" value="2" /> Pellentesque id turpis at leo dapibus </label> </li> <li> <label> <input type="radio" class="radio" name="vote" value="3" /> Pellentesque id turpis at leo dapibus </label> </li> <li> <label> <input type="radio" class="radio" name="vote" value="4" /> Pellentesque id turpis at leo dapibus </label> </li> </ul> </fieldset> </form>
  5. помогите, пожалуйста, кроссбраузерно (ие7 +, ff 1.5 +, google chrome, safari 3.0 +, opera 9.0) расположить текст справа от radio. пробовал так: input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} но в ие 7 текст смещается вниз (( весь код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> html{width:100%; height:100%;} body{position:relative; width:1024px; height:100%; margin:0 auto; padding:0; color:#000; font:normal 11px Arial, Helvetica, sans-serif; line-height:1;} html, div, dl, dt, dd, ul, li, ul li, h1, h2, p, form, fieldset, input, label, legend, img, a{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} ul, li, ul li{list-style:none;} .quest{margin:0 0 10px 0; color:#333; font-weight:bold; font-size:14px;} input.radio{float:left; margin:0 -18px 0 0;} label{display:block; margin:-1px 0 3px 18px; font-size:14px;} </style> </head> <body> <form action=""> <fieldset> <div class="quest">Lorem ipsum dolor sit amet, consectetur adipiscing elit.?</div> <ul> <li> <input type="radio" class="radio" name="vote" value="1" /> <label>Pellentesque id turpis at leo dapibus</label> </li> <li> <input type="radio" class="radio" name="vote" value="2" /> <label>Pellentesque id turpis at leo dapibus</label> </li> <li> <input type="radio" class="radio" name="vote" value="3" /> <label>Pellentesque id turpis at leo dapibus</label> </li> <li> <input type="radio" class="radio" name="vote" value="4" /> <label>Pellentesque id turpis at leo dapibus</label> </li> </ul> </fieldset> </form> </body> </html> п.с. с наступающим! можно исправить margin'ом завернув код в комментарии, но хотелось бы один общий код.
  6. выдаёт левые ссылки.
  7. в каком ресурсе можно найти список браузерных игр с открытым исходным кодом?
  8. html

    select

    спасиб.
  9. html

    select

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> select{overflow-y:hidden; text-align:center;} </style> </head> <body> <form action=""> <fieldset> <select name="s" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </fieldset> </form> </body> </html> скролл показывают фф 1.5, хром 1.0. смотрел ещё в ие7-8 и опера 10.0
  10. html

    select

    1) как убрать вертикальную полосу прокрутку в select? пробовал задать overflow:hidden и overflow-y:hidden, не помогло <select name="s" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 2) как центрировать содержимое option относительно контейнера (select). пробовал select{text-align:center;} и option{text-align:center;}
  11. спасибо, ребят.
  12. спасибо за время. но код сумбурный. контейнер ul смещается налево и границы li облегают контент как строчный элемент, что неподходит. li должны себя вести так же, как и ul{width:100%;} ul li{float:left; width:25%;} для четырёх элементов, но без задания ширины li
  13. сгруппируются и отцентрируются по горинзонтали относительно ul. именно! и без задания ширины, чтобы изменялась в зависимости от контента.
  14. не понял. как-то вот так, но без центрирования относительно контейнера ul, то есть чтобы li (по горизонтали, обтекая друг друга) занимали всю ширину ul. #menu {text-align:center;} #menu div {display: table;margin: 0 auto;} #menu ul {list-style:none;} #menu li {display:inline;} <div id="menu"> <div> <ul> <li><a href="#">Главная</li> <li><a href="#">Новости</li> <li><a href="#">Контакты</li> </ul> </div> </div>
  15. возникла необходимость полной имитации свойств таблицы посредством списка. возможно ли? возникла задача отобразить списки по горизонтали так, чтобы элементы списка (li) в зависимости от их содержимого полностью заполняли ширину контейнера (ul).
  16. во всех браузерах всё ок, но только в фф появляется рамка. убираем: button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { padding: 0px 2px 0px 2px; border: 1px dotted transparent; } http://forums.mozillazine.org/viewtopic.ph...d=a&start=0
  17. скажите, пожалуйста, как запретить показ в ФФ рамки вокруг кнопки? задал border:0; и outline:none; не помогает.
  18. весь код http://rghost.ru/download/551069/a25145132...b61388/html.rar
  19. весь код отдельной колонки вставил, никакие другие стили не влияют. думаю, это баг фф.
  20. не установлен на локальном верстаю %) смотрите код, есть там padding:0 5px 0; менял значения, не помогло. установил бекграунд сёрчу откуда там отступ в 7пк?
  21. во всех с установленным height:27px для сёрча в фф, в остальных текст выравнивается правильно высота фоновой картинки поиска 27пк, кнопки - 26пк
  22. #wrapper .sidebar_right .search{padding:0 0 0 16px;} #wrapper .sidebar_right .search form fieldset input.search{width:130px; padding:0 5px 0; border:0; color:#000; font-size:90%; line-height:27px; background:url(img/sfield.png) left top no-repeat;} #wrapper .sidebar_right .search form fieldset input.button{width:62px; border:0; color:#FFF; font-size:90%; line-height:26px; background:url(img/sbutton.png) left center no-repeat;}
  23. пробовал убрать все хейты и задать высоту сёчу, но сёч с низу на половину закрывает внутренние элементы и сжимает кнопку.
  24. данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy