SLameN
User-
Posts
37 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by SLameN
-
Проблема в том, что у меня картинка на фоне, а не заливка цветом. Если я пишу размеры, то текст пропадает, а если размеров нет, то картинка есть, но текста нет .nav_active { background-repeat: no-repeat; color: #333; position: relative; padding: 10px 20px;}.nav_active:before { display: block; position: absolute; content: ''; left: -10px; top: 6px; background: url('http://s014.radikal.ru/i329/1506/34/3659c0f8b5a9.png'); width: 241px; height: 48px;}
-
Что-то я торможу... картинка же на фоне, а я хочу текст поверх ее выводить Z-index низя никак разрулить? Больше нет вариантов?
-
Спасибо, а как прописать стили для текста? Если здесь прописать - nav_active и nav_active:before, не работает... И помогите, пжлст еще с вопросом №2
-
1. Как сделать чтобы у Заголовка - class="nav_active" был фон смещенный влево? <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div> <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div>#nav_home { border: 0px solid #ccc; float: left; list-style: none; font-family: Trebuchet MS; font-size: 13px; width: 229px; margin: 0 17px 20px 0px; height: 300px;} .nav_active { background-repeat: no-repeat; color: #fff; padding: 5px 20px; } #nav_home ul { display: inline-block; } #nav_home li { float: left; position: relative; display: block; text-align: left; margin: 0 0 1px -40px; width: 229px; } #nav_home li a { display: block; color: #333; background-repeat: no-repeat; background-position: right; background-color: #eee; text-decoration: none; padding: 10px 20px;#nav_home li a:hover, a:active, a:focus { background: url("../img/hover.png") left center no-repeat,url("../img/hover2.png") right center no-repeat; background-color: #31b8da; color: #fff;} 2. Теперь при нажатии на другие ссылки применяется стиль #nav_home li a:hover, a:active, a:focus. Как отменить этот стиль на другие ссылки?
-
<div id="con"><h1>Не работает в IE9</h1></div>#Con h1 { font-family: Verdana; font-size: 18px; background-color: #33aaeb; padding: 10px 20px; color: #000000;}Не работает в IE, в остальных браузерах норм. В чем проблема?
-
Как сделать #p_wrp не прозрачным? Значение z-index не помогает #p_wrp { background-color: #000000;height: 300px;width: 100%;}#con {opacity: 0.9; filter: alpha(Opacity=70); z-index: 2;height: 300px;width: 100%;}<div id="con"><div id="p_wrp"></div></div>
-
http://jsfiddle.net/V3f36/ Как сделать, чтобы div - left не растягивался по всей ширине, а переносил текст согласно размеру 100px.
-
А как сделать, чтобы блок растягивался и влево и вправо? В табличном варианте будет выглядеть так: <div class="comLine"> <table style='margin: 0 auto;'> <tr> <td>dfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdf</td> </tr> </table></div>
-
В этом случае, текст начинается с центра и на право растягивается
-
Как выронить comLine2 внутри блока comLine? При этом, чтобы текст начинался не с центра, а сам блок был по центру? <div class='comLine'> <div class="comLine2"> sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf </div></div>.comLine { width: 1000px; margin: 0 auto; } .comLine2 { outline: 1px solid red; width: 100px; }
-
Спасибо, разобрался, проблема была вообще в другом... binomer был прав, в позиционировании забыл задать ширину и высоту
-
Больше нигде нет больше 1000px; Мое разрешение - 1600px body { background: url('../img/bg_bod.png') no-repeat; background-position: center top; background-color: #a1caea;}.wrp { width: 1000px; margin: 0 auto;}
-
Фон нормальный, но скролл все равно есть...
-
background: url('../img/bg_bod.png') no-repeat;background-size: cover;max-width: 1912px;min-width: 1000px;Не получается... Вот ссылка на мой фон
-
Предложили такое: position:fixed, фон встал хорошо, но мой wpr встал по левому краю, свойства такие - margin: 0 auto И какая будет минимальная и максимальная?
-
Эм... вообще фон пропал) Мое разрешение - 1600
-
Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины). Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно. Как сделано сейчас background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки... Можно конечно: overflow-x:hidden, но не хочется этого делать Верстка выполнена div. Как убрать скролл?
-
Есть таблица в mysql с полями: id, Имя, Должность и она заполнена так: 1, Иван, Директор 2, Евгений, Оператор 3, Родион, Оператор Задача заключается в следующем: Как вывести из базы всех у кого должность Оператор? Можно было бы перечислить нужные id и все, но у меня много таких id и я думаю есть способ получше. Заранее спасибо
-
Можете на примере показать, куда и как ее вставлять? а это что означает?
-
Английские символы вставил, значит проблема в кодировке... Через notepad++ сделал кодировку в UTF-8 все получилось, спасибо всем за советы!
-
Типы полей: Что в итоге базы:
-
Пытаюсь занести новые данные в mysql, в итоге в базу все идет, но только без текста, все пусто. В чем может быть косяк? <?php $db = mysql_connect("localhost","all","12345"); mysql_select_db("php_test",$db); $result = mysql_query ("INSERT INTO firma (lastname,name,dol) VALUES ('Клевцов','Андрей','Крышник')"); if ($result == 'true') { echo "Успех!"; } else { echo "Косяк!"; } ?>
-
Как должно быть в идеале (разрешение 1600):
-
Получилось, но теперь блок main стал по левому краю. Это из-за float:left? И как исправить его по центру? .page { width:1200px; min-width:1200px; } #main { margin: 0px auto; border: solid 1px #cacaca; min-width:1000px; width:1000px; border-radius: 0px 0px 6px 6px; float:left; } #chat { width:200px; float:right; }
-
Html <div id="main"></div> <div id="chat"></div> CSS #main { margin: 0px auto; min-width:1000px; } #chat { min-width:240px; position: absolute; top: 20px; right: 5px; }