boooze

Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(bad) - Это сделать три колонки.Но тогда задавать придется в процентах все. А очень хочется, что бы центральна колонка была фиксированный ширины. Второй(not bad, but what about сross-browser compatibility.. thx to ggl-trnslt) Я короче помещу картинку float лефт, а вторую float райт, а центральный блок сделаю что то типа z-index: -1.. сейчешь да? Третий (you tell me)... Спасибо за внимание.

Сделал тестовую страницу все рабит.Попробывал убрать меню с шапкой ,проблема осталась.Думал что проблема в позиционированном левом main'е,ради прикола убрал позиционирование ,элемент остался прилипнут к левому краю как и планировалось O_O .Но справа все та же фигня.И только потом я понял.что когда в дочернем div ставлю ширину в процентах ,то 100% это ширина родительского div ,поэтому было место для второго контейнера,я поставил обоим дочерним div'ам по 100% и они друг под дружкой O_O

блин...теперь такая фигня ,хочу расположить два дива горизонтально <div id="main"></div> <div id="right"></div> css: #main { width:50%; height:300px; border:1px solid black; float:left; } #right { width:45%; height:300px; border:1px solid black; float:right; } main теперь стоит чуть правее центра ,а right уперается внизу в его левый край ,вместо правой границы экрана.проблема решается если поставить в main position:absolute; Но почему они просто невстают в ряд ,когда им ставить float'ы ? +если вставляю в правый блок два дива skript и something css: #skript { float:right; width:45%; height:300px; border:1px solid red; } #something { float:right; width:45%; height:300px; border:1px solid green; } то они идут в ряд,а если убрать float'ы у них ,то в колонку.Только мне надо ,что бы они прилепали к правому краю.как их выставить в колонку ?<br> не помогает ,контейнер something смещается вниз на 20 пикселей примерно

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

Хочу вот такую структуру сверстать В менюшке к правому краю прилеплена маленькая картиночка и дальше идет горизонтальный список. Суть проблемы В том что контейнер something ,вместо того что бы прилипнуть к правому краю экрана,прилипает к левой границе контейнера skriptorsomething.Я не знаю,как можно расставить два правых блока skriptorsomething и something так что бы слева от них был блок main во всю высоту экрана ,поэтому решил сделать main позиционированным ,что бы два правых отображались ,так будто бы main и нет вовсе. Значит вот код HtML: <div id="shapka"><img src="images/logo.jpg" class="imgshpk"><h1>Cайт о чем то </h1></div> <div id="menu"> <img src="images/zn.jpg"/> <ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> <li><a href="">олололо</a></li> <li><a href="">эбаут</a></li> <li><a href="">6</a></li> <ul> </div> <div id="main"></div> <div id="skriptorsomething"></div> <div id="something"></div> <div id="footer"></div> </body>. Теперь css: body { margin:0px; } .imgshpk { float:left; } #shapka { width:100%; height:100px; background-image:url(../images/shpkgrdnt.jpg); background-repeat:repeat-x; } #shapka h1 { margin-top:0px; padding-top:25px; text-align:center; font: normal normal 900 40px arial,sans-serif; color:#fff36f; } #menu { width:100%; height:51px; background-image:url(../images/menugrdnt.jpg); background-repeat:repeat-x; } #menu img { float:left; margin-left:10px; } #menu ul { margin-top:0px; padding-top:1.5em; font:bold 12px Verdana, sans-serif; line-height:19px; float:left; padding-left:0px; } #menu ul li { padding:20px; list-style:none; margin-top:0px; display:inline; line-height:19px; } #menu ul li a { text-decoration:none; color:#b1b1b1; line-height:10px; line-height:19px; } #menu ul li a:hover { text-decoration:none; color:#d9d9d9; } #main { width:50%; min-height:50%; float:left; border:1px solid black; position:absolute; } #skriptorsomething { width:45%; float:right; border:1px solid black; min-height:200px; } #something { width:45%; float:right; border:1px solid black; min-height:300px; padding-right:0px; } P.S.Спасите!!!

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

было )не помогло)

В общем вот ) html: <div id="blog"><p class="txtblog">Тралялялялял и тру люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлюТралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю</div> css: #blog{ width:383px; height:341px; background-image:url(../images/blog.gif); margin-right:97px; margin-top:58px; float:right; } .txtblog { width:312px; height:154px; display:block; margin-top:106px; margin-left:70px; margin-right:10px; line-height:1.9; overflow:hidden; } Сделано конечно по странному, но все же)есть блок ,внутри него текст.У текста есть область которая описывается в .txtblock ,параметр block с hidden что бы текст не вылазил,но вот проблема ,текст теперь все время у правого края. margin-right не рабит ,так что вот нельзя ли что нибудь с этим сделать?поставить отступ от правого края прям жизненно необходимо)

Значит вот такая вот структурка html для примера <div id="main"> <div id="blog"> </div> </div> Значит как я понимаю тот div который в другом div называется дочерним ,а старший типа родительским. Теперь css #main {width:1100px; height:1100px; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; background-image:url(../images/mainbg.jpg); } #blog {width:461px; height:341px; background-image:url(../images/photo.jpg); margin-left:91px; margin-top:58px; } И что я наблюдаю .Отступ от левого края родительского дива main в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.

o_O Да верю ,почему нет...o_O

css #footer { width:801px; height:52px; background-image:url(../images/footer.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; clear:both; margin-top:100px; } html <div id="main"> <div id="nav"> <i class="nav_top"></i> <p class="nav_txt"> </p> <i class="nav_bottom"></i> </div> <div id="content"> <i class="con_top"></i> <p class="con_txt">{info}{content}</p> <i class="con_bottom"></i> </div> </div> <div id="footer"><p class="foot">@хуйли нам то але але але<p></div> На margin-top никакой реакции.

А можно ли еще отступ прибавить от блока сверху?margin-top не работает

ай ай ай сори за тупой вопрос)

Сайт на локалке ,вот привожу куски кода Сама форма : <div id="skript"> <div id="logo"></div> <div id="samskript"> <div id="left"> <ul id="lefft"> <li id="leffft"><a href="" id="prev_slide"></a></li> </ul> </div> <div id="right"> <ul id="rigght"> <li id="riggght"><a href="" id="next_slide"></a></li> </ul> </div> <div id="js"> <img src="images/black.jpg" class="imagee" href="google.ru"/> <img src="images/red.jpg" class="imagee" href=""/> <img src="images/pink.jpg" class="imagee" href=""/> <img src="images/green.jpg" class="imagee" href=""/> <img src="images/gray.jpg" class="imagee" href=""/> </div> </div> и ява скрипт: $(document).ready(function() { $('#js').cycle({ fx: 'scrollHorz', next: '#next_slide', prev: '#prev_slide', speed: 1000, timeout: 5000, pause: 1 }); }); Все работает,только хочу ,что бы при нажатии на ту или иную картинку ,происходил переход по ссылке.То есть как обычно при нажатии на картинку типа <img src="" href=""/>

Сделал рулетку на сайт ,но вот вопрос ,можно ли использовать прокручивающиеся картинки ,как ссылки?типа карусель идет,щелкаешь по картинке и тебя перенаправляет туда то.Пробывал вставить в тег img тег href ,но никакой реакции ,поэтому я так думаю дело в js )))

Хмммм..вот у меня у ссылки на бг картинка .И я хочу поменять цвет этих точек при нажатии на картинку . #claadiva a:hover:focus { color:blue; } Примерно так поменять цвет точек?

Ну на нервы эта фигня правда действует,на синем фоне красные точки. значит ковырять надо focus ,всем спс) P.S.В опере все равно выделени не происходит даже при нажатии TAb ,эхх придетсья терять человека в пять лет

ну вот по ссылке переходи,там такие серые точки ,при нажатии и задержании на пункт верхнего меню "на главную страницу".На фотке они типа разделяют два пункта . firefox

Хотел показать свой пример ,но случайно заметил на форуме аналогичную ситуацию. Прямо под логотипом ,на странице которой сейчас вы находитесь,есть меню ,разделенное div'ми на left меню и right меню.Каждый элемент меню эта ссылка со своим фоном.У меня точно так же. Если нажать и задержать допустим по ссылке "На главную сайта",то появляются такие вот точки : Тыкай Конечно на секундное нажатие это никакой роли не играет ,но у меня это так палевно выглядит,да еще и точки на темно синем фоне ,почему то выделяются якро красным цветом Т_Т . Как избавиться от этих точек?

ASDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD ASDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDA SDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD DDDDDDDDDDDDDDDDDDDDDDDDDDDDFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFUUUU U UUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU U UUUUUUUUUUFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF F FFFF хмммм))))Даже слитно переноситься )))значит это уже наверное дело скрипта)Ну думаю если делать сайт на готовом движке ,это предусмотрено))Еще раз спасибо) Кстатаи ссыслку я писал без пробелов )интересно почему именно так переноситься))

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

Вопрос часто встречался ,но тут есть небольшая особенность.. Есть блок ,включающий в себя три блока: <div id="box"> <div id="boxmenu"></div> <div id="boxpanel"> </div> <div id="boxmain"> Сейчас здесь должна быть такая большая ссылка на картинку знаете ли) <a href="data:image/jpg;base64,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">data:image/jpg;base64,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</a> вот так вот примерно)и она должна быть обрезана троточием)</div> </div> теперь css: #box { width:901px; min-height:547px; margin-left:auto; margin-right:auto; margin-top:10px; } #boxmenu { background-image:url(../images/navigpunkt.jpg); width:221px; height:303px; margin-top:0px; float:left; } #boxmain { background-image:url(../images/maaain.jpg); width:489px; min-height:547px; margin-left:231px; overflow:hidden; padding-right:10px; padding-left:10px; text-align:left; margin-top:0px; } #boxpanel { background-image: url(../images/logpasbaner.jpg); width:170px; min-height:303px; background-repeat:no-repeat; float:right; } А теперь суть проблемы : ссылка вылазила за рамки центрального контейнера,на что я поставил в свойстве ксс центрального контейнера свойство overflow:hidden; ссылка стала обрезать по ширине экрана ,но не так как надо..Она вылазиет примерно на 2-3 буквы после контейнера ,причем ,контейнер расстягивается ,так как видно что задний фон повторяется по горизонтали ,убрал повторение,текст просто вылазиет на 2-3 пикселя . Решил поставить отстутп справа от контейнера,на чо ссылка сдвинулась теперь влево,относительно левой границы блока.поставил оба отступа padding-right:10px; padding-left:10px; На что центральный контейнер просто сместился вниз,и проблема с сылкой так и не решилась: вот картинка И вопрос на засыпку ,как сделать что бы фон блока растягивался ,а не повторялся?