Menu....

Status
Niet open voor verdere reacties.
T

Timp Daddy

Gebruiker
Lid geworden
19 mei 2004
Berichten
22
Hey,

ik ben hier nu al twee uur mee bezig en kom er niet uit...het is btw wel de eerste keer dat ik iets van een site probeer te maken :S...
Mijn idee is om bovenaan een klein menu te maken, met drie links...
Daaronder staat dan het tweede frame, waar die drie documenten in kunnen komen te staan als je op een link klikt...
Dit heb ik al...(vraagtekens weet ik echt niet wat ik in moet vullen...):

Frame Doc

<html>
<head>
<title>Frame Doc</title>
</head>
<frameset rows=11%,89%>
<frame src="Menu Doc.html" name="Menu Doc">
<frame src="?????" name="?????">
</frameset>
</html>

Menu Doc

<html>
<head>
<title>Menu</title>
</head>
<body>
<base target="???">
<h3>Menu</h3>
<a href="doc 1.html" target="_self">Doc 1</a>
<a href="doc 2.html" target="_self">Doc 2</a>
<a href="doc 3.html" target="_self">Doc 3</a>
</body>
</html>

En uiteraard drie lege html documenten.

Nou weet ik dus niet wat je in Frame Doc bij de vraagtekens voor doel moet invullen...want dat verschilt tussen doc 1/doc 2/doc 3.

Bij Menu Doc weet ik ook niet wat ik bij base target in moet vullen (Frame Doc.html??). En ook de 3 targets kloppen volgens mij niet (maar hij moet wel in het zelfde scherm blijven uiteraard...), die moeten verwijzen naar frame 2 (wat dus de hele tijd veranderd...).

Ik heb ook al eens wat met drie verschillende "frame html' bestanden, en drie verschillende menu bestanden geprobeerd, maar da werkte ook niet...

Ik heb geen flauw idee of ik ook maar een beetje goed zit (of dat je er iets van snapt...).

Ik hoop iig wel dat iemand me kan helpen...

bvd

Timp
 
Pfff, eindelijk gelukt met die frames, maar nu heb ik weer een andere vraag.

Dit is mijn homepage, en ik zit met het probleem dat er niks langs plaatjes kan worden gezet. (de site gaat btw over terrorisme).

Dit is mijn .html doc voor home:

<HTML>
<HEAD>
<TITLE>Home</TITLE>
</HEAD>
<body bgcolor="#F5F5DC" text="black">
<basefont size=4>

<IMG SRC="images/Twin Towers.gif"><center><IMG SRC="images/Terrorisme.gif"></center>

<center>Site ter afsluiting van het vak Algemene Natuur Wetenschappen</center><br>
<br>
De site bestaat uit vier onderdelen: <br>
<br>
<UL type=circle>
<LI>George W. Bush
<LI>Saddam Hussein
<LI>Osama Bin Laden
<br><br>
<LI>Irak
<br>
<br>


</BODY>
</HTML>

en dit komt er te staan (zie bijlage). De rode pijlen wijzen naar de plekken waar ik de stukke tekst eigenlijk wil hebben staan, en de plek waar nog een plaatje moet komen (mooie poppetje he :P)

Ik hoop dat jullie me snappen en me kunnen helpen

bvd

Timp
 

Bijlagen

  • forum.gif
    forum.gif
    80,4 KB · Weergaven: 54
Geplaatst door peter vazed
Ja dat klopt.
Gewoon een tabel gebruiken.

www.weballey.nl

:cool:
Klik om te vergroten...

Ok thx voor je reactie! Had het al op een andere wazige manier opgelost, maar misschien is dit beter.

En tja, ik post wel weer als ik tegen een probleem aan loop :o

Hartstikke bedankt,

Lator
 
Pfff, vermoeiend

Die tabellen is een goed idee, maar nu loop ik weer tegen een volgend probleem aan met plaatjes.

Zonder plaatjes is geen probleem, maar zodra ik er een plaatje in zet, gaat het mis.

Dit is het html doc van irak:

<HTML>
<HEAD>
<TITLE>Irak</TITLE>
</HEAD>
<body bgcolor="#BC8F8F" text="black">

<TABLE BORDER="1" WIDTH="100%" HEIGHT="100%">
<TR><TD HEIGHT="10%" COLSPAN="2"><center><font size=7>

Irak

</font></center>



</TD></TR><TR><TD HEIGHT="5%">
<basefont size=4>
Klik <a href="Doc 6.html">hier</a> voor een overzicht van de oorlog in Irak van dag tot dag.

</TD><TD ROWSPAN="3">


<IMG SRC="Images/Irak.gif">


</TD></TR><TR><TD WIDTH="55%">

Hoi

</TD></TR><TR><TD HEIGHT=2%">
<basefont size=4>

Klik <A HREF="http://freegoodies.mods-center.com/forum_show.php?forumid=7233&forum=2711" TARGET="MAIN-WINDOW" >hier</A> om naar het forum te gaan en jou mening over Irak te laten horen!

</TD></TR></TABLE></BODY></HTML>

Zonder plaatje krijg je dit (zie bijlage)
 

Bijlagen

  • lijkt goed.jpg
    lijkt goed.jpg
    85,8 KB · Weergaven: 17
Maar met plaatjes gaat het helemaal fout. Ik krijg het plaatjes ook niet bovanaan te staan. Het komt altijd in het midden...Hoe krijg ik dit nou weer goed?

Sorry voor de overlast :rolleyes:

bvd,

Timp
 

Bijlagen

  • fout.jpg
    fout.jpg
    92,1 KB · Weergaven: 35
Geplaatst door JKoelman
Wellicht is 't beter als je 't ergens zou uploaden,
(dan kunnen we beter je code bekijken)


Trouwens heb zelf ff wat zitten prutsen :)
{had ff niks te doen}
http://www.drivers.nu/Hm/Ter/Ter.htm
Klik om te vergroten...

Bah wat vals :P. "had ff niks te doen". Ik ben hier al drie dagen mee bezig, en het schiet maar niet op, en jij flanst dat ff lekker in elkaar...:) Wel mooi...

Ik zal nu ff zoveel mogelijk van de site proberen te uploaden. Het adres is http://www.freewebs.com/terrorisme/ Het grootste probleem zijn de plaatjes want die krijg ik maar niet goed. Ook de banner (heel mooi gemaakt :)) krijg ik niet goed in de hoek, er blijft een zwarte rand om zitten. Mja, hoop iig dat je me kan helpen met die landkaart...

bvd

Timp

Edit: Heb hem geupload, dus de site zou het moeten doen
 
Laatst bewerkt:
Sorry hoor, maar bedoelde er niks raars mee,. :o
en dat met die kaart moet vast wel lukken,.
 
Geplaatst door JKoelman
Sorry hoor, maar bedoelde er niks raars mee,. :o
en dat met die kaart moet vast wel lukken,.
Klik om te vergroten...

haha, ik heb alleen bewondering voor je...
Niks vervelends mee bedoeld hoor...alleen maar compliment :)
 
valign="top" voor naar boven plaatsen
en
de browsers houden een ruimte, padje, rondom vrij opdat de tekst niet tegen de beeldschermrand kleeft.

Kun je aanpassen met een waarde van :"0" in een style op te nemen.
Maar voor een tekstvlak is het prettig om dit ook weer aan te kunnen passen.
Kijk in de style opties. ;)


code:

<HTML>
<HEAD>
<TITLE>
Irak
</TITLE>
<style type="text/css">
<!--
body {margin: 0px;
padding: 0px; }
.ruimte{padding:20px;
border:2px groove;
margin:10px;
border-color:#ff0000;}
// -->
</style>
</HEAD>
<body bgcolor="#BC8F8F" text="black">

<TABLE BORDER="1" WIDTH="100%" HEIGHT="100%" align="center">
<TR><!-- kop begin -->
<TD HEIGHT="10%" COLSPAN="2" valign="top">
<center>
<font size="7">

Irak

</font>
</center>



</TD><!-- kop eind -->
</TR>
<TR><!-- begin content --><!-- rij een -->
<TD HEIGHT="5%" valign="top">
<basefont size="4">
Klik
<a href="Doc 6.html">hier</a>
voor een overzicht van de oorlog in Irak van dag tot dag.

</TD>
<TD ROWSPAN="3" valign="top">


<IMG SRC="Images/Irak.gif">


</TD>
</TR>
<TR><!-- rij twee --> <TD WIDTH="55%" valign="top">

<div class="ruimte"> Hoi
</div>
</TD>
</TR><!-- rij drie -->
<TR>
<TD HEIGHT="2%" valign="top">
<basefont size="4">

Klik
<A HREF="http://freegoodies.mods-center.com/forum_show.php?forumid=7233&forum=2711" TARGET="MAIN-WINDOW" >hier</A>
om naar het forum te gaan en jou mening over Irak te laten horen!

</TD><!-- einde content -->
</TR>
</TABLE>
</BODY>
</HTML>


:cool:
 
en voor de bovenste pagina,. (music.html)
zul je dit even bij de body moeten invullen:

<body bgcolor="black" text="white" topmargin="0" leftmargin="0">

maar goed daarna moet je waarschijnlijk bij de index pagina, ook nog wat aan de frameset veranderen.

PHP: 
<FRAMESET rows="12%,*"> 
 <FRAME SRC="music.html" SCROLLING=NO NORESIZE > 
  <FRAMESET COLS="17%,*"> 
   <FRAME SRC="menu.html" SCROLLING=NO NORESIZE> 
   <FRAME SRC="home.html" NAME="MAIN-WINDOW" NORESIZE >  
  </FRAMESET> 
 </FRAMESET>
 
Laatst bewerkt:
Ok, hartstikke bedankt voor jullie reactie. Het klopt nu bijna...

Het enigste wat ik namelijk niet snap zijn die style type's. Ik kan er niks over vinden...

<style type="text/css">
<!--
body {margin: 0px;
padding: 0px; }
.ruimte{padding:20px;
border:2px groove;
margin:10px;
border-color:#ff0000;}

En dit ziet er echt prachtig uit, maar wat het nou precies doet weet ik niet.

- Het zet de tabel helemaal boven in de hoek??
- Het maakt een rood kader om mijn tekst 'hoi'??

Dat rode kader hoef ik dus eigelijk niet, en de tabel hoeft ook niet in de hoek.
Het enigste wat nu nog niet klopt, (ik heb bij deze bijlage het 'style stuk' dus weggehaald) is de grote van de twee cellen waar de links in staan. Ik heb duidelijk in de code gezet dat dat 5 en 2 % moet zijn. Maar nadat ik dat plaatje erin heb gezet vergroot het weer?? Hoe kan dat??

Ik hoop dat jullie me kunnen zeggen wat die style typs nou precies zijn, en hoe ik dat probleem oplos met de grote van de cellen.

Bvd,

Timp

Edit: Ik heb er een link over gevonden, ben het nu aan het doorlezen: http://html.op-het.net/tekst/stylesheets.html

Edit 2: Ik heb een beetje door hoe het werkt,

<style type="text/css">
<!--
body {margin: 0px;
padding: 0px; }

<!--wil zeggen dat de tabel in de hoek komt te staan-->

.ruimte{padding:20px;
margin:10px;

<!--snap ik niet helemaal, maar het zegt iets over de afstand vanaf de rand waar de tekst komt te staan, en de .ruimte is het commando voor wlke cel het geld...-->

border:2px groove;

<!--soort rand wat je om hoi heen zet, maak je hier 0px van wordt hij onzichtbaar-->

border-color:#ff0000;}

<!--Kleur van het kader-->

Ok, is dus wel super handig als je het door hebt :), maar het maakt ook nog ingewikkelder...

En ik weet nog steeds niet hoe het kan dat die cellen van grote veranderen door het plaatje...

Dus als jullie daar antwoord op kunnen geven ben ik jullie heel dankbaar :)
 

Bijlagen

  • irak.gif
    irak.gif
    58,6 KB · Weergaven: 31
Laatst bewerkt:
Mooie info: http://www.dto.tudelft.nl/mirhtml/

Ja, je plaatje en de rest.
Dit wordt veroorzaakt door het gebruik van rowspan en colspan.

Daarom, het linker deel, en rechterdeel ( het plaatje) ieder in een eigen td zetten.
Dus rowspan niet gebruiken.
Maar om in het linker deel toch het een en ander netjes weg te zetten hier een tabel maken.
In deze tabel zet je dus hetgeen je nu ook links hebt staan, dus je maakt een tabel met de benodigde aantal rijen wat gewenst is.

:cool:
 
Geplaatst door peter vazed
Mooie info: http://www.dto.tudelft.nl/mirhtml/

Ja, je plaatje en de rest.
Dit wordt veroorzaakt door het gebruik van rowspan en colspan.

Daarom, het linker deel, en rechterdeel ( het plaatje) ieder in een eigen td zetten.
Dus rowspan niet gebruiken.
Maar om in het linker deel toch het een en ander netjes weg te zetten hier een tabel maken.
In deze tabel zet je dus hetgeen je nu ook links hebt staan, dus je maakt een tabel met de benodigde aantal rijen wat gewenst is.

:cool:
Klik om te vergroten...

OK, bedankt. Heb het eindelijk voor elkaar. Hopen dat het nu ook nog gaat lukken met de rest...

Lator,

Timp
 
Nou ik ben weer tegen het volgende probleem aangelopen, na een "kleine" pauze....
Ik ben erachter gekomen dat frontpage veel makkelijker en simpeler werkt. Alleen nou heb ik nog 1 vraag hoe ik het met muziek moet doen. Zoals je op de bijlage ziet, heb ik boven een back en next button (die bewegen :P....) Nou wil ik graag kunnen switchen tussen 2 of meer liedjes dmv die buttons. Nou heb ik twee problemen, hoe laat ik mijn website meer liedjes afspelen? Want bij achtergrond --> locatie kan ik er naar mijn idee maar een invullen.
En nu het moeilijkste denk ik, hoe kan ik dmv die buttons tussen de liedjes switchen??
En het schiet me trouwens ook te binnen dat er nergens een stop knop zit?? dus surfers kunnen de muziek niet uitzetten??

Als dit te lastig is dan laat ik die muziek wel zitten...maar hoop wel dat jullie een oplossing weten...

bvd,

Timp

Edit: uhm...volgens mij staat dit in het foute hok nu, maar anders had ik daar een nieuw topic moeten aanmaken, dus ik hoop dat dit ook goed is....
 
Laatst bewerkt:
jkoelman hoe heb u die forum gemaakt?
en heb u ook miss verstand van menu's?

alvast bedankt

greetz melvin
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan