kącik html--->pytania, porady i inne

Kod:

#menu {position:relative;top:200px;font-family:"Trebuchet MS";line-height:20px;height:20px;width:705px; margin:0 auto; padding:1px 1px 1px 0;color:#000}
#menu li {font-size:11px;list-style:none;display:block;position:relative;border:1px solid #000;height:20px;width:130px;padding:0 5px;margin:-1px -1px 0 0;overflow:hidden;text-align:center;background:#fff;}
#menu li li {height:auto}
#menu ul {position:absolute}
#menu > li {font-size:12px;float:left}
#menu li ul {top:7px;left:90%;z-index:2;padding:15px;background:url(ar2.gif) no-repeat}
#menu li:hover {overflow:visible;cursor:default;z-index:1}
#menu li:hover > ul {padding:0;top:5px;left:90%;background:none}
#menu > li > ul {top:15px;left:90%;padding:15px;background:url(ar1.gif) no-repeat}
#menu > li:hover > ul {top:21px;left:-1px;padding:0}
#menu li.left li:hover ul {left:-90%}
#menu a {display:block;height:100%;width:100%;padding-left:10px;margin-left:-10px;color:#000;text-decoration:none}

to załatwia punkty 1 i 2 (jeżeli to o to chodziło)
[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

poza tym id jest unikalne i tylko raz możesz go użyć na stronie, jeżeli chcesz żeby więcej rzeczy miało te same właściwości to używasz wtedy class
najłatwiej jest naprawdę zamienić

Kod:

#bok {margin-top:15px;
width:150px; height:150px;
background-color:yellow;}

na

Kod:

#box div {margin-top:15px;
width:150px; height:150px;
background-color:yellow;}

i wywalić te id="bok" z kodu. Na tym polega kaskadowość stylów

a niebieski zjeżdża na dół bo się najzwyczajniej nie mieści - #strona ma za duży margin, tak jak mówiłem

ja napisał:

suma szerokości tych 3 kolumn + ich marginy + ich padding musi wynosić max szerokość body, nie może być szersza bo się zepsuje wszystko

półprzeźroczyste tło kiepsko działa w IE (rozumiem, ze chodzi ci o coś takiego? [link widoczny dla zalogowanych] ) więc może być problem, ale możliwe, że te skrypty rozwiązują sprawę. Jeżeli to jednak może da się coś na to poradzić

tak btw: [link widoczny dla zalogowanych] -> nie istnieje i to może powodować ten zielony problem

Już istnieje ten plik (był bład w ścieżce), ale nadal nie działa. Reszta pod Fx ok.

O tło własnie takie mi chodziło jak w tym podanym linku.

[link widoczny dla zalogowanych]

u mnie działa

(btw: zrobiłem małe poprawki w CSS i w kodzie)

na razie przeźroczystość nie działa w IE

off top: PP w końcu temat dla ciebie /off top.

PP dzięki ci wielkie! Ale pozwól, ze jeszcze troche pomęcze Wink

Obrazkowe-linki:
wykorzystałm jeden ze skryptów (Gilder/Levin Method) i sprobowałam w wersji z <ul> i <h3>.
1. nie wiem jak wyświetlić je w jednej lini
2. zresztą i tak obrazki sie nie wyswietlają, bez wzgledu na sposób....

Including php:
Na php nie znam sie kompletnie, a coś jest nie tak z tym skryptem...no w kazdym bądź razie nie działa (próbowałam też zapisać jako rozszerzenie index'u "php", ale nic z tego nie wychodzi).. Embarassed

.Zrobiłam to co w instrukcji. W folderze "proba" jest umieszczony index oraz folder inc w którym są "newsy" i "ogłoszenia" (przykładowa, zeby sprawdzic działanie).

[link widoczny dla zalogowanych] - wersja z <h3>
[link widoczny dla zalogowanych] - wersja z <ul>

<div id="of top">ps.Misia ja podziwiam, że PP jeszcze nie stracił cierpliwości... Wink

chociaz jak się coś lubi...</div>

1. dajemy clear:both; dla #menu
2. ten <span></span> musi być w <a></a>
3. zamiast

Kod:

#linki {
position:relative;
float:left;
top:15px;
}

#linki1 {
width:145px;
height:109px;
position:relative;
}
#linki1 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/1.gif) no-repeat;
position:absolute;
width:100%;
height:100%;
}

#linki2 {
width:130px;
height:109px;
position:relative;
}
#linki2 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/2.gif) no-repeat;
position:absolute;
width:100%;
height:100%;
}

#linki3 {
width:130px;
height:102px;
position:relative;
}
#linki3 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/3.gif) no-repeat;
position:absolute;
width:100%;
height:100%;
}

#linki4 {
width:130px;
height:100px;
position:relative;
}
#linki4 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/4.gif) no-repeat;
position:absolute;
width:100%;
height:100%;
}

#linki5 {
width:130px;
height:110px;
position:relative;
}
#linki5 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/5.gif) no-repeat;
position:absolute;
width:100%;
height:100%;
}

dajesz (wersja dla ul)

Kod:

#linki li {
list-style:none;
float:left
}

#linki a, #linki span {
display:block;
width:100%;
height:100%
}

#linki a {
position:relative
}

#linki span {
position:absolute;
top:0;
left:0
}

#link1 {
width:145px;
height:109px;
}

#link1 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/1.gif) no-repeat;
}

#link2 {
width:130px;
height:109px;
}

#link2 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/2.gif) no-repeat;
}

#link3 {
width:130px;
height:102px;
}

#link3 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/3.gif) no-repeat;
}

#link4 {
width:130px;
height:100px;
}

#link4 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/4.gif) no-repeat;
}

#link5 {
width:130px;
height:110px;
}

#linki5 span {
background:url(http://silesian-horses.ovh.org/zdjecia/top/5.gif) no-repeat;
}

we wszystkich id zamiast tak jak w kodzie linkX miałaś linkiX w CSS

co do php
index musi mieć rozszerzenie php
linki muszą mieć format <a href="?nr=nazwa_pliku_bez_rozszerzenia">
a plików [link widoczny dla zalogowanych] ani [link widoczny dla zalogowanych] nie ma
i lepiej nie stosować polskich liter w nazwach plików

poza tym nie wiadomo dlaczego po </body></html> masz jeszcze

Kod:

9a-zA-Z_]*$/',$nr)){
for($i=0;$i<count($roz);$i++){
if(file_exists(katalog.'/'.$nr.$roz[$i])){
include(katalog.'/'.$nr.$roz[$i]);
break;
}
}
}
?>

</div>

<div id="logo">codtasjk
</div>

</body>
</html>

Obrazki:
1.gdzie dać dla nich margin-top?
2.jak zrobic odstęp pomiędzy poszczegolnymi obrazkami?
3. dlaczego "rody i rodziny" zjeżdżają na dół i nie wyświetla sie obrazek? Sprawdziłam szerokość, ich suma wynosi 685px, więc chyba powinny się mieścić w 710px szerokości górnego diva? Wink

Including:
1. czy da sie cos zrobić zeby po kliknięciu na jakiś odnośnik nie wyświetlało się wszsytko w nowym oknie? Tzn. po prostu chciałbym zeby jakaś podstrona wgrywała sie do tego białego div'a, tak jak teraz wgrywa sie do iframy - bez ponownego wczytywania innych elementów ze strony..."działaja" linki do historii i ogłoszeń
2.jakie dac kodowanie do polskich znaków, bo to co jest przestało przy tym działac...style z pliku też...

i lepiej nie stosować polskich liter w nazwach plików

nie ma tam polskich liter w nazwach plików

[link widoczny dla zalogowanych]
[link widoczny dla zalogowanych]

obrazki
1. zmień top:10px w #linki li na margin-top:10px; no i jeżeli wszystkie li w #liki mają mieć tę samą wysokość to dodaj tam też to height:109px; i wywal je z #link1, #link2 ...
2. margin-left, margin-right dla #linki li
3. nie wyświetla się, bo masz złe id w CSS (zapomniałem tam wywalić to "i"), co do zjazdu dzieje się tak bo, hm... IE jest głupi? spróbuj dać dla #linki ujemny margin-left w komentarzach warunkowych
czyli tutaj

Kod:

<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menu {padding:0 1px 0 0;margin:0;border-top:1px solid #000}
</style>

include
1. wywal wszystkie target'y, wywal name dla diva #strona i dodaj mu w stylach overflowa:auto. includowanie to nie iframe, więc includowane pliki nie mają być, że tak powiem, całe - niepotrzebne tam jest body, html, meta itp. w includowanych plikach ma być tylko to co chcesz wsadzić do tego div'a
2. ustaw takie kodowanie jakiego używasz, bo np. teraz index.php masz zakodowane w UTF-8 a podstrony w iso-2

Dzięki. Ufff...juz prawie koniec. Z zminajacymi obrazkami poradziłam sobie sama, teraz pracuje nad rogami, ale o dziwo dobrze idzie Wink

Zapytam jeszcze tylko co zrobic, zeby ustawić domyslna stronę wczytywana do białego diva? Chodzi o to żeby po wpisaniu głównego adresu poławiła sie tam strona główna.

***
No i sie pospieszyłam z tym stwierdzeniem, ze dobrze idzie. Nie wiem dlaczego nie chca wyświetlić sie wszystkie "rogi". Co ciekawe w IE na początku wyświetlaja się trzy w tych divach po bokach, po czym znikaja, a i wysokosć tych boków sie zmienia Rolling Eyes

W Fx po prostu nie wyświetlają sie wszsytkie...

Żeby usunąć przeroczystość (jednak źle to wygląda, zlewa się z tesktem pod spodem) trzeba...?

Link ten sam co wyżej.

...dodać jakiś background dla #menu li
btw: usuń background:url(bg.png); z #menu li:hover i #menu li:hover > ul

btw: tam metoda, która ma preloadować obrazki w css coś zawodzi... chyba lepiej użyć metody sliding doors

nie musisz pisać transparent kiedy ustawiasz cały background
no i wykasuj background dla #box div to zobaczysz swoje zaokrąglenia w tych bocznych divach

a co do zaokrągleń dla body to jutro się temu przyjrzę

Już działa, znalazłam błąd dla body Smile

. Obrazkami zajmę sie potem...

Tylko w IE boczne divy sie rozjeźdzają w dół cały czas, sprawdziłam wysokość i według ogólnie przyjetych praw matematycznych nie powinno tak byc Wink

no ale w końcu IE jest ponad to. A, i kompletnie nie wiem dlaczego jeden z tych rogów bo bokach jest nizej niz pozostałe, mimo TYCH SAMYCH ustawień dla wszystkich.

Zapytam jeszcze tylko co zrobic, zeby ustawić domyslna stronę wczytywana do białego diva? Chodzi o to żeby po wpisaniu głównego adresu poławiła sie tam strona główna.

?

pokaż mi kod tego twojego includowania

poza tym
- aktualności ci się krzaczą
- <center> nie istnieje (text-align:center w stylach dla lementu, w którym znajduje się ten tekst)
- target nie istnieje
- dolny prawy róg strony nie ma wysokości (20px) i się dopasowuje do tekstu, dlatego jest wyżej
- masz o jedno </div> za dużo (skasuj jedno przed #strona)
- albo wykasuj z #box div margin-top:15px i ustaw ten margin dla któregoś z tych wewnętrznych, albo daj coś takiego w CSS #box div div {margin:0}

Ok, jest juz dobrze. Tylko ten dolny prawy róg cały czas podjeżdża pod górę, chociaz ma teraz wysokosć 20px. Nie wiem dalczego aktualności sie krzaczą, bo mają zakodowane "ś". Targety pousuwam, wiem.

kod icluda:

nie ma wysokości - div.botr nie ma height:20px; (a powinien)

Kod:

<?php
$nr=$_GET['nr'];
if($nr=''){$nr='news'}
define('katalog','inc');
$roz=array('.html','.txt');
if(preg_match('/^[0-9a-zA-Z_]*$/',$nr)){
for($i=0;$i<count($roz);$i++){
if(file_exists(katalog.'/'.$nr.$roz[$i])){
include(katalog.'/'.$nr.$roz[$i]);
break;
}
}
}
?>

zobacz czy działa

to skasuj i napisz jeszcze raz te Aktualności

Nie działa.

Parse error: syntax error, unexpected '}' in /home/s/i/l/silesian-horses/www/proba/index.php on line 439