riaron

https://jsfiddle.net/1erowouc/2/ при включении javascript блок contentArea не меняет своего положения и сходится с menuBar

как сделать такую вертикальнуюлинию где можно почитать про это?

текст ккнопки hello world вырисовывается снизу. Как выровнить текст по центру? вот код http://jsfiddle.net/meyrjtvn/1/

А у меня во так

хочу чтобы в моем меню,состоящего из 4 hello world и размером 192 на 127 пикселей.была первая полоса с выделением размером 192 на 27 пикселей. ниже код https://jsfiddle.net/meyrjtvn/ не работает html <link rel="stylesheet" href="styles.css" type="text/css"/><ul id="menu"> <li class="kolonki"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li width="192px" height="27px" padding="500px"> hello world </li> <li>helo world </li> <li>helo world </li> <li>helo world </li> </ul> </li></ul> css ul#menu1{ width:192; height:127; background-color: #fdf4e3; /*border-radius: 6px;*/ box-shadow: 0 1px 1px #777; text-decoration: none; text-shadow: 0 1px 0 #000; }ul#menu1 li:hover{ background: #d8af75;}

Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру

почему у меня такое не показывает? чтобы html показывал как написано(без поправок html) надо было подключить js файл, с каким то кодом, а каким не помню. как отключить у html автопоправку ?

что такое -moz-, -webkit-, -o-? и при каких условиях они работают

не работает padding у 2-ой li-шки(на что бы не менял, padding-top,padding-bottom,местоположения и области выделения текста не меняется), вот html <ul id="menu" > <li class="kolonki" style="position:relative; top: -4px;padding:13px;padding-left:29px;padding-right:29px;"><b>ГЛАВНАЯ</b></li> <li class="kolonki" style="position:relative; top: 1px;padding-top:2px;padding-bottom:0px ;padding-left:22px;padding-right:22px;"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li>Wwwwwww|</li> <li>Owwwwww|</li> <li>Rwwwwww|</li> <li>LDwwwww</li> </ul> </li> <li class="kolonki"><a class="kolonki">dd!!!!</a></li> <li> <a class="kolonki">www</a></li> </ul>вот css ul#menu {width: 923px;max-height:39px; background-color: #804a0b; background:#fff url(imgs/menut.png); background-image: linear-gradient(#cc9a55, #804a0b); border-radius: 3px; box-shadow: 0 1px 1px #777; text-transform: uppercase; font:12px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; color:white;padding:0;}ul#menu1{ background-color: #fdf4e3; /*border-radius: 6px;*/ box-shadow: 0 1px 1px #777; text-transform: uppercase; font:16px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000;}li.kolonki:hover{ background: #fff9e0; background-image: linear-gradient(#f7d683, #e8c478);}ul#menu1 li:hover{ background: #f7d683;}ul#menu li{ position: relative; list-style-type: none; display:inline-block;}ul#menu1{ position: absolute; left: -9999px;}ul#menu li.kolonki:hover ul#menu1 { display: block; left:0; }