Kos87
-
Posts
87 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Kos87
-
Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу. Как это можно устранить? Буду благодарен за совет. сайт в архиве html{ height: 100%; margin: 0; padding: 0; } body{ font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; padding: 0; background-color:#fff; height: 100%; min-width: 1000px; min-height: 700px; } #content_wrap{ height: 700px; width: 1000px; margin: auto; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -350px; background-color: #0033FF } .cloud_first, .cloud_next{ height: 100%; width: 100%; margin: 0; padding: 0; } .cloud_next{ margin-top: -700px; /* высота блока main_wrap */ } <body> <div id="content_wrap"> <div class="cloud_first"> <a href="1"> <img style="position: relative; left: 700px" src="diz/cloud/bronedveri.png" alt="" width="300px" border="0" /> </a> </div> <div class="cloud_next"> <a href="2"> <img style="" src="diz/cloud/bronedveri.png" alt="" width="300px" border="0" /> </a> </div> </div> </body>
-
это да, но мне помогли.
-
я ж "img" дал vertical-align: middle; а его родитель высотой в 100%, то есть зазор вниз есть, и следовательно должно выровнять ...
-
Привет! День мучусь, не могу понять где допустил ошибку ... . Вторая фото не ровняется по вертикали. Может кто просветит где ошибка? Имеется код html <div class="photo_block"> <div class="photo"> <a href="album/deti/IMGP4331.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4331.JPG" border="0" height="200px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4332.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4332.JPG" border="0" height="100px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4334.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4334.JPG" border="0" height="200px" /></a> </div> <div class="photo"> <a href="album/deti/IMGP4336.JPG" rel="lightbox[deti]"><img src="album/deti/IMGP4336.JPG" border="0" height="200px" /></a> </div> </div> и CSS .photo_block{ background-color: #FFFF33; position: relative; height: 200px; clear: both; } .photo { height: 100%; width: 25%; background-color: green; float: left; text-align: center; } .photo img{ background-color: red; vertical-align: middle; } вот страница с проблемой http://2kadra.com.ua/album_deti.shtml
-
всем спасибо!
-
а светит вертикальный скрол?? я ж его тож вроде уже убрал. попробуй обнови. или я действительно пропустил что то? скрол появлялся когда я футер в боди-врап запхнул, а щас вроде вытянул.
-
а если так оставить? оно ведь и так вроде работает? что дает знак _ в _height:100%; ??
-
я просто вот этот кусок не понял <body> <div id="wrapper"> <div id="header"> header </div> <div id="main"> </div> </div> <div id="footer">footer</div> <!-- тут должен быть лайтбокс --> </body> </html>
-
а лайт бокс у меня в файле стилей прописан так уже все работает я просто добавил боди врап и дал ему ширину вместо боди )) спс
-
что то я слегка запутался .... в мэин у меня идет паддинг снизу 90 пикселей. футер идет отдельно с абсолютным позиционированием. добавил вот это #body-wrap{width:900px; margin:0 auto;} но появляется полоса прокрутки ..... в этот боди-врап обвернул все кроме футера и счетчика гугла. вроде все работает. пробовал убрать позишин релейтив от боди - идет сдвиг футера ...
-
тоесть в моем варианте для того чтобы прижать футер к низу экрана достаточно будет того что Вы написали в предыдущем сообщении? в принципе оно у меня выходит что в ширину боди упирается?? просто обернуть его во что то и дать ему ширину?
-
помогите пожалуйста советом, что не так написал в коде?? использую lightbox2.04 есть вот такой вот баг смещения картинки http://help-team.com.ua/o_nas.html у самого уже мозгов не хватает ....
-
psywalker прав я протупил, написал клас и забыл за него ржу
-
это стандартное свойство <a>??
-
как бы так обьяснить .... если посмотреть положение активного пункту меню и неактивного (на этой странице и на другой какой-нить) то идет смещение не только вправо на 40пикселей, но и вниз (когда на этой странице). И вот я не пойму куда копать ....
-
идет смещение вниз
-
проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?". в коде вроде ничего левого нету, но класс menu_on почему-то не наследует неуказанных мной свойств родителя <a>. вот CSS: a.menu{text-decoration:none; color:#ff6414;} a.menu_on{text-decoration:none; color:#14cb06; padding-left:40px;} a.menu:visited{color:#ff6414;} a.menu:hover{text-decoration:none;color:#14cb06;} вот XHTML 1.0: <div id="navigation"> <a href="index.html" class="menu_on">Главная</a> <a href="products.html" class="menu">Продукция</a> <a href="why.html" class="menu">Почему мы?</a> <a href="" class="menu">Полезно знать!</a> <a href="contact.html" class="menu">Контакты</a> </div> вот сама заготовка http://help-team.com.ua/mp/products.html буду признателен за помощь!
-
ок! а Вы не подскажите почему идет такое поведение (в приведенном мною коде есть отступ от блока к блоку), а когда ставлю <a> в строчку то все нормально?? можно ли как то по другому решить проблему?
-
почему так не катит? почему надо списком?? аргументируй
-
ого как заработало а так оно почему материлось, оно ж на переносы реагировать не должно!? у списка надо убирать маркер, я не знаю как...
-
не пойму почему у меня есть отступ между блоками, вроде все правильно. В чем ошибся? xhtml <div id="menu"> <a href="" class="menu_on">Главная</a> <a href="" class="menu">Почему мы?</a> <a href="" class="menu">О нас</a> <a href="" class="menu">Клиенты</a> </div> CSS #menu{text-align:center; margin:20px 0;} a.menu{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} a.menu_on{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} вот сайт http://help-team.com.ua/
-
то я загнался на самом деле очень полезные ссылки! уже применил один из шаблонов
-
ниасилил многа букаф
-
легко
-
Начинал я сайты делать с таблиц. Это были простенькие и не оч красивые сайты, одно слово - первые Вот сейчас пытаюсь перейти на стили и вместо таблиц использовать слои. Открытым для меня остается вопрос "тягучести" сайта со стилями. И имеет ли смысл полностью отказываться от таблиц и переходить на стили? Сейчас творю на xhtml 1.0 Transitional + CSS. вот для примера последняя работа полностью на CSS http://www.reichauto.com.ua/ , но он не "резиновый".