Jump to content

ardjuna

User
 View Profile  See their activity

  • Posts

    75

  • Joined

  • Last visited

 Content Type 

Everything posted by ardjuna

  1. ardjuna
    Нет ul был закрыт, дело было действительно именно в одинаковом url для нескольких <a href="">...</a>
  2. ardjuna
    Наверное сами с собой разговариваете?
  3. ardjuna
    Думать , то думал , на этот факт я бы в последнюю очередь наверное обратил бы внимание, спасибо , сэкономили мне время.
  4. ardjuna
    Когда я захожу по одной из ссылок в меню, сделанного на основе списка: <div id="menu"> <ul> <li><a href="#">уууууу</a></li> <li><a href="#">уууууууууу</a></li> <li><a href="#">уууууууууууууууу</a></li> <li><a href="#">ууу</a></li> </div> то все разделы этого меню, меняют свой цвет на a: visited, но мне нужно, чтобы цвет меняла лишь та ссылка, на по которой я заходил и только. Как можно это обойти? Это что св-во UL такое?
  5. ardjuna

    background и IE

    ardjuna replied to ardjuna's question in HTML Coding

    Попробую Хотя вобщето с layout пробовал уже до этого, так как этот косяк часто встречал. Попробую ещё более конкретно - код заново перепишу. Css - это не для слабонервных. Да, ошибка была видимо в раскладке клавы. Так как при переписывании кода , все заработало. Спасибо за помощь Вам всем.
  6. ardjuna

    background и IE

    ardjuna replied to ardjuna's question in HTML Coding

    Видимо нужно отдохнуть, ибо я что-то разницу не просекаю Мой вариант: <!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=windows-1251" /> <title>My_var</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 5%; margin-right: 5%; background: #faddcc; border: 2px solid grey; } </style> </head> <body> <div id="layout"> <ul> <li><a href="#">Статьи</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Портфолио</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Главная</a></li> </ul> <div style="clear:both"></div> </div> </div> </body> </html> вот результат - http://img2.immage.de/0502ed434fdie6.jpg Вариант Mavrun <!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=windows-1251" /> <title>Gor_spis</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 15%; margin-right: 15%; background: #faddcc; border: 1px dotted #000; } </style> </head> <body> <div id="layout"> <ul> <li><a href="#">Статьи</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Портфолио</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Главная</a></li> </ul> <div style="clear:both"></div> </div> </body> </html> Отображается по разному. Да уж совсем ослеп я что-то. При этом в мой вариант для ul overflow:hidden добавить результата ноль (при убранном <div style="clear:both"></div>). </div> http://img2.immage.de/05022baacieoverflow.jpg А вот твой вариант psywalker overflow: hidden; для ul ( с кодом , который я скопировал у Marvun ( так как мой почему-то не катит вообще, тока ПОЧЕМУ??????) ) (<!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=windows-1251" /> <title>psy_walker</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ overflow: hidden; list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 15%; margin-right: 15%; background: #faddcc; border: 1px dotted #000; } </style> </head> <body> <div id="layout"> <ul> <li><a href="#">Статьи</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Портфолио</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Главная</a></li> </ul> </body> </html> http://img1.immage.de/05021908aieoverflowmarvun.jpg Если всех замучил своими вопросами ,извините, не специально, видимо день не мой.
  7. ardjuna

    background и IE

    ardjuna replied to ardjuna's question in HTML Coding

    IE6 zoom пока не пробовал. Всем спаибо за отклик. Сейчас разберусь почему разница по отображению наших кодов
  8. ardjuna

    background и IE

    ardjuna replied to ardjuna's question in HTML Coding

    Перепроверяю, что там у меня не так было . (главное ваш код прошёл всё норм, я же добавлял и не прокатило)
  9. ardjuna

    background и IE

    ardjuna replied to ardjuna's question in HTML Coding

    к сожалению пока ничего не помогло, скоро скрины кину.
  10. ardjuna

    background и IE

    ardjuna posted a question in HTML Coding

    Не пойму почему IE не воспринимает ни background ни border для блока <div id="layout"> . <!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=windows-1251" /> <title>Gor_spis</title> <style type="text/css"> body{ margin: 0; padding: 0; } ul{ list-style-type: none; margin-left: 1,8%; } li { float: left; width: 16%; text-align: center; } #layout{ overflow: hidden; margin-top: 5%; margin-left: 15%; margin-right: 15%; background: #faddcc; } </style> </head> <body> <div id="layout"> <ul> <li><a href="#">Статьи</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Портфолио</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Главная</a></li> </ul> </div> </body> </html>
  11. ardjuna

    Web 3.0 и 4.0

    ardjuna replied to Elendor's topic in Flame

    Так это уже с web 2.0 идёт. Ну вы понимаете...
  12. ardjuna
    Создаю рис., делаю Экспорт, выбираю jpg формат, по базовой линии режу , качество max и в IE6 тю-тю, в других браузерах норм., делаю через Photoshop всё норм. Я и сам не пойму в чём разница. Может быть в установках качества для jpg. Photoshop не катит , т.к. не удобно , нет точности и инструментов привязки.
  13. ardjuna
    Что так никто и не подскажет?
  14. ardjuna
    Да уж верно. Ну что ж будем ждать и надеяться что "в скором времени" , IE6 изживут все юзезы. А для этого я тоже подключусь на войну с ним как это делают многие/ Сделаю что-то вроде http://htmlbook.ru/ie6.html. Psywalker ещё раз спасибо, вы весьма помогаете новичкам, несмотря на нашу нередкую глупость и лень.
  15. ardjuna
    Могу ещё так сказать : Дело в том , что до того, как я поставил float:left для div.content, у меня всё в IE6 было нормально у div.left и div.right не было бага IE6 в 3px, не нормально было только у самого div.content . у него 3px были, а после float: left ушёл отступ; Вот как было до вставки float left в IE6 и без: div.left { margin-right: -3px; } div.right {margin-left: -3px; } здесь: http://concept.dax.ru в IE6 это видно можете даже сам код посмотреть
  16. ardjuna
    Так, а это тогда , что у меня , если не overflow:hidden? div.content{ float: left; width: 43%; overflow: hidden; background: green; }
  17. ardjuna
    Чуть чуть переделал для соего случая: <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> *{ margin: 0; padding: 0;} div.box { width: 100%; margin: 0 10%; overflow: hidden;} div.left{ float: left; width: 32%; background: red;} div.right{ float: left; width: 4.9%; background: blue;} div.content{ float: left; width: 43%; overflow: hidden; background: green; } </style> <!--[if IE 6]> <style type="text/css"> body {width:expression(document.documentElement.clientWidth < 300 ? "300px" : "auto");} div.box {zoom:1;} div.content { margin-left: -3px; zoom: 1; } </style> <![endif]--> </head> <body> <div class="box"> <div class="left">Left</div> <div class="right">Right</div> <div class="content">Content</div> </div> </body> </html> Но вот что неясно: Зачем psywalker прописывал: div.left { margin-right: -3px; } div.right {margin-left: -3px; } Если это ни на, что не влияло вообще; т.е. у div.left и div.right не возникал 3-х пиксельный отстпуп в IE не сними, не (что Главное) без них. А вот у div/content отступ в 3пкс был , до тех пор пока я ему не задал также как и у предыдущих блоков float: left; Про сам трехпиксельный отступ в IE6 при применении float:left пишут везде, но вот причин нигде я не видел, чтобы прописывали(то бишь сам принцип работы IE6) При этом в моём случае, как я понял div.left { margin-right: -3px; } div.right {margin-left: -3px; } не требовались, Так скажите пожалуйста , когда возникают эти трехпиксельные отступы в IE6, а когда нет и почему. Так же почему в моем случае, чтобы убрать трехпиксельный отступ, достаточно было самому div.content прописать float:left; и всё? Psywalker, спасибо за код.
  18. ardjuna
    Итак с overflow: hidden для box прояснил для себя суть , но вот для content в чем потребность overflow для content, я никак не пойму.
  19. ardjuna
    Если эти вопросы дюже бородатые , то интересно тогда в чем смысл форумов , особенно с разделами для новичков.( в этот раздел "Проблемы верстки" написал лишь потому, что там молчат)/ про выпадающие блоки из контейнера, при всём том, что очень много видел ресурсов по тематике соответствующей, не видел ничего (хотя может это там и есть). Про overflow: hiden; написанно в чем его суть hidden Отображается только область внутри элемента, остальное будет обрезано. Но зачем это в моем случае я не догоняю. Я не за то, чтобы дергать по каждому поводу знающих, но если я что-то не понял , то не вижу ничего зазорного спросить там , где это всё централизованно устроенно с этой целью. Кстати опишите , что в Вашем понимании есть бородатый вопрос.
  20. ardjuna
    Подскажите пожалуйста. Когда мы прописываем: <!--[if IE 6]> <style type="text/css"> .......................................... ......................................... </style> <![endif]--> то мы указываем конкретно браузеру, что, "если ты IE, то тебе вот эти св-ва" , а если другой браузер будет , то он что этот код не воспримет? Как это работает , ведь это же всего лишь комментарий? Я что-то не пойму. Что здесь дает св-во zoom для IE , какой баг мы тут так правим? overflow: hidden для content и box зачем указывать? Ведь у нас для данных блоков не указана конкретная ширина? Если мы хотим , чтобы за пределы box (когдау него есть заданная width ) не вышло содержимое , тогда мне ясно зачем overflow: hidden. Но width у box нет. Также не ясно зачем мы задали это св-во для content. body {width:expression(document.documentElement.clientWidth < 300 ? "300px" : "auto");} Я в js не понимаю, не скажите ли что мы тут задаем? И ещё все же для понимания принципов, очень хочется понять, почему из бокса контейнера (<div id="box">) выпадают вложенные в него divы? Я понимаю что код хреновый , но извиняйте, главное мне тут понять причину выпадения вложенных дивов, а саму верстку я переделаю. <div id="box"> <div id="left-collumn"> left-coll </div> <div id="pust"> pust </div> <div id="right-collumn"> right-coll </div> </div> body { margin: 0px; padding: 0px; font-family: Arial, Sans-serif; font-size: 13px; } #box{ border: solid 3px grey; margin-left: 10%; margin-right: 10%; } #left-collumn{ border: 1px solid red; width: 32%; float: left; } #pust{ min-width:4.9%; width: auto !important; width: 4.9%; border: 1px solid black; float:left; } #right-collumn{ width: 43%; float: right; border: 1px solid green; } Как это выглядит можно увидеть тут: http://concept.ru/ по border серому у div id"box"
  21. ardjuna
    CSS - это вечная борьба, загадка, это светлый ум и большая внимательность - Хорошо буду переосмыслять. Спасибо за подсказки, надо разобрать для себя, как всё это работает. Подумаю и над таким способом, завтра попробую отписаться.
  22. ardjuna
    http://img4.immage.de/2101d9screen.jpg Извините, что грузится долго картинкак много весит.
  23. ardjuna
    сейчас забахаю
  24. ardjuna
    Насчёт ширины для контейнера(box) 100% ,это я сглупил конечно. Попробовал через установку margin-leftn: 10% и margin-right: 10%. Однако не то пока. А вот насчёт того , что подход хреновый - это очень интересно поподробней бы узнать. Контейнер сейчас ведёт себя по отножению к вложенным элементам интересным образом, они по коду в нём , а визуально выпадают из него. Очень важно понять эту особенность поведения контейнера, у меня так уже случалось , но что это я так и не понял. Ширина всех элементов кроме центрального блока не соответствует заявленной. Ссылка такая же.
  25. ardjuna
    Сейчас переварю.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept