Jump to content

hf3

User
  • Posts

    622
  • Joined

  • Last visited

  • Days Won

    2

Posts posted by hf3

  1. А если задача усложняется - дивов больше двух (например - 5).

    Как сделать так, чтобы при клике мышкой только нужный див получал display:block, а остальные - display:none?

    Вот код который выше дал - все по шаблону - только вместо события onmouseover - onclick

    {
    document.getElementBuId('frame1').style.display='block';
    document.getElementBuId('frame2').style.display='none';
    document.getElementBuId('frame3').style.display='none';
    document.getElementBuId('frame4').style.display='none';
    document.getElementBuId('frame5').style.display='none';
    }

  2. Таблица 6 на 5 объединяются только строки поэтому colspan вооще не нужен… работы минут на 20 - главное внимательность

    как вариант - нарисовать её в ворде, сохранить как ХТМЛ и почистить лишнее :)

  3. ребята это вы зря меня лодырем считаете, я наоборот ОЧЕНЬ ОЧЕНЬ даже хочу научиться и делаю все возможное, просто мне как еще новичку не понятны все тонкостьи верстки сайтов

    http://forum.htmlbook.ru/index.php?showforum=31 - выбирай и верстай . как сделаешь выкладывай в раздел “обсуждение работ”

    простите, а что означает отот снимок, что вы хотите этим сказать

    наверное имелось ввиду что именна на этих форумах они и обсуждаются :)

  4. Нет, без JS не получится, если только не обернуть все это дело в ссылку вместо дива -)

    обертывать в ссылку - это извращение…))

    ИМХО - вообще накаты, клики и все прочие события - изначально были вотчиной JS

    Т.е. хорошо что в CSS есть псевдо класс Ховер , но JS будет явно не хуже… Тем более с его помощью можно все и в одном диве делать просто меняю его содержимое. DHTML очень полезная штука

  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Rollover</title>
    <style type="text/css" media="screen">
    .rollover {
    width: 200px;
    }
    </style>
    <script type='text/javascript'>
    functiob changeDiv
    {
    document.getElementBuId('frame1').style.display='none';
    document.getElementBuId('frame2').style.display='block';
    }
    functiob changeDiv2
    {
    document.getElementBuId('frame1').style.display='block';
    document.getElementBuId('frame2').style.display='none';
    }
    </script>
    </head>
    <body>
    <div class="rollover" onmouseover='changeDiv' onmouseout='changeDiv2'>
    <div id="frame-1">
    <p>Первая заповедь: не нав<span>р</span>еди!</p>
    </div>
    <div id="frame-2">
    <p>Что ж ты делаешь, а?!!</p>
    </div>
    </div>
    </body>
    </html>

    например как то так

  6. #center {

    margin:0 auto;

    }

    Вроде это и есть самый логичный - но вроде 6 ИЕ его не понимает адекватно

    второй вариант

    недалкео ушёл от тега center

    мне в своё время такой вариант понравился

    <div id="center">после всех кодов закрываем</div>

    #center

    position:absolute;

    left:50%;

    margin-left: - (половина от ширины сайта)

  7. верхнее меню работает?

    неа…

    8 даже просто ссылок там даже не видит… в режиме 7 - работает нормально, может стоит обрамить ссылки Span ами и у них менять бэкграунд?

    А чтобы картинки подгружались заранее можно попробовать создать невидимый абослютно позиционированный слой с фоном :hover… рисунок будет заранее кэшироваться…

  8. >>Вроде HTML HEAD - это не теги разметки…

    не знаю как выразится корректнее - теги не влияющие на разметку… А структуриющий документ Хтмл

    и соотвенно у них не может быть пэддингов , маргинов и прочего…

  9. [quote]Слушай, а скажи, как тебе Windows 7, намного и чем он лучше Висты и ХР? а он уже вышел реально или ещё сырая версия вообще?[/quote]


    Мне очень нравится - удобная и шустрая. Дройвера написаны, 99 % программ идёт - вот такой на мой взгляд и должна быть ОС - удобной и не навязчивой

    Лучше всего самому попробвать.

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