[HTML, Css] - Задай вопрос, получи ответ

Discussion in 'PHP' started by banned, 28 Jun 2007.

Thread Status:
Not open for further replies.
  1. mad_xakep

    mad_xakep Banned

    Joined:
    10 Apr 2007
    Messages:
    190
    Likes Received:
    68
    Reputations:
    0
    <a href=http://site.ru/file.zip>Скачать </a>
    xDDD
     
  2. v.tyshkev

    v.tyshkev New Member

    Joined:
    16 Mar 2009
    Messages:
    5
    Likes Received:
    0
    Reputations:
    0
    IE не отображает фоновые рисунки

    IE не отображает 2 фоновых рисунка заданных через css. Все остальные браузеры отображают как надо.

    css:

    Code:
    #head {width:705px;  	 
                               height:60px;  	
                               margin:0px auto;  	 
    background-image:  url(sample.png) 
    } 	  
    
    HTML:
    <div id="header"></div>
    Хочу сразу сказать, что дело тут не в .png, у меня и в .jpg не получается.

    Заранее благодарю откликнувшихся.
     
  3. Pashkela

    Pashkela Динозавр

    Joined:
    10 Jan 2008
    Messages:
    2,750
    Likes Received:
    1,044
    Reputations:
    339
    Code:
    <!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=windows-1251">
     <title>background-image</title>
     <style type="text/css">
      BODY {
       background-image: url(images/bg.jpg); /* Путь к фоновому изображению */
       background-color: #c7b29a; /* Цвет фона */
      }
     </style>
     </head>
     <body>
      <p>...</p>
     </body>
    </html>
    
     
  4. v.tyshkev

    v.tyshkev New Member

    Joined:
    16 Mar 2009
    Messages:
    5
    Likes Received:
    0
    Reputations:
    0
    Дело в том, что мне нужно через css.
    А IE блокирует скрипты и ActiveX(при чем здесь css, ума не приложу). Но даже если блокировку отключить ничего не меняется, разве что цвет ссылок при наведении курсора.

    Спасибо за ответ.
     
  5. ZigZag

    ZigZag New Member

    Joined:
    18 Mar 2009
    Messages:
    2
    Likes Received:
    0
    Reputations:
    0
    Thank You very much. :)
     
  6. Byrger

    Byrger Elder - Старейшина

    Joined:
    7 Mar 2008
    Messages:
    521
    Likes Received:
    26
    Reputations:
    -4
    Почему на сайте http://40-d.ru/ не меняется автоматически у браузера кодировка на UTF-8 :confused:
     
  7. SaiRus

    SaiRus Elder - Старейшина

    Joined:
    24 Nov 2008
    Messages:
    369
    Likes Received:
    41
    Reputations:
    0
    v.tyshkev, ты не правильно подключаешь css
    Code:
    #head {width:705px;height:60px;  	                             margin:0px auto;background-image:  url(sample.png)   }
    Code:
    <div id="[COLOR=Red]header[/COLOR]"></div>
    блок див и ИД head ни как не связаны...по крайней мере в примере...это раз, два это то что тебе не надо создавать ИД head если хочешь бекграунд для всей страницы, достаточно написать, как привел пример Pashkela в css файле
    Code:
     BODY {
       background-image: url(images/bg.jpg); /* Путь к фоновому изображению */
       background-color: #c7b29a; /* Цвет фона */
      }
     
  8. v.tyshkev

    v.tyshkev New Member

    Joined:
    16 Mar 2009
    Messages:
    5
    Likes Received:
    0
    Reputations:
    0
    Дело в том, что background мне нужен не для всей страницы.

    Все стили у меня в одном css-файле

    а подключил я их вот так:

    HTML:
    [<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sample</title>
    <link href="sample.css" rel="stylesheet"
    type="text/css" />
    </head>
    
    Chrome, Mozilla Firefox, Safari ,Opera и Navigator все понимают.

    Придется прописать стили с фоном непосредственно в это html.
     
  9. v.tyshkev

    v.tyshkev New Member

    Joined:
    16 Mar 2009
    Messages:
    5
    Likes Received:
    0
    Reputations:
    0
    Есть горизонтальное меню, сделанное в виде неупорядоченного списка.

    Задача: сделать так, что при наведении курсора цвет текста менялся.


    HTML:
    <ul>
    <li> <a href="#"
    onMouseOver="this.style.color='#FF6600'" onMouseOUT="this.style.color='#FFFFFF'">№ 1</a></li>
    <li> <a href="#" onMouseOver="this.style.color='#FF6600'" onMouseOUT="this.style.color='#FFFFFF'">№ 2</a></li>
    </ul>
    


    Проблема: IE в отличие от других браузеров, блокирует эту функцию.

    Не откажусь и от варианта на JavaScript, лишь бы работал.
     
  10. SaiRus

    SaiRus Elder - Старейшина

    Joined:
    24 Nov 2008
    Messages:
    369
    Likes Received:
    41
    Reputations:
    0
    Используй свойство hover в css,
    к примеру

    Code:
    /* -- Main Menu -- */
    #mainMenu ul                { position: relative; height: 100%; }
    #mainMenu li                { position: relative; float: left; }
    #mainMenu li a              { display: block; width: 101px; height: 27px; padding-top: 16px; float: left; font-size: .9em; color: #fff; text-decoration: none; text-align: center; background: url('../images/bg-menu_item.gif') 0 0 no-repeat; }
    #mainMenu li.active a,
    #mainMenu li a:hover        { background-color: #0a1520; background-position: 0 -43px; }
    
    а вобще лучше скачать бесплатный профессиональный темплейт один раз в нем разобраться и все вопросы отпадут

    ПС: про бекграунд все равно ни че не понял, в любом случае как тебе дал пример Pashkela так можно реализовать определенный бекграунд хоть для каждого пикселя твоей странички в отдельности!
     
    1 person likes this.
  11. diznt

    diznt Elder - Старейшина

    Joined:
    31 Jan 2008
    Messages:
    432
    Likes Received:
    164
    Reputations:
    -19
    И так есть код

    <html>
    <dev style="position:absolute;top:50%;left:50%;">
    Я человек который живет своей жизнью
    </dev>
    </html>

    и у меня смещаеться текст чуть вправо (так как объемный текст)
    что делать?
    Если нужно чтобы при разном расш. отоброжалось по центру
     
    2 people like this.
  12. L I G A

    L I G A Banned

    Joined:
    27 Jul 2008
    Messages:
    482
    Likes Received:
    380
    Reputations:
    49
    мб так :
    <center>
    Я человек который живет своей жизнью
    </center>
     
  13. diznt

    diznt Elder - Старейшина

    Joined:
    31 Jan 2008
    Messages:
    432
    Likes Received:
    164
    Reputations:
    -19
    L I G A точнее я имел в виду по середине стр.
     
  14. SaiRus

    SaiRus Elder - Старейшина

    Joined:
    24 Nov 2008
    Messages:
    369
    Likes Received:
    41
    Reputations:
    0
    это точно верно? у тебя текст не в блоке но к нему применено форматирование, странно, а так можно поставить left=45% текст сместиться чуть влево
     
    #974 SaiRus, 17 Apr 2009
    Last edited: 17 Apr 2009
  15. eLWAux

    eLWAux Elder - Старейшина

    Joined:
    15 Jun 2008
    Messages:
    860
    Likes Received:
    616
    Reputations:
    211
    dev => div

    <div style="position:absolute;top:50%;left:50%;">
    Я человек который живет своей жизнью
    </div>
     
  16. diznt

    diznt Elder - Старейшина

    Joined:
    31 Jan 2008
    Messages:
    432
    Likes Received:
    164
    Reputations:
    -19
    пробывал но все так же
    смещаеться даже если код будет таким

    <center>
    <div style="position:absolute;top:50%;left:50%;">
    Я человек который живет своей жизнью
    </div>
    </center>
     
  17. SaiRus

    SaiRus Elder - Старейшина

    Joined:
    24 Nov 2008
    Messages:
    369
    Likes Received:
    41
    Reputations:
    0
    Code:
    <html>
    <div style="position:absolute;top:50%;left:50%; width:1px; ">
    Я человек который живет своей жизнью
    </div>
    </html>
    
    ну вот так он в низ будет смещаться, просто не совсем понятно какого эффекта ты добиваешься...куда должен идти текст в лево как по арабски?
     
  18. SaiRus

    SaiRus Elder - Старейшина

    Joined:
    24 Nov 2008
    Messages:
    369
    Likes Received:
    41
    Reputations:
    0
    m0Hze, я делаю так

    Code:
    #cont_mus p {margin: 5px 0 0 10px;}
    потом в html
    Code:
    <div ID="cont_mus"><p> текст</p></div>
    Т.Е. непосредственно тексту ты задашь форматирование относительно твоего дива
     
    #978 SaiRus, 18 Apr 2009
    Last edited: 18 Apr 2009
  19. SaiRus

    SaiRus Elder - Старейшина

    Joined:
    24 Nov 2008
    Messages:
    369
    Likes Received:
    41
    Reputations:
    0
    Code:
    http://www.css-school.ru/lessons/51-urok-css-21.-oformlenie-tekstovogo-polja.html
    
    http://blog.sribna.com/ukrashaem-input-s-pomoschyu-css-prodolzhenie.htm
    есть еще 1 урок, токо не смог найти его...сам я мало css занимался с недельку но я свой поиск оформлял так, не знаю как на счет валидности будет еще не тестил
    css:
    Code:
    #search_form {background:url(Img/BkGr_2_05.jpg) no-repeat; position:relative; float:left; width:244px; height:29px; padding:0;}  #search_form .search_text	  { position:relative;clear:left; float:left; background:#774d2b; border:none; left:18px; top:2px; width:154px; color:#FFF;}  #search_form .search_Button { background:url(Img/BkGr_1_20.jpg); position:relative; float:left; width:70px; height:29px; border:none;left:20px;}  #search_form .search_Button_move {background:url(Img/BkGr_1_20.jpg);background-position: 0 -29px;position:relative; float:left; width:70px; height:29px; border:none; left:20px; }
    HTML:
    Code:
     <form method="get" action="http://www.google.ru/search?" id="search_form" target="_blank">       <input type="text" name="q" maxlength=110 value="Search" class="search_text">        <input type="submit" class="search_Button" value="" onMouseMove="this.className='search_Button_move'" onMouseOut="this.className='search_Button'">       </form>
    смысл такой, рисуешь в фотошопе нужный тебе стиль, режишь, присваиваешь форме бекграунд с нужной тебе картинкой, и туда размещаешь инпут, цвет которого равен цвету формы, что бы бекграунды формы и инпута слились, и не забудь разместить инпут правильно что бы вводимый текст не выходил за края формы
     
  20. imajo.ati

    imajo.ati Banned

    Joined:
    21 Feb 2008
    Messages:
    232
    Likes Received:
    62
    Reputations:
    8
    2 вопроса тем, кто использует xhtml

    как следует объявлять кодировку страницы - в заголовке веб-сервера, в конструкции <?xml или в mime-теге? (к примеру FF не понимает кодировку в mime-теге при использовании xhtml 1.0, IE неадекватно реагирует, если доктайп не в первой строчке и т.д.)

    какой mime-тип использовать - application/xhtml+xml или text/html ? (к примеру IE вообще не слышал что такое xhtml, но без этого заголовка опера и фф обрабатывают документ как html)
     
Thread Status:
Not open for further replies.