Automatyczne przewijanie nie działa. Jak wyśrodkować menu?

0

Mam problem. Niedawno zacząłem bawić się w pisanie stronek, więc jestem seledynowy (ale już nie zielony).
Denerwującą sprawą wszystkich moich gości na stronie jest górny pasek reklamy, która zarabia na moją stronkę i na serwer. Pomyślałem więc, że cudnie by było przewinąć stronę o 250 px-ów i tym samym bez usuwania reklamy, zmniejszyć jej widoczność.
zastosowałem więc kod :

<script type="text/javascript">
    function scrollWin(x, y) {
    window.scrollBy(x, y);
   }
    window.onload = scrollWin(0, 250);

</script>

Jeśli przycisk odwołuje się do tego polecenia, to wszystko gra. Kawałek kodu był większy, ale przewijał stronę bez końca w dół i ładował się dopiero, gdy stonka byłą już dobrze załadowana i reklama wyświetlała się już od dłuższego momentu. Jak więc umieścić kod tak, by przewinął stronkę, zanim cokolwiek się na niej wyświetli.
Sprawa dwa : Wykonałem na CSSach proste rozwijane menu , ale nie wiem jak mam go wyśrodkować. Według "zbadaj element" jest on długości całej strony, a przyciski są ustawione tylko "od lewej" Kolejny kod menu :

  <style>
      /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */
      /* wygląd głównego elementu - ol */
      ol {
        list-style-type:none;
        padding:10;
        margin:10;
      /*  background-color:#FFF; -usuwamy białe tło*/
        font-size:18px;
        height:2em;
        line-height:2em;
        text-align:center;

      }

      /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
      ol a {
        display:block;
        text-decoration:none;
        color:#000;
      *  padding:0 5px; *

      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol */
      ol > li {
          float:right;
          width:200px;     
      /*  margin-left:3px; */
          margin-right:3px;
          background-color:#426B9C;
          height:2em;
      }

      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
      ol > li:first-child {
        margin-left:0;

      }

      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover {
        background-color:#EEE;
      }

      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > a {
        color:#09C;
      }

      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
      ol > li:hover > ul {
        display:block;
      }

      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

      /* wygląd głównych rozwijanych elementów - ul */
      ol > li > ul {
        display:none;
        list-style-type:none;
        padding:0;
        margin:0;

left: -5%;
      }

      /* wygląd elementu - li - w części rozwijanej */
      ol > li > ul > li {
        position:relative;
        background-color:#EEE;
right: -5%;
      }

      /* wygląd elementu - a - w części rozwijanej */
      ol > li > ul > li > a {
        border-top:1px solid #FFF;
      }

      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
      ol > li > ul > li:hover {
        background-color:#DDD;
      }

      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
      ol > li > ul > li:hover > a {
        color:#09C;
      }
    </style> 
<ol>
    <li>Projekty
      <ul>
        <li><a href="radio.html/">Radio</a></li>
      </ul>
    </li>

    <li>Strony
      <ul>
        <li><a href="index2.html">Galeria</a></li>
        <li><a href="download.html">Do pobrania</a></li>
        <li><a href="filmy.html">Filmy</a></li>
        <li><a href="blog.html">Blog</a></li>
      </ul>
    </li>

    <li>Znajdziesz mnie na
     <ul>
        <li><a href="https://www.facebook.com/l">Facebook</a></li>
        <li><a href="http://forum.org.pl/index.php">Forum</a></li>
        <li><a href="https://www.youtube.com/">YouTube</a></li>
      </ul>
    </li>
  </ol>

Myślałem o marginesach padingach, ale jeśli je podaje, to albo odstępy mi między kaflami uciekają, albo całe menu gdzieś opada duużo niżej. Proszę o wyrozumiałość. Jestem początkującym webmasterem :D

0

Poprawione. Wybaczcie, niedociągnięcie.... :/

0

Jeżeli chodzi o przewijanie to pamiętaj: do wszystkiego możesz dodać

style="position: fixed;"

.
Pozdrawiam ;)

0

I co ta opcja by wywoływała ? Dobra. Wiem już. Ale jak to się ma do przewijania strony :? onload działa normalnie dopiero dużo dużo później po załadowaniu strony. Najlepiej, gdyby wystartował z przewijaniem natychmiast. Jest taka opcja, czy nici z tego.

0

Dobra. Sam znalazłem z wyśrodkowaniem powinienem dopisać :

position: absolute;
		top: 40%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%)

Zostało jeszcze przewijanie. Jest u samej góry baner z reklamą o Heighcie około 250 px, więc słusznością jest go przewinąć w górę (strona w dół) o te właśnie 250. Potrzebny mi tylko kod, który odwoła się do funkcji w kodzie zaraz po odpaleniu stronki. Im mniej czasu reklama się ma wyświetlać, tym lepiej. Najlepiej, by jeśli użytkownik był już trochę niżej, to by "dowijało" do tego 250, a nie ustawiało stronkę w XY czy przesuwało ją o kolejne 250 . :|
Bardziej niekonwencjonalne metody typu zamalowanie czy całkowite usunięcie tej reklamy (cssami np) jes niezalecane a wręcz zabronione przez owy serwer....

1 użytkowników online, w tym zalogowanych: 0, gości: 1