frames vastzetten en een gedeelte lijnen weg krijgen van de frame

Status
Niet open voor verdere reacties.
Ow sorry, mijn fout.
Ik bedoelde niet dat jij iets moest vervangen, maar ik gaf aan wat het programma zelf doet.
$css wordt gevuld met zeg info.php
include($css); wordt dan include(info.php); dit doet het programma zelf,daar zie je als gebruiker niks van.
Dat kun je zien als je op de website bent enin de broncode kijkt. Dan is echt alles html.
Op die plek in je website waar include($css); staat,daar komt dan de inhoud van info.php

Kijk hier maar eens: http://rumaro.nl/csscursus/

Dat hij in dreamweaver opent, dat komt omdat DW de extensie php aan zichzelf gekoppeld heeft.
Maar als je XAMPP opstart en dan localhost (?) ingeeft dan zou hij het moeten doen.

Als je geene chte sererruimte hebt, kijk dan eens op internet, daar wordt genoeg aangeboden. Wel met reclame en zo, maar
dat boeit niet voor deze uitleg/cursus. :)

Vraag vooral wat je niet weet/snapt, ik help je wel.
 
Goed, als je op mijn code gebruikt hebt, zul je ervaren hebben dat de linken er niet uit zien.
De tekst is onderstreept, dat komt omdat het linken zijn.
Linken hebben een eigen kleurcodebepaling:
link: je ziet de link maar doet er niks mee
alink: je klikt op de link en houdt de muisknop ingedrukt
vlink: je hebt ooit op de link geklikt

Zou je deze tekst mbv font een kleur willen geven, dan werkt dat niet.
Hoe dan wel ?
Je kunt het voor de gehele site doen, dan zet je het in de BODY tag:
VLINK="waarde"
LINK="waarde"
ALINK="waarde"

Of, veel netter EN hoef je het voor verschillende pagina's maar 1 keer te doen:

in CSS:
a:link {
color: #003366;
}
a:visited {
color: #FF0000;
}
a:hover {
color: #0000FF;
}
a:active {
color: #00FFFF;
}
Klik om te vergroten...

en als je de streep onder de tekst weg wilt hebben, voeg jedit nog toe:
a {text-decoration: none;}
Klik om te vergroten...

wil je de letters groter of kleiner hebben, voeg dan aan elke a link het volgende toe:
font-size: 18pt;
Klik om te vergroten...
(of hoe groot of klein je ze zelf hebben wilt)

Door nu alle 4 de elementen een andere waarde te geven, zie je het verschil en de werking van het commando:

a:link {
color: #003366;
font-size: 18pt;
}
a:visited {
color: #FF0000;
font-size: 16pt;
}
a:hover {
color: #0000FF;
font-size: 14pt;
}
a:active {
color: #00FFFF;
font-size: 12pt;
}
Klik om te vergroten...

Ik kies nu even voor alle linken 12 punts letters
 
ok, dat heb ik gedaan en ik kan nu ook testen.
de php zijn nog wel lastige termen/combinaties. dat zal ik niet zo ff snel onthouden, maar kan het gelukkig steeds weer terug vinden.
 
Geloof me, het went snel genoeg :)

Even een tip: zelfs al heeft je pagina alleen maar html code, dan nog mag je pagina een php extensie hebben.

Dit is het geloof ik wel zo'n beetje om een eenvoudige site te maken.

Bouw je site en als je ergens vast zit, dan vraag maar. Lijkt me het makkelijkst werken.

Ik neem tenminste aan dat je wel enige html kennis hebt. :)
 
super bedankt voor je uitleg.
ik neem aan dat ik hier wel een heel eind op weg mee kan komen.
als ik ergens tegen aan bots laat ik je het weten
 
:thumb:

Als je het onder de knie hebt kun je eens gaan zoeken op internet en zul je zien dat er echt heeeeel veel mogelijk is met css en php.
Maar maak het je in het begin niet te moeilijk, ik heb er ook jaren over gedaan.
 
Laatst bewerkt:
we willen graag een gastenboek hebben.
nu heb ik er 1 aangemaakt.
hoe kan ik nu als ik in de menu op gastenboek klik dat deze wordt geopend in de middenrechts venster?
 
Moet je even wat meer gegevens sturen, zoals bv de link naar je gastenboek.
 
was even wat proberen, maar in gastenboek.php heb ik een iframe gemaakt en nu werkt het.
verder even de maten aangepast en past.

of het moet met een andere code kunnen.
link is: http://voorbeeld.mygb.nl/
 
Mooi. Dat is inderdaad de makkelijkste manier.
 
ik wil graag in id=boven de naam: mijn website" zetten
nu vond ik mooier om deze niet te splitsen, dus dat heb ik aangepast.
maar als ik dat doe kan ik de naam wel centreren, horizontaal. maar nu wil ik hem ook verticaal centreren.
hoe moet ik dat nou doen?
bij dreamweaver werkt het wel maar als ik hem test niet.

<div id="blok">
<div id="boven"><center>Mijn Website</center>
<!--
<div id="bovenlinks"></div>
<div id="bovenrechts">
<center>Mijn Website</center>
</div> -->
</div>
Klik om te vergroten...

#boven {
float: left;
height: 100px;
width: 1000px;
font-size:50px;
font:"Comic Sans MS", cursive;
background-color:#466fd5
Klik om te vergroten...

wat doe ik fout?
 
Je mist in het bovenste blokje een div.
Verder moet je in boven de tekst van *mijn website* weghalen. De div bovenlinks begint anders anmelijk pas NA die tekst.

Soms is het door middel van trucage op te lossen.

Gebruik een table met de hoogte van je div, die je horizontaal centreert . de tekst staat dan verticaal in het midden.
Of maak 3 divjes met in de middelste je tekst. neem de hoogte van de div, haal daar de hoogte van je tekstdiv af, deel de andere door 2 en je tekst staat in het midden. dus bv 3 divs: hoogteboven = 30 hoogtemidden = 10 hoogteonder = 30
 
Als er boven de tekst een kleine balk zichtbar is, dan kun je die ook kunstmatig ONDER de tekst aanbrengen.

Kijk hoe ik dat gedaan heb:
body, html{
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%; /* = 10px */
}

a:link {
color: #fffff0;
font-size: 12pt;
}
a:visited {
color: #FFffff;
font-size: 12pt;
}
a:hover {
color: #FFff00;
font-size: 12pt;
}
a:active {
color: #00FFFF;
font-size: 12pt;
}

a {text-decoration: none;}

#blok {
height: 800px;
width: 1000px;
margin-right: auto;
margin-left: auto;
background-color: #000000
}

#boven {
float: left;
height: 100px;
width: 1000px;
background-color: #E0F8E0
}

#bovenlinks {
float: left;
height: 100px;
width: 100px;
background-color: #2E64FE
}

#bovenrechts {
float: left;
height: 100px;
width: 900px;
background-color: #FE9A2E
}


#bovenboven {
float: left;
height: 38px;
width: 900px;
background-color: #FE9A2E
}


#bovenmidden {
float: left;
height: 24px;
width: 900px;
background-color: #0B3B0B
}
#bovenmiddenlijn {
float: left;
height: 2px;
width: 900px;
background-color: #0B3B0B
}
#bovenonder {
float: left;
height: 36px;
width: 900px;
background-color: #FE9A2E
}

#bedrijfsgegevensbalk {
float: left;
height: 30px;
width: 1000px;
background-color: #0B3B0B
}

#midden {
float: left;
height: 640px;
width: 1000px;
background-color: #2E64FE
}

#middenlinks {
float: left;
height: 640px;
width: 100px;
background-color: #2E64FE
}

#middenrechts {
float: left;
height: 640px;
width: 900px;
background-color: #FE9A2E
}

#onderlinks {
float: left;
height: 30px;
width: 100px;
background-color: #2E64FE
}

#onderrechts {
float: left;
height: 30px;
width: 900px;
background-color: #D7DF01
}
Klik om te vergroten...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Frames, maar dan met CSS !</title>
<link rel="stylesheet" href="css.css" type="text/css" />
</head>
<body>
<div id="blok">
<div id="boven">
<div id="bovenlinks"></div>
<div id="bovenrechts">
<div id="bovenboven"></div>
<div id="bovenmidden">
<center><font size="5" color="#ffff00">hieronder zit een div van 2 pixels</font></center></div>
<div id="bovenmiddenlijn"></div>
<div id="bovenonder"></div></div>
</div>
<div id="bedrijfsgegevensbalk"><center><font size="5" color="#00ffff">hier kun je uiteraard ook weer inzetten wat je wilt</font></center></div>
<div id="middenlinks"><center><table>
<tr><td>
<a href="info.html" target="middenrechts">Info</a>
</td></tr>
</table></center></div>
<div id="middenrechts"></div>
<div id="onderlinks"></div>
<div id="onderrechts"><center><font size="4" color="#000000">Dit is de footer</font></center></div>
</div>

</body>
</html>
Klik om te vergroten...
 
Jedi zei:
Je mist in het bovenste blokje een div.
Verder moet je in boven de tekst van *mijn website* weghalen. De div bovenlinks begint anders anmelijk pas NA die tekst.

Soms is het door middel van trucage op te lossen.

Gebruik een table met de hoogte van je div, die je horizontaal centreert . de tekst staat dan verticaal in het midden.
Of maak 3 divjes met in de middelste je tekst. neem de hoogte van de div, haal daar de hoogte van je tekstdiv af, deel de andere door 2 en je tekst staat in het midden. dus bv 3 divs: hoogteboven = 30 hoogtemidden = 10 hoogteonder = 30
Klik om te vergroten...


is hier geen code voor? moet dat echt zo omslachtig.
wel vreemd dat je hem niet verticaal kan centreren.
 
Misschien is dat er wel, maar dan moet je even zoeken op het net. Of iemand anders weet het hier ?
 
is het mogelijk om een submenu te krijgen dat als je op een menu klikt er een submenu naast/bij krijgt?



laten we beginnen met het menu te maken aan de linkerkant.

Even de meest makkelijke manier, met een tabel:

openen:
<div id="middenlinks">
<center>
<table>
<tr>
<td>
en weer sluiten:
</td>
</tr>
</table>
</center>
</div>
Je ziet dat het eigenlijk spiegelbeeld is met een / er bij.
Per regel gebruik je <tr><td> hier je menuknop </td></tr>

<center><table>
<tr><td>
<a href="info.html" target="middenrechts">Info</a>
</td></tr>
</table></center>
Bij 2 menuknoppen dus:
<center><table>
<tr><td>
<a href="info.html" target="middenrechts">Info</a>
</td></tr>
<tr><td>
<a href="contact.html" target="middenrechts">Contact</a>
</td></tr>
</table></center>
compleet:
<div id="middenlinks">
<center><table>
<tr><td><a href="info.html" target="middenrechts">Info</a></td></tr>
<tr><td><a href="contact.html" target="middenrechts">Contact</a></td></tr>
</table></center>
</div>
Klik om te vergroten...
 
ik heb verschillende geprobeerd.
maar steeds als ik het test dan werkt het niet en komt het gewoon gelijk in de menu te staan wat niet de bedoeling is.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan