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