[html/java] Wczytywanie do ramek :/

MoLo · Post autor: **MoLo** » pt sty 05, 2007 1:00 am

Adres: http://molo.cba.pl/m/index.html

Moja stronka sklada sie z 3 ramek. Nie chce umozliwic przewijania zadnej z nich, poniewaz wiaze sie to z pojawienem sie suwakow, ktore szpeca strone. Niby w operze jest wszystko ok, ale w ff juz sie nieda pzewijac stronki.
W jakis sposob zrobic to, zeby srodkowa ramka, albo wszystkie ramki razem daly sie scrollowac, bez koniecznosci pojawienia sie suwakow?

Drugi problem - w ff, pod logo jest niewielka szparka, ktorej w operze nie widac. Kiedy probuje cos przestawic w kodzie w ff jest ok, ale w operze juz nie.

KOD ŹÓDŁOWY STR GLOWNEJ
//----------------------------------------------------------------------
<html>
<tittle></title>

<head>
<frameset cols="20%,60%,20%" frameborder="0" border="0">
<frame name="menu" frameborder="0" border="0" noresize="noresize" scrolling="no" src="menu.html" />
<frame name="glowna" frameborder="0" border="0" noresize="noresize" scrolling="no" src="main/index.html" />
<frame name="prawa" frameborder="0" border="0" noresize="noresize" scrolling="no" src="prawa.html" />

<noframes><body><a href="menu.html">Spis treści</a></body></noframes>
</frameset>
</body>
</html>
//-------------------------------------------------------------------------

KOD ZRODLOWY SRODKOWEJ RAMKI
//-------------------------------------------------------------------------
<html>
<tittle></title>

<head>
<style>

a {color: black; text-decoration: none;}
a:hover {color: black; text-decoration: none; font-weight: bold;}
a:visited {black: white; text-decoration: none;}

div.menu
{

background-image:url(../index/belka.jpg) ;
background-repeat: no-repeat;
width: 97%;
border: 1px solid black;
padding: 2px;
margin-bottom: -1px;

}

div.opis
{
background-image:url(../index/t2.jpg) ;
background-repeat: no-repeat;
background-color: #ffe191;
width: 96%;
border: 1px solid black;
padding: 5px;
margin-bottom: -1px;

font-family: Verdana;;
font-size: 11px;

}

img.foto
{
border: solid black 1px;
margin-bottom: 3px;
}

div.m
{
font-family: Verdana;
font-size: xx-small;
}

</style>
</head>

<body bgcolor="#c1c1c1">
<img src="../index/l.jpg" style=" margin: 0 0 -1 0; border: 1px solid black">
<div class="menu">
<div class="m"><script src="../index/menu.js" type="text/javascript"></script></div>
</div>

<div class="opis">

<p style="font-size: small; margin: 10 10"><b>O Morawicy...</b></p>
<hr style="border: 1px solid black; width: 96%">
<p align="justify" style="margin: 10 10; padding: 5">
bla bla
</p>
<br><br>
<center>
<img src="1m.jpg" class="foto">
<img src="2m.jpg" class="foto">
<img src="5m.jpg" class="foto">
<img src="3m.jpg" class="foto">
<br>

</center>
<br><br>
</div>
<div class="menu" style="font-size: 9; font-family: verdana">
<center><b><script src="../index/podpis.js"

type="text/javascript"></script></b></center>
</div>
</body>
</html>

yeetti · Post autor: **yeetti** » pt sty 05, 2007 2:19 am

jedna z ramek musi !!! byc scrolowana - nie istnieje uklad ramek bez 1 ramki podrzednej, scrolowanej przez przegladarke...

...blokujac scrolowanie explorera a dajac swoje tylko do wybranego pola wpedzisz sie w klopoty przy roznych rozdzielczosciach ekranu u klientow...

...strona na ramkach to nieco przestarzale rozwiazanie - np Google nie bedzie jej indexowac...
...podobnie niezbyt szczesliwym rozwiazaniem jest menu z JavaScriptem...

...na szybko - maly blad w css: a:visited {black: white; text-decoration: none;} - toz to Majkel Dzakson

.

koziolek · Post autor: **koziolek** » pt sty 05, 2007 8:35 am

Po pierwsze zablokowałeś całkowicie przewijanie i pod FF strona się poprostuy wysypała. Menu na JS nie jest takie złe, ale wymaga dopracowania (wiem że można na samym css, ale wolę na JS+css jest zdrowsze ).
Całość na ramkach nie jest dobrym rozwiązaniem. Lepiej stworzyć jedną stronę zawierającą iframkę z częścią merytoryczną strony i statycznym menu niż klika ramek które się komunikują. Rozwiązanie nie jest tyle co przestarzałe ale po prostu zbyt skomplikowane.

AdamAGP · Post autor: **AdamAGP** » pt sty 05, 2007 2:18 pm

Nie ucz się budować stron na <frameset> To już lepiej zrób tabelę z jedną pływającą <iframe> jak napisał Koziolek.
Będziesz miał problemy z google!
Oczywiście najlepiej uczyć się od razu na div'ach.

AdamAGP · Post autor: **AdamAGP** » pt sty 05, 2007 2:23 pm

error - post do kasacji sorki

MoLo · Post autor: **MoLo** » pt sty 05, 2007 4:06 pm

Zrobilem tak jak radziliscie.
Cala stronka sklada sie z wysrodkowanego div'a. Wszystko pieknie smiga, z wyjatkiem transparentnosci iframe'a w IE. Niestety nie widze innego sposobu, zeby uzyskac taki efekt.

Pisaliscie, ze menu utworzone za pomoca JAVA SCRIPT nie jest dobrym pomyslem. No i przekonalem sie, ze macie racje. Kiedy klikam na linki (chcac odtworzyc podstrony w iframe'ie) nic sie nie dzieje. A moze to ja nie wina uzycia JAVY, a moja niewiedza na ten temat.

Jezeli znacie lepsze metody utworzenia menu wczytywanego z osobnego pliku, to prosze podzielcie sie nimi ze mna.

<html>
<tittle></title>
<head>
<link rel="Stylesheet" type="text/css" href="index/index.css" />
</head>
<body bgcolor="#c1c1c1">
<center>
<div id="kubel">
<div id="logo">
</div>
<div id="menu">
<script src="index/menu.js" type="text/javascript"></script>
</div>
<div id="opis">
<iframe src="main/index.html" width="575" height="730" frameborder="0" scrolling="no" marginwidth="1" marginheight="1" name="text">Twoja przeglądarka nie akceptuje ramek!</iframe>
</div>
</div>
<div id="menu2">
<script src="index/podpis.js" type="text/javascript"></script>
</div>
</center>
</body>
</html>

MoLo · Post autor: **MoLo** » pt sty 05, 2007 7:17 pm

Nowy adres: http://morawica.prv.pl/

<html>
<tittle></title>
<head>
<link rel="Stylesheet" type="text/css" href="index/index.css" />
</head>
<body bgcolor="#c1c1c1">
<center>
<div id="kubel">
<div id="logo">
</div>
<div id="menu">
<iframe src="index/menu.html" width="575" height="15" frameborder="0" scrolling="no" marginwidth="1" marginheight="1" name="text">Twoja przeglądarka nie akceptuje ramek!</iframe>

</div>
<div id="opis">
<iframe src="main/index.html" width="575" height="730" frameborder="0" scrolling="no" marginwidth="1" marginheight="1" name="text">Twoja przeglądarka nie akceptuje ramek!</iframe>
</div>
</div>
<div id="menu2">
<script src="index/podpis.js" type="text/javascript"></script>
</div>
</center>
</body>
</html>

MoLo · Post autor: **MoLo** » pt sty 05, 2007 9:08 pm

Zrobione, Nie fatygowac sie. Temat do zamkniecia.

yeetti · Post autor: **yeetti** » wt sty 09, 2007 3:22 am

Pisaliscie, ze menu utworzone za pomoca JAVA SCRIPT nie jest dobrym pomyslem. No i przekonalem sie, ze macie racje. Kiedy klikam na linki (chcac odtworzyc podstrony w iframe'ie) nic sie nie dzieje. A moze to ja nie wina uzycia JAVY, a moja niewiedza na ten temat.

Jezeli znacie lepsze metody utworzenia menu wczytywanego z osobnego pliku, to prosze podzielcie sie nimi ze mna.

jeszcze lepsze niz osobny plik jest menu zrobione poprzez css (tez moze byc w osobnym pliku zreszta:) - wszystkie opcje (wlacznie z akcjami oferowanymi przez JavaScript) mieszcza sie w arkuszu stylow - ja sam nie dawno nie robilem rozwijanego menu - w necie jest na ten temat tony informacji...

koziolek · Post autor: **koziolek** » wt sty 09, 2007 11:40 am

Css też nie jest doskonałe bo pozostaje jeszcze problem IE, które bardzo nie lubi css2. W związku z tym akcje typu: li:hover ul.inner{display: block;} nie przejdą bez plików behavior które i tak są napisane w JS.

[html/java] Wczytywanie do ramek :/

[html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/

Re: [html/java] Wczytywanie do ramek :/