Jump to content

psywalker

Moderator
 View Profile  See their activity

  • Posts

    13,707

  • Joined

  • Last visited

  • Days Won

    58

 Content Type 

Everything posted by psywalker

  1. psywalker

    кнопка

    psywalker replied to ppvkomi's question in HTML Coding

    Тебе поможет только книжка, как минимум
  2. psywalker
    А это ты должен потому-что постоянно читать, практиковаться и походу пьесы вопросы должны появляться сами по себе, а если их нет - это означает, что ты не особо интересуешься данной технологией Я например уже немного научился верстать и понимать CSS, но всё равно вопросы имеются и не мало, только уже более сложные что-ли
  3. psywalker
    Не за что друг, вот тебе пример самый обычный. Если не поставить zoom:1; для ИЕ6, то div#content в этом браузере будет расползаться на всю страницу. Скопируй код и сравни <!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>Untitled Document</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { min-width: 700px;} #left_bg { float: left; width: 300px; background: red;} #right_bg { float: right; width: 300px; background: red;} #content { overflow: hidden; background: blue; zoom:1; } </style> </head> <body> <div id="main"> <div id="left_bg">Left</div> <div id="right_bg">Right</div> <div id="content">Тут какой-то контент</div> </body> </html>
  4. psywalker
    Я уже говорил не раз, поэтому можно просто подитожить. 1) zoom:1; - это запатентованное свойство "Микрософт" 2) zoom:1; служит для того, что-бы починить или исправить баг в ИЕ6-7 3) zoom:1; Не понимает ИЕ8 и другие браузеры, но последнее время я читал, что его вроде понимает и Сафари 4. 4) zoom:1; невалидное средство, поэтому его лучше выносить в стили для ИЕ 5) zoom:1; Может что-то починить в ИЕ6, но также напротив сломать этот же элемент в ИЕ7, так что лучше перестраховываться и писать это свойство именно для элемента браузера, в котором этот элемент сломан 6) Вот так писать не рекомендую: *{zoom:1;} - опятьже из-за вышесказанных соображений
  5. psywalker
    Объясняю: Тег <b> нужен для того, что-бы сделать текст Жирным, а <strong> для того, что бы выделить Важный текст на странице. Соответственно в данном контексте тег <b> используется в качестве оформительного тега, а так как всё оформление на себя возложил CSS уже между прочим давно, то значит тег <b> нерекомедуемый и соответственно не семантичный! Вроде бы всё верно, но есть одно НО: Хочу всех обломать, кто так полагает: С приходом html5 все эти теги (<b>, <i>) и т. д. снова будут семантичны и служить уже не для своих сейчасных предназначений, а для немного других целей, опять же для выделений каких нибудь вещей, только которые отличаются от выделений предназначенных <strong> и т. д. вот так то! И вот надо ещё подумать несколько раз, перед тем как отказаться от них во время работы. Может они наоборот могут нам помочь?
  6. psywalker
    Согласен
  7. psywalker
    вот и я о томже
  8. psywalker
    в ИЕ6 при таком раскладе фон на месте не остаётся, если я тебя не так понял, то приведи плиз рабочий пример Вот дружище я сделал так, вроде всё прокручивается, не понимаю где подвох, раньше был, щас вроде нет. Отпишусь если замечу <!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"> *{ padding: 0; margin: 0;} body, html { height: 100%; overflow: hidden;} img { height: 100%; min-width: 60px; min-height: 300px; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } div.wrap {height: 100%; overflow: auto; position: relative; z-index: 1; overflow: auto;} </style> </head> <body> <img src="img/bg.jpg" alt="" /> <div class="wrap"> </div> </body> </html> Контейнер div.wrap надо забить содержимым
  9. psywalker
    дай ссылку посмотреть
  10. psywalker
    Ну почему же не семантично, это вообще никак, просто пустое место, тут даже о семантике мне кажется будет некорректно говорить. Я кстати бывает такие штуки использую иногда (по ситуации) для текста в пунктах меню, что-бы строки не разрывались и вроде-бы ничего нет, пустота, а строки не разрываются
  11. psywalker
    Ну раз на то пошло, я тебе ещё короче подскажу идею: Неразрывный пробел можно взять из: Пуск - Все программы - Таблица символов. И вобщем там находится пустая клеточка - это и есть Неразрывный пробел, его плюс в том, что он вообще не имеет Символов, а работает так же, как и
  12. psywalker
    Какой же классный у нас форум, простой вопрос, а сколько уже идей
  13. psywalker
    AntonSolo Дружище, а я тебе так скажу. Такая реализация с фоном с помощью чистого CSS дорогого стоит и я лично рад, что мне довелось научится это делать. Буду тебе очень признателен, если ты найдёшь ещё варианты решения такого фона Verder Зацени мой первый вариант, там как раз терроризм отсутствует, так как фон масштабируется как нужно, вот поэтому мне этот способ и нравится
  14. psywalker
    Great Rash Наконец-то ты пришёл!
  15. psywalker
    Вот это ты жестканул лучше уж тогда span выбирай, более современный
  16. psywalker
    Да мне всё таки кажется там у него просто можно тупо фоном сделать, да и вообще лишние элементы не использовать
  17. psywalker
    Да ты что, это очень важная тема, её нужно знать обязательно!
  18. psywalker
    Ты просто смотри сам, минус в моём варианте - это то, что если в ячейках будут ещё span, которые не предназначены для НЕразрыва строк, то тогда могут быть проблемы. А если нет, то конеш нормал, но вот всёже Justnewone тоже прав, для отдельных мест скорее всего я так же написал-бы <span class="nobr"></span>
  19. psywalker
    Не за что дружище, всегда рад..
  20. psywalker
    Если только их вообще без класса писать, а просто td span { white-space: nowrap;}
  21. psywalker
    Я проясню: Видимо дело в схлопывании границ, а точнее тебе сюда: http://softwaremaniacs.org/blog/2005/09/05...t-flow-margins/
  22. psywalker
    Не понял, при чём тут JS? <!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>Centr</title> <style type="text/css"> *{ margin: 0; padding: 0;} div.wrap { width: 510px; height: 306px; position: absolute; top: 50%; left: 50%; margin-top: -153px; margin-left: -255px; border: 1px solid #000; } div.center { width: 100px; height: 100%; position: absolute; left: 205px; top: 0; } span { display: block; width: 98px; height: 99px; border: 1px solid #808080; } span.right { position: absolute; right: 0; top: 105px;} span.left { position: absolute; left: 0; top: 105px;} </style> </head> <body> <div class="wrap"> <div class="center"> <span class="top"></span> <span class="cent"></span> <span class="bottom"></span> </div> <span class="right"></span> <span class="left"></span> </div> </body> </html>
  23. psywalker
    Дело в том, что в ИЕ6 вообще position: fixed; не работает, поэтому предложил бы 2 варианта, либо забить на ИЕ6, либо так, но это походу означает, что экран НЕ должен в будущем иметь столько контента, что-бы экран прокручивался вниз <!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"> *{ padding: 0; margin: 0;} body, html { height: 100%;} img { height: 100%; min-width: 60px; min-height: 300px; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } div.wrap { min-height: 100%; overflow: auto; position: relative; z-index: 1;} div.foot { position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; } </style> </head> <body> <img src="img/bg.jpg" alt="" /> <div class="wrap"> </div> </body> </html>
  24. psywalker
    Простите меня ребят, если честно, просто не вглядывался в текст, так машинально отписал
  25. psywalker

    H1 и Span

    psywalker replied to Sayitright's question in HTML Coding

    Нормально
×
×
  • 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