Searcher
-
Posts
2,577 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Searcher
-
Мы быстрее ответим, если будет код. А, вообще, описание решения таких задач на этом форуме и в интернете полно, учитесь пользоваться поиском.
-
еще вариант: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { padding: 0; margin: 0; width: 100%; height: 100%; } #leftSect { position:absolute; width:50%; background:#fdd; } #rightSect { position:absolute; right:0; width: 50%; background:#ddf; } #leftCol { margin-right: 100px; background:#faa; } #rightCol { margin-left: 100px; background:#aaf; } #centerCol { position:absolute; left: 50%; width: 200px; margin-left: -100px; background:#afa; } </style> </head> <body> <div id="Content"> <div id="leftSect"> <div id="leftCol">Левая колонка</div> </div> <div id="rightSect"> <div id="rightCol">Правая колонка</div> </div> <div id="centerCol">Центральная колонка</div> </div> </body> </html>
-
:after это псевдоэлемент, читайте тут, но он не работает в IE
-
В ослике такая очистка блоков не решает все проблемы: не переносится текст в блоках, последний блок все-равно прыгает периодически под предпоследний или дальше.
-
Не достаточно информации... Способов центрирования много, зависит от свойст объектов, поищите здесь на форуме или в гугле. Не достаточно информации... Какие элементы должны быть по горизонтали?
-
Я не так категоричен, все таки. На мой взгляд нормальный средний дизайн, ничего страшного нет. Лого простенькое, но симпотичное, 2-х мерное, ну и что... Весь дизайн не 3-d. Может быть стоит еще цветовую гамму свести к минимуму. Выделение меню сделать темно-зеленым фоном. Фон контента светло-зеленым, светлее основного фона. Уже меньше аляповатости будет. На 2000 вполне потянет.
-
если в коде, который я привел в позапрошлом сообщении, заменить #Content на код из прошлого сообщения, все работает. overflow избавляет от глюка появления полос прокрутки в IE6, а не позиционирует. Позиционирует float:left;
-
вместо position:absolute можно float:left и clear:both и ширину установить, но там по 100% ширине в IE6 глюки будут. Периодически начнут полосы прокрутки возникать. Тогда нужно ширину устанавливать < 100% или overflow:hidden. #Content { float:left; clear:both; width:100%; overflow:hidden; background:#aaa; }
-
В IE6 вот так все работает. В других не проверял. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { padding: 0; margin: 0; width: 100%; height: 100%; } #Content { position:absolute; *margin:-3px 0 0 -3px; /* регулируем 3-х пиксельный баг IE6 */ *padding:3px 0 0 3px; /* регулируем 3-х пиксельный баг IE6 */ background:#aaa; } div.col { float: left; width: 25%; background:#888; } div.collast { float: left; width: 25%; background:#888; clear:right; } </style> </head> <body> <div id="Content"> <div class="col">1<br><br><br><br><br><br><br></div> <div class="col">2<br><br><br><br><br></div> <div class="col">3<br><br><br></div> <div class="collast">4<br><br><br><br><br><br><br><br></div> </div> </body> </html>
-
Дизайн неплохой. Но есть несколько "но": 1. Загругления уголков лучше сделать мягче, без зазубрин. 2. Выделение текущего пункта горизонтального меню лучше сделать также объемно, как и невыделенные пункты, т.е. сильнее высветлить под верхней гранью. 3. Не понятно к чему относится вертикальное меню в правом верхнем углу. Структура сайта становится непонятна. 4. Вертикальная серая полоса с цифрами в верхнем правом углу - некрасиво, лучше просто немного темнее фона шапки сделать, и еще непонятно, что это за полоса.
-
owerflow:visible;
-
Не надо описывать ячейки, которых нет: <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td class="left_top_corner" width="35px" height="35px"> <!--Левая боковая рамка--></td> <td width="100%" height="100%" rowspan="2"><!--Основная Большая Правая таблица -->{Таблица} </td> </tr> <tr> <td class="left_ramka" height="100%" width="35px"> </td> </tr> <tr> <td class="left_down_corner" width="35px" height="35px"> </td> <td> </td> </tr> </table>
-
стиль apple! нормально все, на мой взгляд
-
так строка text = document.getElementById("text"); зачем?
-
Нельзя по себе судить о других людях - это самая большая ошибка! И, если все говорят о том, что красный - плохо, значит это так и есть. Стиль верстки 90-х это не ретро, а убого! Вообще, сайт делается для людей, так и надо делать его так, чтобы людям нравилось, а не только тебе. Это основной принцип веб-дизайна.
-
Не стоит использовать красный цвет в таких масштабах. Психологическое восприятие этого цвета довольно специфическое. Сайт отпугивает. Предварительные заставки пользователь не любит. Рамки жуткие. Меню уползает под рамку. И, вообще, все это стиль верстки 90-х годов.
-
Судя по приведенному коду при загрузке на странице должна появиться цифра 2. Но этого не происходит, потому что когда грузится и запускается скрипт объекта с id="text" еще не существует, он просто еще не загрузился. Опишите необходимые действия в функции и запустите её на событии onLoad в тэге body, т.е. <body onLoad="Ваша функция()">. А вот строка text = document.getElementById("text"); зачем?
-
По спецификации CSS в зависимости от значений параметров так: input[type="text"] { стили } input[type="radio"] { стили } и тому подобное... Только эксплорер помоему не любит такого
-
Что-то Вы намудрили... Вот рабочий код: #Head { background:#e2e2e2; height:70px; } #Content { background:#fff0ff; margin-right:170px; } #Mini { background:#f0ffff; width:170px; float:right; } #Footer { clear:both; background:#fffff0; border-top: 1px solid #bdd0ee; } </style> </head> <body> <div id="Head">Head</div> <div id="Mini">Mini<br><br><br><br><br><br><br><br><br></div> <div id="Content">Content<br><br><br><br></div> <div id="Footer">Footer</div> Всякие padding и т.п. уже сами установите. Только не трогайте порядок дивов в боди.
-
"Я - веб разработчи среднего уровня. Никакими особеными знаниями, которыми обладают другия, я не владею" С грамотностью надо на сайтах по-серьезней, все-таки Так правильней будет: "Я - веб разработчик среднего уровня. Никакими особенными знаниями, которыми обладают другие, я не владею" Там дальше я бы еще слово "даже" выделил запятыми. А по скрипту так не понятно, надо подробно разбираться, времени пока на это нет...
-
Не работает ни одна ссылка в IE6, не могу оценить всего кайфа этого хомяка! Да и цвет текста не способствует легкости восприятия... 1. Такая страница загружается незаметно, что тут загружать-то Правильное использование html и php позволяет сделать загрузку незаметной. 2. Если скрипты, то надо делать ссылки, которые при неработающем или ошибочном скрипте загружают стандартным способом.
-
А максимум, expression совсем вешают или закрывают эксплорер.
-
В любом браузере есть предустановленные параметры по-умолчанию для каждого элемента. Каждый элемент имеет свой открывающий и закрывающий тэг, например <p> </p>, <a> </a> и т.п. Ссылка - отдельный элемент для которого свой цвет по умолчанию, обычно синий. Если Вы хотите задать собственные параметры для элементов нужно описать эти параметры в таблице стилей CSS. Стили описываются в html файле в разделе <style> или в отдельном css файле, который подключается к html. Более подробно читайте тут Цвета ссылок еще можно задать параметрами тэга body, об этом тут
-
100% высоту дива все браузеры понимают одинаково при соответствующем doctype. А 100% высоты таблицы после html 3.2 не существует. Да и раньше Opera не любила 100% высоты таблицы, растягивала, но не ужимала. Если делать на таблицах - ставьте высоты в 0 и используйте графические распорки однопиксельным прозрачным гифом.
-
Скажем так, отдельного css свойства такого нет. Приходится использовать всякие хитрости. Например такой кроссбраузерный способ в вашем случае: css .menu { float: left; width: 116px; height: 28px; border-left: 1px solid white; border-bottom: 1px solid white; font-weight: bold; font-family: Verdana, sans-serif; font-size: 10px; color: white; position: relative; } .menu[class] {display: table; position: static; overflow: auto;} .menu a { color: white; position:absolute; top:50%; left:50%; } .menu a[class] {display: table-cell; vertical-align: middle; text-align:center; position: static;} .menu a span { position:relative; top:-50%; left:-50%; } .menu a span[class] {position: static;} html: <div class="menu"><a href="......"><span>Новости</span></a></div>