Jump to content

ardjuna

User
 View Profile  See their activity

  • Posts

    75

  • Joined

  • Last visited

 Content Type 

Posts posted by ardjuna

  3. A:visited для <li><a ...>....</a></li>

    in HTML Coding

    Posted

    а ты подумай, почему он все меняет сразу? правильно, потому что у тебя одинаковые урлы для каждой ссылки в примере

    Думать , то думал , на этот факт я бы в последнюю очередь наверное обратил бы внимание, спасибо , сэкономили мне время.

  4. A:visited для <li><a ...>....</a></li>

    in HTML Coding

    Posted

    Когда я захожу по одной из ссылок в меню, сделанного на основе списка:

    <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. background и IE

    in HTML Coding

    Posted · Edited by ardjuna

    Видимо дело в латинских буквах, в названиях Айди и классах, попробуй заново написать из латинскими.

    Попробую

    Хотя вобщето с layout пробовал уже до этого, так как этот косяк часто встречал.

    Попробую ещё более конкретно - код заново перепишу.

    Css - это не для слабонервных. :)

    Да, ошибка была видимо в раскладке клавы. Так как при переписывании кода , все заработало. Спасибо за помощь Вам всем.

  6. background и IE

    in HTML Coding

    Posted · Edited by 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">
    <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. background и IE

    in HTML Coding

    Posted

    А какой ИЕ?

    зум пробовал?

    IE6

    zoom пока не пробовал.

    Всем спаибо за отклик.

    Сейчас разберусь почему разница по отображению наших кодов

  8. background и IE

    in HTML Coding

    Posted

    Абижяишь, даже специально в 6-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=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>

    :)

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

    :)

  10. background и IE

    in HTML Coding

    Posted · Edited by ardjuna

    Не пойму почему 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>

  12. Создание градиента. Вопрос в личку.

    in HTML Coding

    Posted

    Странно, вроде всё должно быть нормал, это же не пнг.

    Создаю рис., делаю Экспорт, выбираю jpg формат, по базовой линии режу , качество max и в IE6 тю-тю, в других браузерах норм., делаю через Photoshop всё норм. Я и сам не пойму в чём разница. Может быть в установках качества для jpg. Photoshop не катит , т.к. не удобно , нет точности и инструментов привязки.

  14. резиновый трехколоночный макет с отступами по бокам

    in HTML Coding

    Posted

    Да уж верно.

    Ну что ж будем ждать и надеяться что "в скором времени" , IE6 изживут все юзезы.

    А для этого я тоже подключусь на войну с ним как это делают многие/

    Сделаю что-то вроде http://htmlbook.ru/ie6.html.

    Psywalker ещё раз спасибо, вы весьма помогаете новичкам, несмотря на нашу нередкую глупость и лень.

  15. резиновый трехколоночный макет с отступами по бокам

    in HTML Coding

    Posted

    Ну у тебя же ещё и флоат, а я говорю про отдельный оверфлоу

    Могу ещё так сказать :

    Дело в том , что до того, как я поставил 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 это видно

    можете даже сам код посмотреть

  17. резиновый трехколоночный макет с отступами по бокам

    in HTML Coding

    Posted · Edited by 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, спасибо за код.

  19. резиновый трехколоночный макет с отступами по бокам

    in HTML Coding

    Posted · Edited by ardjuna

    Хоть вроде и не хорошо как бе некоторые считают, но напишу.

    Все Ваши вопросы бородатые дальше некуда и гугляца моментально. Либо предпочитаете репетиторство?

    Если эти вопросы дюже бородатые , то интересно тогда в чем смысл форумов , особенно с разделами для новичков.( в этот раздел "Проблемы верстки" написал лишь потому, что там молчат)/

    про выпадающие блоки из контейнера, при всём том, что очень много видел ресурсов по тематике соответствующей, не видел ничего (хотя может это там и есть).

    Про overflow: hiden; написанно в чем его суть

    hidden

    Отображается только область внутри элемента, остальное будет обрезано.

    Но зачем это в моем случае я не догоняю.

    Я не за то, чтобы дергать по каждому поводу знающих, но если я что-то не понял , то не вижу ничего зазорного спросить там , где это всё централизованно устроенно с этой целью.

    Кстати опишите , что в Вашем понимании есть бородатый вопрос.

  20. резиновый трехколоночный макет с отступами по бокам

    in HTML Coding

    Posted · Edited by 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. резиновый трехколоночный макет с отступами по бокам

    in HTML Coding

    Posted · Edited by ardjuna

    CSS - это вечная борьба, загадка, это светлый ум и большая внимательность - :)

    Хорошо буду переосмыслять.

    Спасибо за подсказки, надо разобрать для себя, как всё это работает.

    Ширина берется от непосредственного родителя

    то есть 80% ширины вснешнего блока для потомков = 100%. От туда и пляшите. Я бы сделал так, разбил бы на 2 дива, а третий положил бы в один из них с флоатом. ну, если по коду подходит.

    Подумаю и над таким способом, завтра попробую отписаться.

  24. резиновый трехколоночный макет с отступами по бокам

    in HTML Coding

    Posted · Edited by ardjuna

    Насчёт ширины для контейнера(box) 100% ,это я сглупил конечно.

    Попробовал через установку margin-leftn: 10% и margin-right: 10%. Однако не то пока.

    А вот насчёт того , что подход хреновый - это очень интересно поподробней бы узнать.

    Контейнер сейчас ведёт себя по отножению к вложенным элементам интересным образом, они по коду в нём , а визуально выпадают из него. Очень важно понять эту особенность поведения контейнера, у меня так уже случалось , но что это я так и не понял.

    Ширина всех элементов кроме центрального блока не соответствует заявленной.

    Ссылка такая же.

×
×
  • 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