Jump to content

boooze

Newbie
  • Posts

    22
  • Joined

  • Last visited

boooze's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(bad) - Это сделать три колонки.Но тогда задавать придется в процентах все. А очень хочется, что бы центральна колонка была фиксированный ширины. Второй(not bad, but what about сross-browser compatibility.. thx to ggl-trnslt) Я короче помещу картинку float лефт, а вторую float райт, а центральный блок сделаю что то типа z-index: -1.. сейчешь да? Третий (you tell me)... Спасибо за внимание.
  2. Сделал тестовую страницу все рабит.Попробывал убрать меню с шапкой ,проблема осталась.Думал что проблема в позиционированном левом main'е,ради прикола убрал позиционирование ,элемент остался прилипнут к левому краю как и планировалось O_O .Но справа все та же фигня.И только потом я понял.что когда в дочернем div ставлю ширину в процентах ,то 100% это ширина родительского div ,поэтому было место для второго контейнера,я поставил обоим дочерним div'ам по 100% и они друг под дружкой O_O
  3. блин...теперь такая фигня ,хочу расположить два дива горизонтально <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 пикселей примерно
  4. Я просто идиот думать уже совсем перестал а если уж справа прям горит сделать два div надо просто загнать их в один div?который как раз будет второй колонкой
  5. Хочу вот такую структуру сверстать В менюшке к правому краю прилеплена маленькая картиночка и дальше идет горизонтальный список. Суть проблемы В том что контейнер 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.Спасите!!!
  6. эмм..уменьшить ?может увеличить?тогда будет место для отступа,ну даже если она фиксированная ,на мой взгляд,текст должен переносить на другую строку.
  7. было )не помогло)
  8. В общем вот ) 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 не рабит ,так что вот нельзя ли что нибудь с этим сделать?поставить отступ от правого края прям жизненно необходимо)
  9. Значит вот такая вот структурка 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 в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.
  10. o_O Да верю ,почему нет...o_O
  11. 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 никакой реакции.
  12. А можно ли еще отступ прибавить от блока сверху?margin-top не работает
  13. ай ай ай сори за тупой вопрос)
  14. Сайт на локалке ,вот привожу куски кода Сама форма : <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=""/>
  15. Сделал рулетку на сайт ,но вот вопрос ,можно ли использовать прокручивающиеся картинки ,как ссылки?типа карусель идет,щелкаешь по картинке и тебя перенаправляет туда то.Пробывал вставить в тег img тег href ,но никакой реакции ,поэтому я так думаю дело в js )))
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy