boooze
Newbie-
Posts
22 -
Joined
-
Last visited
boooze's Achievements
Explorer (1/14)
0
Reputation
-
Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(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 )))