psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
резиновый трехколоночный макет с отступами по бокам
psywalker replied to ardjuna's question in HTML Coding
ardjuna Я ставлю так div.left { margin-right: -3px; } div.right {margin-left: -3px; } потому-что как правило когда я оверфлоу прописываю контенту, то правая и левая колонки уже получают баги. В твоём случае ты не ставил оверфлоу, а повесил на контент флоат, наверное поэтому и всё гуд. Пожалуйста, приходи ещё. -
Ну и отлично тогда. Получается проблема решена?
-
Там виден тока кусочек кода. Гемор тебе? А нам думаешь охота за тебя гемороится, это кому надо, тебе или нам?
-
Залить на сервак.
-
А это уже надо рыться в стилях джумлы, возможно какой то из них перебивает твои.
-
Тебе нужно чтобы текст картинка и опять текст были по центру дива? Давай ссылку
-
ИЕ6 не понимает дочерние селекторы ul.menu > li#current > a {font-weight: bold} Поэтому лучше писать как раз таки так ul.menu li#current a {font-weight: bold}
-
Проверил
-
Да, давай весь код. Я просто удивлён, как такое может быть? Наверное забыл закрыть тег, либо ещё чего? А в чём собственно проблема?
-
Дело в том, что на втором рисунке, где трабл с ИЕ, я увидел, что у тебя две колонки, и правая-контент, заходит под левую. Из этого я понял, что у тебя изначально неправильный подход к делу, и предложил тебе вариант прочного каркаса, который ты можешь переделать под себя.
-
А что собственно фиксить, давай ссылку
-
То есть размер середины? Центральной колонки какбы? А ты что хочешь, чтобы он НЕ менялся?
-
Ххахаха Да это же НЕ мой код, я просто кое что добавил в код ТС Ты вставь этот код в редактор, неужели ты думаешь, я бы такую хрень понаписал-бы?
-
Меняет размер чего?
-
Newie Вот тебе пример того, как примерно нужно было делать. Вёрстка тоже далеко не идеал, но для начала пойдёт. http://psywalker.ru/Portfolio/BusinessName.../main-page.html
-
Заведи себе хост. Намного полезнее, чем на Депозиты лить всякие, не каждый будет скачивать ведь. Держи такой вариант, сделай каркас по нему. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>3 Колонки</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { min-width: 700px;} div.left, div.right { float: left; background: red; width: 300px;} div.right { float: right;} div.content { overflow: hidden; background: blue;} </style> <!--[if IE 6]> <style type="text/css"> body {width:expression(document.documentElement.clientWidth < 960 ? "960px" : "auto");} div.left { margin-right: -3px;} div.right {margin-left: -3px;} div.content {zoom: 1;} </style> <![endif]--> </head> <body> <div class="left">LEFT</div> <div class="right">RIGHT</div> <div class="content">CONTENTВы, как веб-разработчик, должны дорожить каждой минутой своего драгоценного времени, а не тратить его на «повторное изобретение колеса». Совсем необязательно из раза в раз создавать одни и те же макеты веб-страниц сайта, когда можно использовать готовые. Готовые шаблоны хороши как раз тем, что для получения конечного результата достаточно внести в них незначительные корректировки и конечный продукт готов. При этом экономится уйма времени, которое, как известно, деньги!</div> </body> </html>
-
Поищи двух-колоночные макеты, полно вариантов.
-
Покажи скрин.
-
Покажи скрин того, что хочешь получить с подробным объяснением.
-
Newie А ты думаешь, что хорошая вёрстка заключается только в этом? Если так, то ты глубоко ошибаешься друг, это лишь 10% от хорошей вёрстки максимум. Можно сделать работу абсолютно валидной, но при малейшем ветре она у тебя развалится, тогда и валидность твоя не будет играть никакой роли. Хотел уточнения ошибок, ну держи. 1) Сайт прижат к левому краю, а должен быть по середине. 2) CSS не валидный http://jigsaw.w3.org/css-validator/validat...g=1&lang=ru 3) <li class="first"><a href="">Business Name<span>.com</span></a><br> Veroius atim dolore</li> Вот это название сайта, тогда хотябы нужно было поместить его в H1 4) <li><span><b>Search</b></span> Вот это что за бред всё? Это же заголовки. 5) <input type="image" src="images/button_2.gif">Нужно было делать не image, а submit 6) Очень много лишних блочных элементов div 7) Заполни контент текстом, посмотри какой ужас будет снизу 8) Код грязный, плохо читабельный Думаю на первое время хватит? А теперь начинай сначала, подходи ответственно к делу, подумай, где и как можно оптимизировать код, чтобы не было лишнего хлама и ненужных элементов.
-
Присоединяюсь. Скриншот минимум.
-
Ну не знаю, дело в том, что какая та чушь понаписана. Попробуй так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> #uppercontent { width:950px; margin:0px auto auto auto; } #mainpart { width:950; margin:0px auto auto auto; } #footer { height:150px; width:950px; margin:auto auto 0px auto; clear: both; } #sponsors { height:50px; width:950px; } #top { margin:0px auto auto auto; height:200px; width:950px; } #leftmenu { float:left; width:150px; margin:0px auto auto 0px; background: red; } #maincontent { margin:0px 0px 0px auto; width:800px; height:1000px; float:right; background: blue; } </style> </head> <body><center> <div id="uppercontent" > <div id="head" > </div> <div id="sponsors"> </div> </div> <div id="mainpart"> <div id="leftmenu"> g </div> <div id="maincontent"> </div> <div id="footer"> Footer </div> </div> </center> </body> </html>
-
Тут нечего говорить, это один сплошной косяк. Просто возьми, и переверстай всё заново, только тестируя на каждом этапе работы!!!
-
Да, за такого парня на аватарке любая урежется)
-
Скорее всего он так и думал. Возможно ещё думал, что сможет оповестить перед просмотром сайта пользователя о том, чтобы тот не делал экран меньше 1200 в ширину, а то это черевато последствиями.