eVErl@Sting
-
Posts
154 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by eVErl@Sting
-
А в чем помощь то нужна? Тут скорее просьба на халяву, за тебя сверстать страницу. Понимаю там если у тебя чего ни будь не получалось, так ты тут пишешь как ТЗ даешь. Вот тебе ссылка почитай, а вообще в Гугле пишешь "Дивная верстка" и читаешь статьи. http://selikoff.ru/webmaster/div_making_begin/ И ты еще разделом ошибся, тебе в раздел для Для начинающих
-
<!DOCTYPE html> <html> <head> <style> .off { display: none; } </style> <script> function On() { var o=document.getElementById('info') o=o.getElementsByTagName('p') var ok=false for (var i=0; i<o.length; i++) { if (o[i].className=='on') { o[i].className='off' if (o[i+1]) { o[i+1].className='on' ok=true } break } } if (!ok) { o[0].className='on' } } </script> </head> <body> <a href='#' onclick='On(); return false;'>Нажмите сюда</a> <div id='info'> <p name='txt' class='on'> 1. Тут может быть все, что вы захотите, от картинок до текста или рекламы. </p> <p name='txt' class='off'> 2. Тут может быть все, что вы захотите, от картинок до текста или рекламы. </p> <p name='txt' class='off'> 3. Тут может быть все, что вы захотите, от картинок до текста или рекламы. </p> </div> </body> </html> Весьма полезный скрипт, если яву изучаешь http://javascript.ru
-
http://www.ndoherty.biz/demos/coda-slider/2.0/#1
-
Вот тебе ссылка для ознакомления, я тут сделал демо страницу: ССЫЛКА Но учти это только для того чтобы подсмотреть как сделано и сделать самому, я взял этот кусок кода и ява скрипты с админки битрикса и там копирайт стоит, в общем решать тебе). Думаю я тебе помог.
-
в битриксе подобным образом админка сделана..
-
Блин вот нету кнопки карму тебе понизить) border-radius будет работать только в ИЕ 9..поддержка есть только в самых последних версиях браузеров http://htmlbook.ru/css/border-radius Тем более у меня там border-radius прописан, там 3 правила для разных браузеров идет, сафари, мазилы, оперы и хрома, но чтобы это заработало в ИЕ 8 и ниже нужно будет специальный ява скрипт внедрять который углы округляет или поверх png картинки по углам в ИЕ добавлять..общая проблема фиксов на яве это что они все углы блока округляют, а не по выбору..
-
Работает все! Надо просто уметь хорошо верстать) Ты лучше покажи где и в чем проблема чем хаки делать)
-
Все прикольно! Самое главное, что сделан в американском стиле, у них много таких похожих сайтов. А вот баннер ведущий на русский сайт и слово Украина, лучше убрать..америкосы они такие, может клиент из-за этого уйти. Да и это в когде <meta http-equiv="CONTENT-TYPE" content="TEXT/HTML;CHARSET=WINDOWS-1251" /> на сайте где только Английские буквы..
-
Тут подобный эффект http://arbitr-praktika.ru/lawyersday/
-
Без полного кода страницы, css и картинок меню, трудно что либо сказать…с теми кусками кода что ты дал, все работает нормально у меня в ИЕ8
-
http://www.laminat-shop.ru/price/menu.htm вот Вот, но это не кроссбраузерный вариант. В Опере, Хроме и Сафари все ок, в Мазиле тэг <li> как ссылка не воспринимается, только на текст навести можно чтобы по ссылке перевести, может как то пофиксить можно, хз, решил не заморачиваться так сильно. В ИЕ округление краев не работает, но можно найти как заставить работать, погугли на эту тему, есть java скрипты которые могут в ИЕ заставить работать округление.
-
IE7, 8 Растягивает жесткий макет на всю ширину окна. Как это победить?
eVErl@Sting replied to viv's question in HTML Coding
ИЕ 8, XP home, все ок IE7 тоже -
<div class="block" align="center"> <a href="java script:void(null);" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="5654645645_files/1s000000.jpg"> </a> <a href="java script:void(null);" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/2s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/2.jpg';"> <img name="preview1" src="5654645645_files/2s000000.jpg"> </a> <a href="java script:void(null);" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/3s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/3.jpg';"> <img name="preview1" src="5654645645_files/3s000000.jpg"> </a> <a href="java script:void(null);" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/4s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/4.jpg';"> <img name="preview1" src="5654645645_files/4s000000.jpg"> </a> </div>
-
Насторожило что уж слишком просто любой человек может получить доступ ко всем исходным кодам и шаблонам, пройдя простейшую регистрацию… Бегло оглядел админку, первые впечатления что слишком все запутано и предстоит изучать, да и тормазнутое. Сайт у тебя на компе домашнем находится?
-
В IE6 меняется отступ при наведении на элементы с hover
eVErl@Sting replied to Stahanovec's question in HTML Coding
Попробуй margin-top с % на пиксели поменять -
ха ха, epic fail
-
Уберите id="foto" и где ссылка поставьте везде <a href="java script:void(null);"
-
Готов бесплатно, но по-своему, медленно (в свободное время), но продуктивно, помочь с дизайном и версткой сайта. Хочу всего лишь после попасть в список команды разработчиков (страница на сайте), как дизайнер, верстальщик, разработчик интерфейсов и строчка с моими контактами или ссылка на сайт. Если заинтересовало, в ПМ напишите.
-
Предлагаю вот такое вот РЕШЕНИЕ На деле с верхним блоком было все ок, он правильного размера, а вот остальные на 2 пикселя меньше...я вставил по верх каждого блока 1x1 пиксельный прозрачный гиф файл с шириной 780 что заставило таблицу принять правильный размер.
-
Да чего то вчера под конец дня видимо голова уже не соображала.. А по поводу букв в верхнем регистре я написал потому что код что ты на форуме разместил имеет их..
-
Shade of Shadow наверное ник.. Полностью согласен, по виду сайт напомнил 90е года.. P.S.: Не много смеха, у него тут http://catlair.net/index.asp?&Body=Bod...amp;UIDNews=953 даже CSS3 есть! ))
-
Пробуй * { margin: 0px; padding: 0px; border:0px; } body { background-image: url(../images/back.jpg); background-position: left 57px; background-repeat: repeat-x; margin: 0px; padding: 0px; font: 76% Helvetica, Arial, Verdana, Sans-Serif; } #wrapper { width: 700px; background-image: url(../images/top.jpg); background-repeat: no-repeat; margin:0 auto; display:block; } #header { height: 200px; width: 700px; display:block; } #topnav { width: 600px; height: 58px; float: left; clear: both; } #welcome { width: 650px; height: 100px; clear: both; padding-top: 20px; padding-right: 25px; padding-left: 25px; } #welcome h2 { margin: 0px; padding: 0px; color: #006633; } #dot { color: #FFFFFF; } #topnav ul { list-style-type: none; padding: 0px; width: 600px; float: left; margin-top: 23px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; } #topnav ul li { list-style-type: none; width: 95px; float: left; } #topnav ul li a { display: block; height: 28px; width: 95px; float: left; color: #006633; text-decoration: none; font-family: 120% Courier; text-align: center; padding-top: 7px; margin-right: 5px; } #topnav a:hover { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(../images/tab.gif); } #content { width: 698px; border-left-width: 1px solid; border-right-style: 1px solid; border-color: #d6d6d6 } #topnav .active { color: #006600; } #maincontent { width: 480px; float: right; margin-top: 20px; height: auto; border-top-width: 3px; border-top-style: solid; border-top-color: #006633; margin-right: 5px; } #maincontentsec { width: 680px; margin:0 auto; padding-top:20px; border-top-width: 3px; border-top-style: solid; border-top-color: #006633; margin-right: 5px; } #maincontentsec img { margin: 3px 12px 0px 0px; } #maincontentsec p { text-align:justify; } #maincontentsec h2 { margin: 0px; padding: 0px; padding-bottom: 10px; color: #006633; font-family: "Georgia", "Times New Roman", "Bitstream Charter", "Times", serif; } #maincontent h2 { margin: 0px; padding: 0px; color: #006633; font-family: "Georgia", "Times New Roman", "Bitstream Charter", "Times", serif; } #menu h2 { color: #006633; margin: 0px; padding: 0px; } #menu ul { list-style-type: none; margin: 0px; padding: 0px; width: 180px; } #menu ul li a { display: block; text-decoration: none; color: #006633; margin-top: 3px; } #menu ul li a:hover { background-color: #EBEBEB; } #menu ul li { height: 20px; } #welcome h2 { font-family: "Georgia", "Times New Roman", "Bitstream Charter", "Times", serif; font: 150%; } #menu { width: 180px; float: left; margin-top: 20px; border-top-width: 3px; border-top-style: solid; border-top-color: #006633; margin-left: 5px; } #footer { background-image: url(../images/footer.jpg); background-repeat: no-repeat; height: 33px; width: 700px; text-align: center; margin:0 auto; padding-top:20px; } #footer a { text-decoration: none; color: #006633; }
-
Встречал такое, там в JS где то указана ссылка при нажатии на картинку href="#" или href="" Могу посоветовать той таблице или блоку где у тебя галерея находиться указать к примеру id="foto" и в ссылке в js скрипте найти href="#" или href="" и указать там href="#foto" ну т.е. сделать что то типа якоря, чтобы на месте оставаться. Нафига кстати так шапку засорять и столько варификаций делать? <meta name="google-site-verification" content="9iVHlEiP7Cnp6veXxXTOahjY0WXIB3ec5PugwwmX1Vo" /> <meta name='yandex-verification' content='54c732302d864f7c' /> <meta name="google-site-verification" content="DESQd51_Ru-7dW3geId_JDdmTWIQpGC8O4glyqJNWBg" /> <meta name='yandex-verification' content='59ad9f243f34cf7c' /> <meta name="google-site-verification" content="0GhsDaAbj8tK_vkZ62Jr-ldrK8-HKvzrV_cmyD0VdGQ" /> Вид ссылки твоей: <a href="#" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="http://garant-bryansk.ru/img/img-sem/1s.jpg"/> </a> вот как раз из-за href="#" такой касяк и выходит <div class="block" id="foto" align="center"> <a href="#foto" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/1s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/1.jpg';"> <img name="preview1" src="5654645645_files/1s000000.jpg"></a><a href="#foto" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/2s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/2.jpg';"> <img name="preview1" src="5654645645_files/2s000000.jpg"></a><a href="#foto" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/3s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/3.jpg';"> <img name="preview1" src="5654645645_files/3s000000.jpg"></a><a href="#foto" onmouseout="document.preview1.src='http://garant-bryansk.ru/img/img-sem/4s.jpg'" onclick="document.preview.src='http://garant-bryansk.ru/img/img-sem/4.jpg';"> <img name="preview1" src="5654645645_files/4s000000.jpg"></a> <p><img name="preview" src="5654645645_files/10000000.jpg"> </div> вот так сделай, но это быстрый фикс, не исключаю того что можно найти решение получше.
-
Тут нужно весь код страницы смотреть и стиль…скорее всего дело в ошибке в коде…или стиле. Наугад могу сказать что может блок с текстом и картинкой находится в не правильном месте. Да и не вижу смысла писать в CSS “height: auto;”, там auto и так по умолчанию идет если не чего не прописывать…
-
указывай все теги и стили в нижнем регистре, так правильнее, а так же имена файлов и картинок и естественно имена файлов и папок должны быть на английском. если 3х150 будет 450, почему ширина таблицы 780? по твоему вопросу чтобы таблицу сделать по середине добавь: #Table_1 { background: #FFCC66; width: 780px; border-left: 1px solid; border-right: 1px solid; border-top: 1px solid; border-color: #000000; margin:0 auto }