yopopt
-
Posts
1,151 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by yopopt
-
Не знаю в ч?м проблема, написал за пять минут. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #volume { height: 27px; overflow: hidden; margin-left: 20%; /* for test only */ } #volume a { display: block; position: relative; text-decoration: none; border: 1px solid #000; height: 25px; width: 25px; font-size: 0; } #volume a.level1 { z-index: 4; } #volume a.level2 { top: -27px; z-index: 3; padding-left:27px; } #volume a.level3 { top: -54px; z-index: 2; padding-left:54px; } #volume a.level4 { top: -81px; z-index: 1; padding-left:81px; background: #0f0; } #volume a.level1:hover, #volume a.level2:hover, #volume a.level3:hover, #volume a.level4:hover { background: #f00; } #volume a span { display: none; } #volume a:hover span { position: absolute; left: 110px; display: block; font-size: 23px; color: #f00; } </style> </head> <body> <p>Welcome to the API documentation for Prototype. The left column contains the main sections. When you activate a section, its detailed contents then appears at the top of the column. We are doing our best to provide you with current, clear, example-rich documentation. The goal here is that you should, when reading it, get the same warm, fuzzy feeling as we do when using Prototype :-) The API documentation is a reference documentation. If you need to learn how to use Prototype, or to acquire skills in a particular feature area, have a look at the Learn section, which is accessible from the top of all pages (the ?Tips and Tutorials? link), and is also linked from the orange bar in all reference pages. Documentation in the Learn section is more narrative, tutorial-style.</p> <div id="volume"> <a href="#" class="level1"><span>hint1</span></a> <a href="#" class="level2"><span>hint2</span></a> <a href="#" class="level3"><span>hint3</span></a> <a href="#" class="level4"><span>hint4</span></a> </div> <p>Welcome to the API documentation for Prototype. The left column contains the main sections. When you activate a section, its detailed contents then appears at the top of the column. We are doing our best to provide you with current, clear, example-rich documentation. The goal here is that you should, when reading it, get the same warm, fuzzy feeling as we do when using Prototype :-) The API documentation is a reference documentation. If you need to learn how to use Prototype, or to acquire skills in a particular feature area, have a look at the Learn section, which is accessible from the top of all pages (the ?Tips and Tutorials? link), and is also linked from the orange bar in all reference pages. Documentation in the Learn section is more narrative, tutorial-style.</p> </body>
-
Ага. Код стал универсальным. Ещ? неплохо бы вс? выровнять.
-
Да, прикольно. А вот и мой вариант для ИЕ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } a { left: 0; top: 0; position: absolute; text-decoration: none; border: 1px solid #000; height: 25px; width: 25px; font-size: 25px; } #a1 { z-index: 4; } #a2 { z-index: 3; padding-left:25px; } #a3 { z-index: 2; padding-left:50px; } #a4 { z-index: 1; padding-left:75px; } #a1:hover, #a2:hover, #a3:hover, #a4:hover { background: #f00; } </style> </head> <body> <div> <a href="#" id="a1"> </a> <a href="#" id="a2"> </a> <a href="#" id="a3"> </a> <a href="#" id="a4"> </a> </div> </body>
-
В этом ошибка: <link rel="stylesheet" type="text/css" href="mysite"> Переименуйте mysite в mysite.css. Вам вообще удобно редактировать файлы без расширения?
-
Ага. to ARA бекапить вс? надо. Прич?м желательно на флешку. Потому как rw диски довольно ненад?жны. У меня есть один двд диск, который читается только моим приводом. По теме попробуй открыть диск и скопировать инфу с помощью Far Manager. На все "не могу прочитать" отвечай повторить. Раз десять. Или попробуй какую-нибудь прогу для побитового копирования инфы с cd. В инете их много, но я никогда ими не пользовался. P.S. Ещ? посоветовал бы найти cdrom Samsung конца прошлого века или начала этого. Там хорошая коррекция ошибок чтения. У меня таких два, но я не дам.
-
Интересно. Я бы сделал так: Фон из #all перен?с в #content, а сам #content изменил так: #content { background:transparent url(/images/highway_bottom.jpeg) no-repeat scroll left bottom; padding:290px 0 137px 320px; width:580px; } То есть заменил margin на padding и добавил отступ снизу. Фон опустился и теперь надо поднять футер: #footer { background:transparent url(/images/bottom_pic.gif) no-repeat scroll 630px 70px; clear:both; font-size:90%; height:60px; padding:77px 0 0 320px; position:relative; top:-137px; } Я думаю комментарии не требуются - вс? просто.
-
-
Про дизайн не буду (хотя есть что сказать), а по коду... 1. Почему доктайп не на первой строке? Возможны проблемы с ие. 2. Два слеша в http://www.fugees.ru//favicon.ico" /> Ерунда, но вс?-таки... 3. Зачем body пропсывать идентификатор? Не проще обращаться просто к body?4. Абсолютные пути лучше заменить относительными. Или просто от корня. Бесполезная трата трафика пользователя. 5. - не красиво.6. А зачем ? Пользуйтесь отступами. Это не сложно при таком большом количестве id. В целом код страницы аккуратен и каких-то больших ошибок не видно. Про css: 1. body#regular - ж?стко. Тоже про margin: 0 0 0 0; 2. background-image: url(../images/header_bkg.gif); - лучше пишите полное описание с позицированием, повторением и фоном. 3. Вот это: font-family: Verdana; font-size: 8pt; font-weight: bold; можно записать как font: bold 8pt Verdana; 4. Использование отрицательных значений говорит скорее о недостаточно продуманной структуре. Скорее всего несколько перестроив код можно обойтись и без них. Это оправданно только если хотите скрыть что-то. Но это мо? субъективное мнение. Не люблю я их. В целом неплохо, но стоит почистить.
-
-
Согласен за редкими исключениями. А некоторые неприятные баги ие(к примеру) правятся на лету в процессе написания кода. Если сразу пишешь аккуратно отладка занимает меньше времени.
-
id не должен начинаться с цифры! Почитайте: http://xhtml.ru/2005/10/03/css_cheat_sheet/
-
Оцениваю в один рубль.
-
Можно добавить блоку class="name_object_style" text-align:center; или задать какую-то ширину и margin:0 auto;
-
Не подскажем.
-
Можно использовать символ "bullet" (• или •) Задать ему нужный цвет и размер.
-
Измените * HTML LI UL { /* Только для браузера Internet Explorer */ left: 0px; /* Положение подменю по горизонтали */ top: 30px /* Положение подменю по вертикали */ } На LI UL { /* Только для браузера Internet Explorer */ left: 0px; /* Положение подменю по горизонтали */ top: 23px; /* Положение подменю по вертикали */ }
-
to jump Загляните сюда: http://xhtml.ru/2007/01/20/css-selectors/
-
<style type="text/css"> ul#list1 li { list-style:none; } </style> Посмотрите внимательно и почувствуйте разницу.
-
Обтекание текста вокруг изображения при "position:absolute;"
yopopt replied to Powerslave's question in HTML Coding
Рад что у Вас получилось. Только вы сверстали не таблицами, а дивами. То есть как я и говорил, как проще. Ещ? теги надо закрывать. -
1. Ширина блоков считается не от ширины экрана, а от блока сover 2. Чтобы появился фон добавьте высоту в блок cover.
-
Обтекание текста вокруг изображения при "position:absolute;"
yopopt replied to Powerslave's question in HTML Coding
Да, похоже. Посмотрел скрины... Вы собираетесь это делать таблицей?! Ну флаг Вам в руки, только прошу потом выложить сюда код. Для общего развития. Гораздо проще это сделать слоями. Нужно всего несколько дивов. -
Обтекание текста вокруг изображения при "position:absolute;"
yopopt replied to Powerslave's question in HTML Coding
А зачем position:absolute;? По моему вс? должно работать... -
1. Нет 2. Да. Только тег img и его атрибут src вс? равно будет на странице.