sh1va
-
Posts
56 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by sh1va
-
да, с этим я уже разобрался... погуглил. а вот как выровнить все без бордера, без костыля так и не понял, в хроме, опере и фаерфоксе одно и тоже показывает.
-
у меня паника! убрал в свойствах фаерфокса стили и вот что я там увидел в самом верху где пробел стоит! но в хтм коде я этого не увидел, что это?? и кстати если убрать боред #header, #foto{ position:relative; margin:0 auto; display:block; width:960px; /* border:1px dashed #666; ВОТ ЕГО */ } то опять все сьезжает, этот бордер получается как костыль
-
не помагло <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<body> <div class="col_head"> <div id="header"> <div id="logo_1"><H1>In-stante</H1><p>instante of life...</p></div> <div class="menu"> <ul> <li><a href="#">3</a></li> <li><a href="#">2</a> <ul> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> </ul></li> <li><a href="#">1</a></li> </ul> </div> <div style="clear:both"></div> </div> </div> <div class="col_foto"> <div id="foto"> <ul> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> <li><a href="#">3</a></li> <li><a href="#">2</a></li> <li><a href="#">1</a></li> </ul> </div> </div> </body> body { background:url(img/back_g.jpg); margin:0; padding:0; } /* —- header —- */ .col_head { display:block; width:100%; margin:0; padding:0; text-align:left; background:#000; font-size:18px; color:#CCC; font-family:Georgia, "Times New Roman", Times, serif; } #header, #foto{ position:relative; margin:0 auto; display:block; width:960px; border:1px dashed #666; /* border-left:1px dashed #666; border-right:1px dashed #666; */ } #foto{ background:#000; } #logo_1 { margin: 30px 0 0 10px; display:block; float:left; width:300px; } /* —- menu -- */ #menu { display:block; float:right; } .menu ul { list-style:none; padding:90px 10px 0 0; } .menu li { list-style:none; width:120px; float:right; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; padding:0; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } /* —- foto —- */ .col_foto { display:block; width:100%; margin:0; }
-
Доброго времени суток. Я ни как не могу поднять свои дивы к границам. т.е. в боди я убрал все границы body { background:url(img/back_g.jpg); margin:0; padding:0; } в следующих дивах я тоже убрал все границы .col_head { display:block; width:100%; margin:0; padding:0; text-align:left; background:#000; font-size:18px; color:#CCC; font-family:Georgia, "Times New Roman", Times, serif; } #header{ position:relative; margin:0 auto; // выравнивал по центру display:block; width:960px; border:1px dashed #666; // специально обозначил что бы было его видно } Вроде не должно быть ни каких дырок, а вот что получается на самом деле:
-
единственно похожие что я наш8ел это каруселька J-карусель... но там только вот менюшка...
-
вот демка этой галереи.
-
Есть у кого вылеченная такая галерея?
-
Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; } #services a:hover strong{ display:block; } html: <div id="services"> <ul> <li><a href="#"><strong>Weddings</strong><img src="file:///D|/instante/234x210.gif" alt="" /></a></li> <li><a href="#"><strong>Corporate</strong><img src="file:///D|/instante/234x210.gif" alt=""/></a></li> <li><a href="#"><strong>Lifestyle</strong><img src="file:///D|/instante/234x210.gif" alt="" /></a></li> <li class="last"><a href="#"><strong>Events</strong><img src="file:///D|/instante/234x210.gif" alt="" /></a></li> <li><a href="#"><strong>Artistic</strong><img src="file:///D|/instante/234x210.gif" alt="" /></a></li> <li><a href="#"><strong>Infants</strong><img src="file:///D|/instante/234x210.gif" alt="" /></a></li> <li><a href="#"><strong>Architecture</strong><img src="file:///D|/instante/234x210.gif" alt="" /></a></li> <li class="last"><a href="#"><strong>Black & White</strong><img src="file:///D|/instante/234x210.gif" alt="" /></a></li> </ul> <br class="clear" /> </div> Хочу добавить еще один li большого размера что бы при на ведение на картинки, там она тоже отображалась только в большом разрешение. Как это можно реализовать? Для лучшего понимания. Вот сам тимплейт http://www.os-templates.com/free-css-templ...2/photobusiness хочу обьединить сервис и галерею.
-
Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?
-
топик можно удалить. сам решил вопрос.
-
можно ли использавать маркировку il или ul так что бы списко шел не вниз а в бок?
-
как мне обьяснил наш админ, что этот сайт недавно перенесли на другую площадку, т.к. именно старую площадку и взломали а это какой-то побочный эффект.
-
да про яблоки ру это я к примеру, сам сайт расположен тут infoski.ru, а проблема со страницей infoski.ru/polyana.php
-
Саит без движка, .htaccess нету такого файла. а где конкретно искать <iframe> ?
-
это было сделано нашими админами в первую очередь, но вопрос остался открытым.
-
Доброгов ремени суток. У меня проблема с сайтом. А вернее с одной из его страниц. После перехода на определенную страницу, последующие переходы по ссылкам редиректят меня на http://www.spyware-systems.info/0/go.php?sid=2. т.е. я зашел на страницу например "www.yabloki.ru/sorta.php" и потом когда с этой страницы хочу перейти на главную "www.yabloki.ru/index.php" меня переводят на http://www.spyware-systems.info/0/go.php?sid=2 и говорят о том что саит инфицирован. Я сначало сунулся в гугл. Т.к. он ссылаеться на то что именно гугл забанил этот саит. Там ответа не получил. Прождав пару дней я решил удалить эту страницу с FTP переписать ее на локально хосте, загрузил на саит. История продолжилась. Я решил еще раз проэксперементировать. Создал страницу с текстом "hello" и ссылкой на главную страницу, и больше ни чего. И решил ее скинуть опять на фтпешник с другим названием ""www.yabloki.ru/sorta2.php" И опять ни каких изменений. помогите разобраться с этим вопросом.
-
мне очень нравиться как выполнена галерея на foto.ru есть такие уже готовые? Я искал в гугле, но ни чего похожего не нашел.
-
а я его убрал. С низу страницы у меня имеется отступ. я хочу его убрать. Если я ставлю в диве ширину выше разрешения монитора то все прекрастно. если меньше то появляется отступ.
-
врубился... ) кстати <body style="margin:0 auto;"> помог но не до конца. верхний отступ исчез. а нижний только сократился. но что я заметил если ставть height:1000px; то появляется полоса прокрутки и в конце отстпуа не видно. А если поставить height:820px; то появляется отступ...
-
100% пикселей от картинки. картинка 1000px.
-
нет, не нахожу. я это сделал, что бы при уменьшении окна браузера картинка не менялась в своих размерах. Обнулить так? <body bgcolor="#000000" margin="0 auto">
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> в боди стоит только <body bgcolor="#000000">
-
нет, в родительском точно нету ни чего. выше этого дива только боди в котором прописан только bgcolor
-
в смысле position: relative; ?