kentastik
-
Posts
40 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by kentastik
-
Есть страничка, куча слоев на ней. При вёрстке верхней части использовал относительное позиционирование, соответственно футер уполз вниз на величину двух слоев, которые я размещал позиционированием. Можно поднять футер, задав ему координаты, но тогда под ним остается всё то же пустое место. Как решается такая проблема? код пока "грязный", но визуально глянуть можно тут 1.rpif.net
-
спасибо, действительно дело оказалось в названиях файлов. Ну и пнг буду фиксить соответственно, а то он белый вместо прозрачного вышел
-
Друзья, помогите, не умею с ИЕ дружить. Что надо подправить, чтобы в ИЕ было тоже самое, что в нормальных браузерах? Ниже код и скрины. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <style> .head { height:400px; width:1224px; background:url(%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F.png); } A.dot { color:#0fb3e9; text-decoration: none; /* Убираем подчеркивание */ border-bottom: 2px dashed #0fb3e9; /* Добавляем свою линию */ } A.dot:hover { color: #dc143c; /* Цвет ссылки при наведении на нее курсора */ } #houses { float:left; position:relative; top:303px; } #man { height:400px; width:1024px; float:right; position:relative; bottom:47px; right:auto; background-repeat:no-repeat; background:url(%D0%BC%D1%83%D0%B6%D0%B8%D0%BA.png) } #registration { width:300px; height:40px; position:relative; top:192px; right:-100px; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#0CF; } A.dot1 { color:#33758d; text-decoration: none; /* Убираем подчеркивание */ } A.dot1:hover { color: #dc143c; /* Цвет ссылки при наведении на нее курсора */ } .logostyle { height:100px; width:300px; position:absolute; top:-10px; left:3%; font-family:Arial, Helvetica, sans-serif; } #rebate { color:#33758d; font-size:12px; text-align:right; position:relative; top:50px; left:-56px; font-family:Verdana, Geneva, sans-serif; } #adress1 { color:#33758d; font-size:21px; text-align:left; position:relative; top:-35px; left:10px; } #adress2 { color:#7d7d7d; font-size:21px; position:relative; top:-30px; left:10px; } #forex { color:#33758d; font-size:70px; position:relative; font-weight:bold; } </style> <link href="http://fonts.googleapis.com/css?family=Dancing+Script:regular" rel="stylesheet" type="text/css" > <body> <div class="head"> <div id="houses"><img src="домики.png" width="1024" height="48" /></div> <div id="man"><div id="registration"><a href="ssilka" class="dot"><strong>Зарегистрируйтесь</strong></a></div></div> <div class="logostyle"> <div id="rebate">REBATE-ПАРТНЕР</div> <img src="лого.png" width="290" height="150" id="forex"/> <div id="adress2">НАШ КОРОТКИЙ АДРЕС:</div> <div id="adress1">RPIF.NET</div> </div></div> </body> </html> В нормальных браузерах выглядит так: В ИЕ вот так:
-
спасибо за идею
-
простите, вы ветку читали? в каком еще сообщении надо написать, что блоки надо выравнивать по ЦЕНТРУ. К тому же черная область резиновая и при изменении ее размеров всё должно остаться по ЦЕНТРУ.
-
что-то не открывается
-
центр резиновый, блоков может быть как 5 штук так и 20. каким образом? Они выровняца по левому краю и будет не очень красиво
-
конечно надо изучать, порой намного быстрее и проще вывести таблицей чем подключать тыщу скриптов и хуков
-
Нужна Критика/Оценка/Предложения к сайту
kentastik replied to angelShlesser's topic in Discussion of works
совсем ничего интересного, сори, но выделить действительно нечего -
какбе по моей супер задумке блоки не должны стоять склееные вот и всё обьяснение. ну там дальше как раз был див с клиром, не стал копировать как само-собой разумеющееся. я что-то не вижу на сайте ничего похожего если бы у меня так завелось в осле темы бы не было, если не сложно расскажите про кроссбраузерность этого метода
-
это мусор, который остался после 2 часов экспериментов. eVErl@Sting, я и говорю как без флоата обойтись то?
-
не работает так, я уже пробовал
-
Блоки разной ширины на одинаковом расстоянии друг от друга
kentastik replied to Eirene's question in HTML Coding
в процентах маржин задайте -
наверное плохо объяснил, вот что я натворил, где не так? <style type="text/css"> .banners { background: #000000; width:100%; margin: 0 auto; } .footerbanner2 { height: 48px; width: 92px; text-align: right; padding: 5px; padding-top: 13px; float: right; font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; background:#3333FF; } .footerbanner1 { height: 68px; width: 162px; background: #ccc; margin: 5px auto; float: left; } </style> <div class="banners"> <div class="footerbanner1"><div class="footerbanner2">Блок 01</div></div> <div class="footerbanner1"><div class="footerbanner2">Блок 02</div></div> <div class="footerbanner1"><div class="footerbanner2">Блок 03</div></div> <div class="footerbanner1"><div class="footerbanner2">Блок 04</div></div> <div class="footerbanner1"><div class="footerbanner2">Блок 05</div></div> <div class="footerbanner1"><div class="footerbanner2">Блок 06</div></div> <div class="footerbanner1"><div class="footerbanner2">Блок 07</div></div> <div class="footerbanner1"><div class="footerbanner2">Блок 08</div></div> </div> надо чтобы блоки выравнивались по ЦЕНТРУ, а у меня получается, что по левому краю
-
Здрасти, не могу найти такую вроде простую вещь, помогите пожалуйста. У меня есть несколько слоев (неопределенное количество) я хочу, чтобы они выводились по центру странички. Делаю контейнер, в нем несколько слоев. Если применить float, тогда не получается чтобы слои были посередине, если применить не применять то слои получатся в столбик. Каждый слой имеет фиксированные размеры и у всех слоев они одинаковые. Как это реализовать?