morgusha

офигеть прикольно ! ты ГЕНИЙ спасибо ! ))))

Всем приветик ! Вот делаю сайт : joomla.metko.ru заморочка с меню...весь день ковырялся так и не смог его ратянуть по контейнеру на всю ширину ( к левому краю прижимается, пробелами в html расширяется но не в притык ....а в css вообще не очет расширяться...объясните почему плиииииз ! <div id="container"> <nav> <ul> <li><a href="">О КОМПАНИИ</a></li> <li><a href="">МАГАЗИНЫ</a></li> <li><a href="">ДОСТАВКА</a></li> <li><a href="">ЗАКАЗ</a></li> <li><a href="">Контакты</a></li> </ul> </nav> /*Menu1*/ nav { display: block; width: 100%; overflow: hidden; } nav ul { margin: 0px 0px 10px 0px; /*padding: .7em;*/ padding:0; float: left; list-style: none; width:100%; /*background: #444; background: rgba(0,0,0,.2); -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; */ } nav li { float:left; } nav a { float:left; padding: .8em 1.5em; text-decoration: none; color: #555; text-shadow: 0 1px 0 rgba(255,255,255,.5); font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica; letter-spacing: 1px; text-transform: uppercase; border-width: 1px; border-style: solid; border-color: #fff #ccc #999 #eee; background: #c1c1c1; background: -moz-linear-gradient(#f5f5f5, #c1c1c1); background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1)); background: -webkit-linear-gradient(#f5f5f5, #c1c1c1); background: -o-linear-gradient(#f5f5f5, #c1c1c1); background: -ms-linear-gradient(#f5f5f5, #c1c1c1); background: linear-gradient(#f5f5f5, #c1c1c1); } nav a:hover, nav a:focus { outline: 0; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2); background: #fac754; background: -moz-linear-gradient(#fac754, #f8ac00); background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00)); background: -webkit-linear-gradient(#fac754, #f8ac00); background: -o-linear-gradient(#fac754, #f8ac00); background: -ms-linear-gradient(#fac754, #f8ac00); background: linear-gradient(#fac754, #f8ac00); } nav a:active { -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset; box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset; } nav li:first-child a { border-left: 0; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } nav li:last-child a { border-right: 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }

спасибо большое !

ахах ) посмотрите сейчас всё норм плиз?) ток теперь когда сжимаю браузер, то при прокрутки сайта в бок фон исчезает почему то на правой части сайта ??? (

блин весь мозг сломал почему по ссылке http://morgusha.hut2.ru/ при трансформации окна браузера нижнее меню начинает выходить за перделы блока футера ? ((( <div id="footer"><ul class="spisok1"> <li>ГЛАВНАЯ</li><li>КАТАЛОГ РАБОТ</li><li>НАШИ ДИЗАЙНЕРЫ</li><li>ОТЗЫВЫ</li><li>ВАКАНСИИ</li><li>О НАС</li><li>КОНТАКТЫ</li></ul></div> #footer{ background-color: #652301; border: 1px solid #000000; /*margin: 10px auto;*/ height: 5% auto; }

morgusha,

блин пасиба ты прям выручаешь ) а что это за сайт такой на который ты дал ссылку ? это конструктор что ли какой то ?

или для токого надо полюбому делать один главный блок и в него уже вставлять 2 других ???

а вот вопросик как реализовать такое ! Значит есть блок контент в нём текст и вокруг этого блока как раз рамка инлайном сделанная ! а нужно теперь ещё вписать один блок в этот блок и что бы текст слева его обтекал , но рамка шла по всему общему блоку ! можно ли сделать так: оставить этот блок как есть не меняя его ширину так как тогда и рамка станет не той ширины что надо ! а просто внутрь вставить ещё один блок и растянуть его по правому краю на ширину 40% от ? я просто пробую вставить блок и в итоге текст вставляется в мой новый блок,а не остаётся в старом ! #content{ line-height: 1; /*межстрочный отступ*/ background-color: #ede2c5; /*border: 3px solid #000000;*/ height: 100px auto; margin: 10px 2px; outline: 3px solid rgba(101, 35, 1, 0.4); } #content1{ border: 1px solid #000000; width: 25%; float: right; height: 100%; } вот код с контенте текст а надо что бы была вот ещё один блок контент 1 и он был другого фона и занимал 30 процентов от блока контент и текст его обтекал бы слева ! <div id="content"><div id="content1"></div>Мы предлагаем только лучшее для стильных людей!<br> Самые красивые дети рождаются в любви, а истинные произведения искусства появляются в минуты божественного вдохновения. В каталог </div> если в хтмл див закрывать после текста то тогда текст будет внутри блока (

пасибки за outline;) ещё вопросик ))) <!DOCTYPE HTML> <!-- design-001 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>::TITLE::</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <style type="text/css"> .text1{ color: c66201; font-size: 50px; } .spisok{ margin: auto -30px; /* значение отступов */ padding: 80px; /* значение полей */ } .spisok li { display: inline; /* Отображать как встроенный элемент */ margin-right: 25px; /* Отступ слева */ color: white; } что бы оутлайн работал в ие я прописал такую вот голову у файла хтмл ! и теперь в стиле .text1 цвет текста не меняется стал чёрным и всё не хочет меняться не в 16 ричной если воожу ни если в rgb только если ввожу словами типа WHITE итд сори забыл # поставить )

борджер становится не прозрачным,а серым , если делать как вы пишите ((( http://morgusha.hut2.ru/ вот нужно вокруг контента сделать линию такую же как и на главной картинке полупрозрачную !

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

#content{ line-height: 1; /*межстрочный отступ*/ background-color: #ede2c5; border: 3px solid #000000; height: 100px auto; margin: 10px auto; } вот рамка 3 пикселя и нужно что бы рамка была полупрозрачной , если ставлю опасити то меняется прозрачность всего блока а как именно рамку сделать ???

приём приём !

я сейчас вот сделаю сайт на дивах,а потом он на joomla переноситься будет ! сложно будет структуру перенести ??? и вообще структура переносится или прийдётся верстать всё заново ???

а мне нужно посреди картинки которая является фоном для блока и уже растянута была полупрозрачная линия ! я вот так вот сделал : #line{ background-color: #652301; border: 1px solid #652301; position: absolute; /* Абсолютное позиционирование */ bottom: 300px; height: 50px; width: 905px; opacity: 0.3; } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="left"><div id="line"></div></div> <div id="right"> right</div> <div id="clear">clear</div> <div id="content">content</div> <div id="footer">footer</div> </div><!--CONTAINER ENDS--> </body> в IE полный бардак тогда получается линия заходит за границу с другим блоком и по высоте позиционирование сбивается в ие и мозиле ((( другой способ может есть какой то ? и при таком способе если браузер менять по ширине эта колонка вообще не сужается вместе с родительской ...почему так ??? и я не понимаю, что неужели ток один IE не понимает CSS3

спасибо ) а ещё вопросик ! Как вообще положено делать ? вот мне в диве надо написать текст мне этот текст писать в хтмл файле ? или делать для него новый вложенный див и там уже писать текст ???

оп оп спасибо за волшебную строчку ))) http://morgusha.hut2.ru/

а почему фон то в ИЕ основной не расстягивается как надо ?

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/170.jpg', sizingMethod='scale'); /*for IE */ background-size: 100% 100%; вставил эту строчку в цсс и ИЕ стал боле менее норм отображать и на хостинг никакие ПИЕ файлы не заливал ...как это так ? ) http://morgusha.hut2.ru/

-ms — этого нет в коде ? это нужно или нет ??? и по ИЕ сайты прям строго подстраиваются или нет ? а то из-за одного браузера весь код ворочить прийдётся ?

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/170.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/170.jpg', sizingMethod='scale')"; извините, но что это за строчка ? )

Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="left"></div> <div id="right"> right</div> <div id="clear">clear</div> <div id="content">content</div> <div id="footer">footer</div> </div><!--CONTAINER ENDS-->