Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl


albrzykowski
Napisane: 12.03.2010, 13:30:53





Grupa: Zarejestrowani
Postów: 40
Dołączył: 5.02.2007

Ostrzeżenie: (0%)
-----

  1. #container {
  2. margin: 100px 100px 100px 100px;
  3. width: 1095; height: 548px;
  4. height: auto;
  5. background-image: url(images/background.png) no-repeat;
  6. }
  7.  
  8. div#xcontent {
  9. width: 200; height: 200px;
  10. overflow: scroll;
  11. top: 225px; left: 195px;
  12. position: absolute;
  13. font: 7pt Verdana, Arial, sans-serif;
  14. color: white;
  15. }


Witaj,

Po pierwsze proponuje deklarować jednostki width: 1095; -> width: 1095px; i to samo dotyczy deklaracji dla xcontent.
Po drugie pozycjonujesz absolutnie i domyślam się, że chcesz xcontent wypozycjonować względem container, wtedy powinieneś i jemu zdeklarować position na relative/absolute a nie domyślną static.
Korzystaj w czasie pisania z borderów dla konkretnych div-ów, łatwiej sprawdzić zachowanie layoutu.
I wybacz, bo może to zabrzmi głupio, ale upewnij się że podana ścieżka do grafiki jest poprawna.

Pozdrawiam
  Forum: Przedszkole · Podgląd postu: #723553 · Odpowiedzi: 8 · Wyświetleń: 2 056

albrzykowski
Napisane: 11.04.2009, 12:10:37





Grupa: Zarejestrowani
Postów: 40
Dołączył: 5.02.2007

Ostrzeżenie: (0%)
-----

Hej,

Nie wiem czy bardzo zależy Ci na zgodności ze wszystkimi standardami, ale... Mozesz wykryć wysokość scrollowanego diva JS i przy window.onload albo metodą attachEventListener w odpowiedniej wersji dla MOS i IE ustwić scroll-a na dole porządanego elementu.

Pozdrawiam!!
  Forum: CSS · Podgląd postu: #595749 · Odpowiedzi: 3 · Wyświetleń: 1 180

albrzykowski
Napisane: 10.04.2009, 09:02:23





Grupa: Zarejestrowani
Postów: 40
Dołączył: 5.02.2007

Ostrzeżenie: (0%)
-----

Hej,
Odwiedź te linki:

http://www.cssmenumaker.com/

http://www.alistapart.com/articles/dropdowns

I zaznaczę, że samym CSS będziesz miał problem ze względu na brak dobrej obsługio pseudoklasy hover w IE.
W tej przeglądarce reaguje tylko dla a jeżli dobrze pamiętam. Stąd dla IE należałoby dopisać JavaScript. Wszystko to masz opisane w drugim linku.

Podaje Ci mój kod, może Ci się przyda:

  1. <?php
  2. //<![CDATA[
  3. function hideMenu(){
  4.    var ul=document.getElementsByTagName('ul');
  5.    for(var i=0;i<ul.length;i++){
  6.        if(ul[i].className=='submenu'){
  7.            ul[i].className+=' hiden';
  8.        }
  9.    }
  10. }
  11. function setClass(){
  12.    this.className+=' over';
  13. }
  14. function resetClass(){
  15.    this.className=this.className.replace('over', '');
  16. }
  17. function dynamicMenu(){
  18.    if(document.getElementById){
  19.        var navRoot=document.getElementById('dynamic-menu');
  20.        for(var i=0;i<navRoot.childNodes.length;i++){
  21.            var node=navRoot.childNodes[i];
  22.            if(node.nodeName=='LI'){
  23.                if(node.addEventListener){
  24.                    node.addEventListener('mouseover', setClass, false);
  25.                    node.addEventListener('mouseout', resetClass, false);
  26.                }    
  27.                else{
  28.                    node.onmouseover=function(){
  29.                        this.className+=' over';
  30.                    }
  31.                    node.onmouseout=function(){
  32.                        this.className=this.className.replace('over', '');
  33.                    }
  34.                }    
  35.            }
  36.        }
  37.    }
  38. }
  39. function initMenu(){
  40.    if(window.addEventListener){
  41.        window.addEventListener('load', hideMenu, false);
  42.        window.addEventListener('load', dynamicMenu, false);
  43.    }
  44.    else if(window.attachEvent){
  45.        window.attachEvent('onload', hideMenu);
  46.        window.attachEvent('onload', dynamicMenu);
  47.    }
  48. }
  49. initMenu();
  50. //]]>
  51. ?>


  1. <ul id="dynamic-menu">
  2. <li>
  3. <ul class="submenu">
  4. <li><a href="#">Link1 1</a></li>
  5. <li><a href="#">Link 2</a></li>
  6. </ul>
  7. </li>
  8. </ul>


  1. #main-menu{
  2. position: absolute;
  3. clear: both;
  4. display: block;
  5. }
  6. #main-menu ul{
  7. list-style: none;
  8. }
  9. #main-menu ul li{
  10. float: left;
  11. }
  12. #main-menu li{
  13. position: relative;
  14. }
  15. #main-menu li ul{
  16. position: absolute;
  17. }
  18. #main-menu li ul li{
  19. display: block;
  20. }
  21. #main-menu li ul li a{
  22. display: block;
  23. }
  24. /* DYNAMIC-MENU CLASSES */
  25. .hiden{
  26. display: none;
  27. }
  28. .over ul{
  29. display: block;
  30. clear: both;
  31. }


Pozdrawiam!
  Forum: Przedszkole · Podgląd postu: #595239 · Odpowiedzi: 10 · Wyświetleń: 3 174


New Posts  Nowe odpowiedzi
No New Posts  Brak nowych odpowiedzi
Hot topic  Popularny temat (Nowe)
No new  Popularny temat (Brak nowych)
Poll  Sonda (Nowe)
No new votes  Sonda (Brak nowych)
Closed  Zamknięty temat
Moved  Przeniesiony temat
 

RSS Wersja Lo-Fi Aktualny czas: 19.03.2024 - 05:39