html
-
Posts
30 -
Joined
-
Last visited
html's Achievements
Explorer (1/14)
0
Reputation
-
при vertical-align: bottom; почти идентично, но в опере отображается как vertical-align:middle;
-
С новым годом! теперь смещение идёт вниз во всех браузерах кроме ие 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>
-
вставил код не внося изменений в стили, всё равно есть смещение.
-
.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>
-
помогите, пожалуйста, кроссбраузерно (ие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'ом завернув код в комментарии, но хотелось бы один общий код.
-
выдаёт левые ссылки.
-
в каком ресурсе можно найти список браузерных игр с открытым исходным кодом?
-
спасиб.
-
<!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
-
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;}
-
спасибо, ребят.
-
спасибо за время. но код сумбурный. контейнер ul смещается налево и границы li облегают контент как строчный элемент, что неподходит. li должны себя вести так же, как и ul{width:100%;} ul li{float:left; width:25%;} для четырёх элементов, но без задания ширины li
-
сгруппируются и отцентрируются по горинзонтали относительно ul. именно! и без задания ширины, чтобы изменялась в зависимости от контента.
-
не понял. как-то вот так, но без центрирования относительно контейнера 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>
-
возникла необходимость полной имитации свойств таблицы посредством списка. возможно ли? возникла задача отобразить списки по горизонтали так, чтобы элементы списка (li) в зависимости от их содержимого полностью заполняли ширину контейнера (ul).