• De afgelopen dagen zijn er meerdere fora waarop bestaande accounts worden overgenomen door spammers. De gebruikersnamen en wachtwoorden zijn via een hack of een lek via andere sites buitgemaakt. Via have i been pwned? kan je controleren of jouw gegeven ook zijn buitgemaakt. Wijzig bij twijfel jouw wachtwoord of schakel de twee-staps-verificatie in.

Wie wil mij helpen met een HTML/CSS probleem: div en daarvan de afmetingen, niet eenduidig.

Status
Niet open voor verdere reacties.
veldfiets

veldfiets

Gevestigd lid
Lid geworden
27 nov 2012
Berichten
368
Waarderingsscore
0
Hallo mede computerliefhebbers,

Ik heb een vervelend probleempje met div binnen div. Zie www.veldfiets.nl/whbe2b.
Het is zo dat ik van de eerste pagina, die met de abstracte foto van een brassband, wel de afmeting van de binnenste div kan veranderen, aanbrengen, maar dit wil niet slagen bij de binnenste div van de 2e en volgende pagina's: daar is helemaal geen breedte aan gekoppeld, laat staan dat ik de afmeting hierin kan aanbrengen. Waarom wil dit niet? De opbouw van de div's zijn precies gelijk aan die van de 1e pagina.
Wie kan mij hiermee helpen?
 
Kan je om te beginnen eens de code plaatsen die je gebruikt? Zonder wordt het, ook voor mij, heel moeilijk.
 
HTML: 
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>W.H.B.E.</title>
<style type="text/css">
div#pagina {
height: 710px;
width: 850px;
left: 17%;
background-color: #666666;
margin-top: -10px;
position: absolute;
}
div#menu {
width: 150px;
text-decoration: none;
color: #ffcc66;
height: 310px;
font-family: Corbel;
font-size: 21px;
font-weight: bold;
position: fixed;
float: right;
left: 76%;
line-height: 33px;
margin-top: 40px;
z-index: 10;
}
div#inhoud {
width: 620px;
background-color: #999999;
margin-left: 110px;
height: 560px;
font-family: Calibri;
}
div#logolinks {
background-image: url(linkslogo2.jpg);
background-position: left center;
margin-left: 58px;
background-repeat: no-repeat;
height: 500px;
position: fixed;
width: 100px;
margin-top: 50px;
z-index: 10;
}
h2 {
color: #990000;
font-size: 27px;
width: 550px;
padding-bottom: 5px;
background-color: #999999;
font-family: Segoe Print;
margin-left: 24px;
font-weight: bold;
line-height: 28px;
padding-top: 30px;
}
div#tekst {
background-color: #ffffcc;
margin-top: 40px;
background-repeat: no-repeat;
height: 400px;
width: 500px;
margin-left: 60px;
background-image: url(pic1.jpg);
background-position: center center;
font-family: Corbel;
font-size: 20px;
}

a:visited {
color: yellow;
}
a:link {
color: #ffcc33;
text-decoration: none;
}
a:hover {
color: red;
}
a:active {
color: #3366ff;
}
div#tekstensemble {
padding: 10px 10px 10px 15px;
overflow: auto;
color: black;
top: 0px;
position: absolute;
font-size: 17px;
right: 0px;
line-height: 25px;
bottom: 0px;
font-family: Corbel;
background-color: #ffffcc;
margin-left: -30px;
margin-top: 30px;
}
#page1 {
height: 700px;
}
#page2 {
height: 700px;
}
#page3 {
height: 700px;
}
#page4 {
height: 700px;
}
#page5 {
height: 800px;
}
#page6 {
height: 800px;
}
div#tekstmuzikanten {
padding: 10px 10px 10px 15px;
overflow: auto;
font-family: Corbel;
background-color: #ffffcc;
color: black;
position: absolute;
line-height: 25px;
top: 0px;
right: 0px;
bottom: 0px;
font-size: 17px;
margin-left: -65px;
}
div#tekstrepertoire {
padding: 13px 10px 10px 15px;
overflow: auto;
font-family: Corbel;
margin-top: 50px;
height: 500px;
top: 0px;
font-size: 17px;
background-color: #ffffcc;
color: black;
position: absolute;
line-height: 25px;
right: 0px;
bottom: 0px;
width: 500px;
left: 18%;
}
div#componisten {
line-height: 25px;
font-family: corbel;
font-size: 17px;
float: right;
width: 200px;
color: black;
margin-top: -50px;
background-color: #ffffcc;
}
div#contact {
position: absolute;
width: 450px;
left: 50%;
margin-left: -230px;
background-color: #333333;
}
div#logorechts {
height: 200px;
position: fixed;
width: 300px;
margin-left: 3px;
}
div#forum {
margin-top: 8px;
width: 710px;
position: absolute;
margin-left: -380px;
left: 50%;
height: 480px;
background-color: #c0c0c0;
}
div#muziekspeler {
width: 100%;
margin-top: -150px;
height: 110px;
}

</style>
<link
href="http://www.wmweb.nl/webtools/contactformulier/external/css/form.css"
rel="stylesheet" type="text/css">
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);"
alink="#000099" link="#000099" vlink="#990099">
<div id="logolinks"><br>
</div>
<div id="page1"><a id="top">
</a>
<div id="pagina">
<div id="menu">
<div id="logorechts"><img style="width: 286px; height: 139px;"
alt="logo" src="logorechts.jpg">
<div id="nav">
<ul>
<li><a href="#ensemble" class="smoothScroll">Ensemble</a> </li>
<li><a href="#muzikanten" class="smoothScroll">Muzikanten</a></li>
<li><a href="#repertoire" class="smoothScroll">Repertoire</a></li>
<li><a href="fotos.html">Foto's</a></li>
<li><a href="#forum" class="smoothScroll">Forum</a></li>
<li><a href="#contact" class="smoothScroll">Contact</a></li>
<li><a href="#top" class="smoothScroll">Home</a></li>
</ul>
</div>
</div>
</div>
<div id="inhoud">
<div style="text-align: center;">
<h2>BRASS ENSEMBLE</h2>
</div>
<div id="tekst"><br>
<br>
</div>
</div>
</div>
</div>
<div id="page2"><a id="ensemble">
</a>
<div style="top: 700px;" id="pagina"><br>
<div id="inhoud">
<div style="top: 15px; height: 501px; left: 175px; width: 518px;"
id="tekstensemble"><big><big>Het Ensemble </big></big><br>
Het ensemble bestaat sinds 1990.
Initiatiefnemer Walke Hofstee heeft in menig muziekkring zijn stempel
gedrukt en zijn muzikale loopbaan leidde hem van de trompet via het
euphonium naar de bastuba. Daarnaast maakte hij zich door zelfstudie
langzaam meester van de kneepjes van het dirigeren. Dit resulteerde
o.a. in het dirigentschap van korpsen in Aduard, Bedum en van het
Regio-Orkest. Op dit moment is hij naast dirigent van het ensemble ook
dirigent van de Chr. Brassband Advendo te Burum en Fanfare CMV DINDUA
te Oldekerk. <br>
&nbsp;&nbsp; In de loop van de jaren verzamelde zich rond Walke Hofstee
een groep enthousiaste muzikanten en er werd regelmatig geoefend. Toen
de vraag kwam om kerk- en zangdiensten te begeleiden kreeg het
gezelschap een vastere vorm, ook&nbsp; om meer dan alleen koralen te
spelen, zo ontstond het Walke Hofstee Brass Ensemble. &nbsp;&nbsp; <br>
&nbsp;&nbsp; Het ensemble bestaat tegenwoordig uit Pieter Meindertsma
en Wieger Riemersma cornet, Areanne van der Naald Hofstee bugel, Rinze
Dijkstra althoorn, Jelle Hofman, Albertus Land en Angeline Westra
euphonium en Teake Riemersma bastuba.
Deze bezetting brengt met zich mee dat de muziek vaak wordt
herschreven.
Het ensemble studeerde werken in van o.a. Giovanni Gabrieli, Johann
Sebastiaan Bach en Samuel Barber, maar ook werken van hedendaagse
componisten zoals Eric Ball en Dennis Wright. Ook staan er
enige eigen composities op het repertoire evenals bewerkingen van
filmmuziek en liederen.
In feite strekt het programma zich uit over 5 eeuwen van muzikale
expressie die alle vormen van menselijke emotie blootlegt.
Het ensemble maakt dus muziek voor iedereen.
<br>
<br>
<br>
</div>
</div>
</div>
</div>
<div id="page3"><a id="muzikanten">
</a>
<div style="top: 1400px; height: 700px;" id="pagina">
<div id="menu"><br>
</div>
<br>
<div id="inhoud">
<div style="left: 211px; width: 518px; top: 42px; height: 500px;"
id="tekstmuzikanten"><big><big>De
Muzikanten
</big></big><br>
==================================================<br>
Pieter Meindertsma: <br>
woonplaats Burum, <br>
geboren 3 november 1964,
<br>
instrument: cornet<br>
Lid van het ensemble sinds de oprichting in 1990, <br>
tevens lid van Chr. Brassband Advendo te Burum en <br>
muzikant sinds 1974. Naast het maken van
muziek houdt<br>
Pieter van luisteren en kijken naar brassmuziek, <br>
het
houden van aquaria en het beoefenen van de hengelsport.
<br>
In het dagelijkse leven is Pieter productiechef.
==================================================
<br>
Wieger Riemersma <br>
woonplaats Burum, <br>
geboren 20 februari 1987
<br>
instrument: cornet<br>
Lid van het ensemble sinds 2002, tevens lid van Chr. Brassband Advendo
te Burum en muzikant sinds 1996. <br>
Wieger houdt van
het
maken van en het luisteren naar muziek.
Zijn verdere passie is de tuin.
====================================================<span
style="text-decoration: underline;">
Areanne van der Naald-Hofstee </span><br>
woonplaats Grijpskerk,<br>
geboren 24 oktober 1969,<br>
instrument: bugel
<br>
Lid van het ensemble sinds de oprichting in 1990,
<br>
muzikant sinds 1980.
=====================================================<br>
<span style="text-decoration: underline;">Rinze Dijkstra</span> <br>
woonplaats Engwierum, <br>
geboren 3 juli 1959,
<br>
instrument: althoorn<br>
Lid van het ensemble sinds 2004, tevens lid van <br>
Chr. Muziekvereniging Lauwers Fanfare Ee-Engwierum en <br>
muzikant sinds 1967. Rinze is
bakker van beroep. <br>
Zijn hobbys zijn muziek maken, darten en auto's.&nbsp;
===============================================<br>
<span style="text-decoration: underline;">Teake Riemersma</span><br>
woonplaats Burum, <br>
geb. 20 februari 1987, <br>
instrument: Es Bass<br>
Lid van het ensemble sinds 2002, tevens lid van <br>
Chr. Brassband Advendo te Burum en muzikant sinds 1996.<br>
Teake houdt van vissen.
Zijn beroep is hovenier.
================================================<br>
<span style="text-decoration: underline;">Jelle Hofman</span><br>
woonplaats Surhuisterveen, <br>
geboren 23 november 1968,
<br>
instrument: euphonium<br>
Lid van het ensemble sinds 1993,&nbsp; tevens lid van <br>
Chr. Brassband Exelsior Surhuizum en muzikant sinds 1976.<br>
Metselaar is zijn
beroep. Zijn hobbys zijn muziek en korfbal spelen.
==================================================<br>
<span style="text-decoration: underline;">Walke Hofstee</span><br>
woonplaats Grijpskerk, <br>
geboren 19-10-1944,
<br>
instrument: dirigeerstokje<br>
Oprichter en dirigent van het ensemble, tevens dirigent van <br>
Chr. Brassband Advendo te Burum
en van Fanfare CMV DINDUA <br>
te Oldekerk.
Zijn grote passie is muziek maken en componeren.
<br>
Zo komt o.a. " Requiem voor een muzikant" van zijn hand. <br>
<br>
<br>
<br>
</div>
</div>
</div>
</div>
<div id="page4"><a id="repertoire">
</a>
<div style="top: 2100px; height: 670px;" id="pagina"><br>
<div id="inhoud">
<div id="tekstrepertoire">Een greep
uit het <big>Repertoire</big><br>
==================================================== Adagio <br>
<span style="color: black;">Adagio</span> <br>
<div id="componisten">Tomasso Albinoni<br>
Walke Hofstee<br>
Samuel Berber<br>
Enya<br>
Arr. James. D. Ployhar<br>
Parry<br>
Walke Hofstee<br>
Alessandro Stradella<br>
Jan van der Roost<br>
Giovanni Gabrieli<br>
J. Pachelbel/ A. Wagnein<br>
Johann Seb. Bach<br>
<br>
Claudio Monteverdi<br>
Michael Praetorius<br>
Hans Zimmer<br>
Dirk Bosse<br>
Walke Hofstee<br>
Enya<br>
Walke Hofstee<br>
Charles Gounod<br>
Ennio Moricone<br>
Walke Hofstee<br>
W. A. Mozart<br>
WHBE<br>
Walke Hofstee<br>
G. F. Hndel<br>
Anton Dvorak<br>
Edward Grieg<br>
W. A. Mozart<br>
G. F. Hndel<br>
Giacomo Puccini<br>
Walke Hofstee<br>
L. Marenzio<br>
Edward Elgar<br>
Mirab Parchaladze<br>
C. Monteverdi<br>
W. A. Mozart<br>
Johann S. Bach<br>
<br>
Tomasso Vittorio<br>
Gabril Faur<br>
John Golland<br>
Hans Zimmer<br>
Enya<br>
Johann en Joseph Strauss<br>
Walke Hofstee<br>
Walke Hofstee<br>
sir Granville Bantock<br>
W. A. Mozart<br>
Eric Ball<br>
Walke Hofstee<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
Randy Edelman<br>
W. A. Mozart<br>
Franz Schubert<br>
<br>
Giovanni Gabrieli<br>
Trad.<br>
Walke Hofstee<br>
<br>
Walke Hofstee<br>
<br>
J. Dowland<br>
Trad.<br>
J. Dean Goffin<br>
Walke Hofstee<br>
Ronald Binge<br>
Peter I. Tsaikovsky<br>
Walke Hofstee<br>
Walke Hofstee<br>
Johann S. Bach<br>
A. Vivaldi<br>
Lovland &amp; Graham
</div>
Adagio for Strings (Agnus
Dei) <br>
A day without
rain<br>
A Mighty
Fortress<br>
A Repton
fantasie<br>
Alle 13
goed<br>
Andantino<br>
Canterburry
Choral<br>
Canzons
(verschillende)<br>
Classical
Canon<br>
Contra Punctus nr. 1 en
5<br>
Crimond<br>
Cruda
Amarilli<br>
Dances from the
Terpischore<br>
December 7th (Pearl
Habor)<br>
Des Sons
Animes<br>
Dresden<br>
Fallen
Embers<br>
Fantasie over een nieuwe
dag<br>
Faust<br>
Gabriels Oboe (The
mission)<br>
Herinneringen<br>
In diesen Heilgen
Halle<br>
Intrada<br>
Kiejabal and
Roses<br>
Largo<br>
Largo from The New
World<br>
Last
Spring<br>
Leck Mich im
Arsch<br>
Let me weep<br>
Love
song<br>
Over Psalm
141<br>
Mentra Qual Viva Pietra<br>
Nimrod<br>
O Bepo (het
meer)<br>
O Dolce Animo
Mea<br>
O Isis und
Isiris<br>
O Jesu Christ, Meins Lebens
Licht<br>
Old English Dances <br>
O Vos
Omnes<br>
Pavane<br>
Peace<br>
Pearl
Habor<br>
Pilgrim<br>
Pizzicato
Polka<br>
Prelude en Psalm 6<br>
Prelude en Psalm
121<br>
Prometheus Ontboeid<br>
Queen of the
Night<br>
Resurgham<br>
Requiem voor een
muzikant<br>
1-Intro en Kyrie
<br>
2-Dies Irae <br>
3-Offertorium
<br>
4-Sanctus
<br>
5-Agnus Dei
<br>
6-Lux aeternum
<br>
7-Libera me <br>
Reunion and Finale (from Gettysburg)<br>
Rondo uit Quintet in
Es<br>
Sanctus<br>
Schindlers list <br>
Sonata Pian'e
Forte<br>
Steal away<br>
1e Suite voor het
WHBE<br>
&nbsp;&nbsp;&nbsp;&nbsp; (1 fam. 4
karakters)
<br>
2e Suite voor het WHBE <br>
(De
provencie)
<br>
Sweet
Love<br>
The Day Thou
Givest<br>
The Light of the
World<br>
The Old Hundred (Psalm
134)<br>
&nbsp;The
Watermill<br>
Trepak<br>
Voor Noa
(ps.139)<br>
Voorspel en Psalm
42<br>
Wachet
Auf<br>
Winter<br>
You Raise Me
Up<br>
<br>
<br>
</div>
</div>
</div>
</div>
<div id="page5"><a id="forum">
</a>
<div id="page6">
<div style="top: 3400px; margin-top: 20px;" id="contact">
<script
src="http://www.wmweb.nl/webtools/contactformulier/external/js/include.js?id=1676"
type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function formCallback(result, form) { /* niks */ }
function set_valid() { var valid = new Validation('contactformulier_1676', {immediate : true, onFormValidate : formCallback}); }
document.write('<scr'+'ipt type="text/javascript" src="http://www.wmweb.nl/webtools/contactformulier/external/form.js?id=1676"></scr'+'ipt>');
</script><noscript><div style="text-align: center;"><iframe
src="http://www.wmweb.nl/webtools/contactformulier/external/form_stripped.php?id=1676"
marginwidth="0" marginheight="0" frameborder="0" height="570"
width="462"></iframe></div>
</noscript></div>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="javascript/smoothscroll.js"></script></div>
</div>
</body>
</html>
 
Laatst bewerkt door een moderator:
Kan je even aangeven om welk deel van de code het gaat?
 
Rubensky zei:
Kan je even aangeven om welk deel van de code het gaat?
Klik om te vergroten...

Het gaat om de div, page2,(geel:#tekstensemble, #tekstmuzikanten enz.). Deze wil niet groter of kleiner.... zal wel ergens een fix zitten in de body zelf....(bedenk ik mij nu.. er zijn in style aanpassingen....)
 
Laatst bewerkt door een moderator:
Veldfiets,

Even een paar zaken vooraf. Vanwege het extreem lange bestand heb ik een aantal "ingrepen" gedaan. Je zal de bestanden ook met ingrepen van mij terug gaan krijgen. Wat heb ik gedaan? Ik heb de CSS die je intern in je HTML had gebouwd daar uit gehaald en in een externe stylesheet opgeslagen. Daardoor krijgt in mijn editor (notepad++) de css meer kleur.

Daarnaast heb ik in je HTML regel 8 op de juiste manier gesloten waardoor de boel daaronder ook beter zal werken.

Voor de duidelijkheid jou notatie: <link
href="http://www.wmweb.nl/webtools/contactformulier/external/css/form.css"
rel="stylesheet" type="text/css">

Mijn notatie:

<a href="http://www.wmweb.nl/webtools/contactformulier/external/css/form.css"> </a>
<rel="stylesheet" type="text/css">



Daarnaast gebruik je extreem vaak de tag <br>. Kan, maar stop deze dan op n regel voor de duidelijkheid.

Na mijn aanpassingen werkt het vergroten van de div gewoon. Om dat te illustreren heb ik de div blauw gemaakt. Want het is logisch dat je niets zag gebeuren. Want de div valt ander een andere div. Deze heeft een zwarte achtergrond. Om ermee te kunnen spelen heb ik de background color van de div blauw gelaten dan kan je het zien.

Omdat je heel veel divs onder elkaar sluit moet je zoeken waar ze van zijn. Daarom heb ik ze voorzien van "code commentaar" zie je op de pagina niet maar helpt een heel stuk. Helaas zijn er wel divs met dezelfde naam dat is jammer daarom kan ik het niet helemaal goed doen.

Nog een enkele tip van mijn kant:

1 ga al de opmaak in CSS doen niet het een hier het ander daar.
2 haal de CSS uit de HTML. Ik heb het nu gedaan voor je.
3 ga met het inspringen van regeleinden werken. zo wordt het voor jezelf duidelijker.
4 gebruik een duidelijke editor.
5 gebruik geen divs met dezelfde naam. geef een andere naam en neem de instellingen over.

Zo ik hoop dat je verder kan. als je niets overneemt alleen de werkende div moet je dat doen. Maar ik hoop dat je iets met mijn aanbevelingen doet.

hieronder dan de code:

HTML: 
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>W.H.B.E.</title>

<link rel="stylesheet" href="forum.css">
<a href="http://www.wmweb.nl/webtools/contactformulier/external/css/form.css"> </a>
<rel="stylesheet" type="text/css">
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(51, 51, 51);"
alink="#000099" link="#000099" vlink="#990099">
<div id="logolinks"><br>
</div>
<div id="page1"><a id="top">
</a>
<div id="pagina">
<div id="menu">
<div id="logorechts"><img style="width: 286px; height: 139px;"
alt="logo" src="logorechts.jpg">
<div id="nav">
<ul>
<li><a href="#ensemble" class="smoothScroll">Ensemble</a> </li>
<li><a href="#muzikanten" class="smoothScroll">Muzikanten</a></li>
<li><a href="#repertoire" class="smoothScroll">Repertoire</a></li>
<li><a href="fotos.html">Foto's</a></li>
<li><a href="#forum" class="smoothScroll">Forum</a></li>
<li><a href="#contact" class="smoothScroll">Contact</a></li>
<li><a href="#top" class="smoothScroll">Home</a></li>
</ul>
</div>
</div>
</div>
<div id="inhoud">
<div style="text-align: center;">
<h2>BRASS ENSEMBLE</h2>
</div>
<div id="tekst"><br>
<br>
</div> <!-- einde div tekst -->
</div> <!-- einde div inhoud -->
</div> <!-- einde div pagina -->
</div> <!-- einde div page1 -->
<div id="page2"><a id="ensemble">
</a>
<div style="top: 700px;" id="pagina"><br>
<div id="inhoud">
<div style="top: 15px; height: 501px; left: 175px; width: 518px;"
id="tekstensemble"><big><big>Het Ensemble </big></big><br>
Het ensemble bestaat sinds 1990.
Initiatiefnemer Walke Hofstee heeft in menig muziekkring zijn stempel
gedrukt en zijn muzikale loopbaan leidde hem van de trompet via het
euphonium naar de bastuba. Daarnaast maakte hij zich door zelfstudie
langzaam meester van de kneepjes van het dirigeren. Dit resulteerde
o.a. in het dirigentschap van korpsen in Aduard, Bedum en van het
Regio-Orkest. Op dit moment is hij naast dirigent van het ensemble ook
dirigent van de Chr. Brassband Advendo te Burum en Fanfare CMV DINDUA
te Oldekerk. <br>
&nbsp;&nbsp; In de loop van de jaren verzamelde zich rond Walke Hofstee
een groep enthousiaste muzikanten en er werd regelmatig geoefend. Toen
de vraag kwam om kerk- en zangdiensten te begeleiden kreeg het
gezelschap een vastere vorm, ook&nbsp; om meer dan alleen koralen te
spelen, zo ontstond het Walke Hofstee Brass Ensemble. &nbsp;&nbsp; <br>
&nbsp;&nbsp; Het ensemble bestaat tegenwoordig uit Pieter Meindertsma
en Wieger Riemersma cornet, Areanne van der Naald Hofstee bugel, Rinze
Dijkstra althoorn, Jelle Hofman, Albertus Land en Angeline Westra
euphonium en Teake Riemersma bastuba.
Deze bezetting brengt met zich mee dat de muziek vaak wordt
herschreven.
Het ensemble studeerde werken in van o.a. Giovanni Gabrieli, Johann
Sebastiaan Bach en Samuel Barber, maar ook werken van hedendaagse
componisten zoals Eric Ball en Dennis Wright. Ook staan er
enige eigen composities op het repertoire evenals bewerkingen van
filmmuziek en liederen.
In feite strekt het programma zich uit over 5 eeuwen van muzikale
expressie die alle vormen van menselijke emotie blootlegt.
Het ensemble maakt dus muziek voor iedereen.
<br>
<br>
<br>
</div> <!-- einde div tekst tekstensemble -->
</div> <!-- einde div inhoud -->
</div> <!-- einde div pagina -->
</div> <!-- einde div page2 -->
<div id="page3"><a id="muzikanten">
</a>
<div style="top: 1400px; height: 700px;" id="pagina">
<div id="menu"><br>
</div>
<br>
<div id="inhoud">
<div style="left: 211px; width: 518px; top: 42px; height: 500px;" id="tekstmuzikanten"><big><big> De
Muzikanten
</big></big><br>
==================================================<br>
Pieter Meindertsma: <br>
woonplaats Burum, <br>
geboren 3 november 1964,
<br>
instrument: cornet<br>
Lid van het ensemble sinds de oprichting in 1990, <br>
tevens lid van Chr. Brassband Advendo te Burum en <br>
muzikant sinds 1974. Naast het maken van
muziek houdt<br>
Pieter van luisteren en kijken naar brassmuziek, <br>
het
houden van aquaria en het beoefenen van de hengelsport.
<br>
In het dagelijkse leven is Pieter productiechef.
==================================================
<br>
Wieger Riemersma <br>
woonplaats Burum, <br>
geboren 20 februari 1987
<br>
instrument: cornet<br>
Lid van het ensemble sinds 2002, tevens lid van Chr. Brassband Advendo
te Burum en muzikant sinds 1996. <br>
Wieger houdt van
het
maken van en het luisteren naar muziek.
Zijn verdere passie is de tuin.
====================================================<span
style="text-decoration: underline;">
Areanne van der Naald-Hofstee </span><br>
woonplaats Grijpskerk,<br>
geboren 24 oktober 1969,<br>
instrument: bugel
<br>
Lid van het ensemble sinds de oprichting in 1990,
<br>
muzikant sinds 1980.
=====================================================<br>
<span style="text-decoration: underline;">Rinze Dijkstra</span> <br>
woonplaats Engwierum, <br>
geboren 3 juli 1959,
<br>
instrument: althoorn<br>
Lid van het ensemble sinds 2004, tevens lid van <br>
Chr. Muziekvereniging Lauwers Fanfare Ee-Engwierum en <br>
muzikant sinds 1967. Rinze is
bakker van beroep. <br>
Zijn hobbys zijn muziek maken, darten en auto's.&nbsp;
===============================================<br>
<span style="text-decoration: underline;">Teake Riemersma</span><br>
woonplaats Burum, <br>
geb. 20 februari 1987, <br>
instrument: Es Bass<br>
Lid van het ensemble sinds 2002, tevens lid van <br>
Chr. Brassband Advendo te Burum en muzikant sinds 1996.<br>
Teake houdt van vissen.
Zijn beroep is hovenier.
================================================<br>
<span style="text-decoration: underline;">Jelle Hofman</span><br>
woonplaats Surhuisterveen, <br>
geboren 23 november 1968,
<br>
instrument: euphonium<br>
Lid van het ensemble sinds 1993,&nbsp; tevens lid van <br>
Chr. Brassband Exelsior Surhuizum en muzikant sinds 1976.<br>
Metselaar is zijn
beroep. Zijn hobbys zijn muziek en korfbal spelen.
==================================================<br>
<span style="text-decoration: underline;">Walke Hofstee</span><br>
woonplaats Grijpskerk, <br>
geboren 19-10-1944,
<br>
instrument: dirigeerstokje<br>
Oprichter en dirigent van het ensemble, tevens dirigent van <br>
Chr. Brassband Advendo te Burum
en van Fanfare CMV DINDUA <br>
te Oldekerk.
Zijn grote passie is muziek maken en componeren.
<br>
Zo komt o.a. " Requiem voor een muzikant" van zijn hand. <br>
<br> <br> <br>
</div>
</div>
</div>
</div>
<div id="page4"><a id="repertoire">
</a>
<div style="top: 2100px; height: 670px;" id="pagina"><br>
<div id="inhoud">
<div id="tekstrepertoire">Een greep
uit het <big>Repertoire</big><br>
==================================================== Adagio <br>
<span style="color: black;">Adagio</span> <br>
<div id="componisten">Tomasso Albinoni<br>
Walke Hofstee<br>
Samuel Berber<br>
Enya<br>
Arr. James. D. Ployhar<br>
Parry<br>
Walke Hofstee<br>
Alessandro Stradella<br>
Jan van der Roost<br>
Giovanni Gabrieli<br>
J. Pachelbel/ A. Wagnein<br>
Johann Seb. Bach<br>
<br>
Claudio Monteverdi<br>
Michael Praetorius<br>
Hans Zimmer<br>
Dirk Bosse<br>
Walke Hofstee<br>
Enya<br>
Walke Hofstee<br>
Charles Gounod<br>
Ennio Moricone<br>
Walke Hofstee<br>
W. A. Mozart<br>
WHBE<br>
Walke Hofstee<br>
G. F. Hndel<br>
Anton Dvorak<br>
Edward Grieg<br>
W. A. Mozart<br>
G. F. Hndel<br>
Giacomo Puccini<br>
Walke Hofstee<br>
L. Marenzio<br>
Edward Elgar<br>
Mirab Parchaladze<br>
C. Monteverdi<br>
W. A. Mozart<br>
Johann S. Bach<br>
<br>
Tomasso Vittorio<br>
Gabril Faur<br>
John Golland<br>
Hans Zimmer<br>
Enya<br>
Johann en Joseph Strauss<br>
Walke Hofstee<br>
Walke Hofstee<br>
sir Granville Bantock<br>
W. A. Mozart<br>
Eric Ball<br>
Walke Hofstee<br>

<br> <br> <br> <br> <br> <br> <br>
Randy Edelman<br>
W. A. Mozart<br>
Franz Schubert<br>
<br>
Giovanni Gabrieli<br>
Trad.<br>
Walke Hofstee<br>
<br>
Walke Hofstee<br>
<br>
J. Dowland<br>
Trad.<br>
J. Dean Goffin<br>
Walke Hofstee<br>
Ronald Binge<br>
Peter I. Tsaikovsky<br>
Walke Hofstee<br>
Walke Hofstee<br>
Johann S. Bach<br>
A. Vivaldi<br>
Lovland &amp; Graham
</div>
Adagio for Strings (Agnus
Dei) <br>
A day without
rain<br>
A Mighty
Fortress<br>
A Repton
fantasie<br>
Alle 13
goed<br>
Andantino<br>
Canterburry
Choral<br>
Canzons
(verschillende)<br>
Classical
Canon<br>
Contra Punctus nr. 1 en
5<br>
Crimond<br>
Cruda
Amarilli<br>
Dances from the
Terpischore<br>
December 7th (Pearl
Habor)<br>
Des Sons
Animes<br>
Dresden<br>
Fallen
Embers<br>
Fantasie over een nieuwe
dag<br>
Faust<br>
Gabriels Oboe (The
mission)<br>
Herinneringen<br>
In diesen Heilgen
Halle<br>
Intrada<br>
Kiejabal and
Roses<br>
Largo<br>
Largo from The New
World<br>
Last
Spring<br>
Leck Mich im
Arsch<br>
Let me weep<br>
Love
song<br>
Over Psalm
141<br>
Mentra Qual Viva Pietra<br>
Nimrod<br>
O Bepo (het
meer)<br>
O Dolce Animo
Mea<br>
O Isis und
Isiris<br>
O Jesu Christ, Meins Lebens
Licht<br>
Old English Dances <br>
O Vos
Omnes<br>
Pavane<br>
Peace<br>
Pearl
Habor<br>
Pilgrim<br>
Pizzicato
Polka<br>
Prelude en Psalm 6<br>
Prelude en Psalm
121<br>
Prometheus Ontboeid<br>
Queen of the
Night<br>
Resurgham<br>
Requiem voor een
muzikant<br>
1-Intro en Kyrie
<br>
2-Dies Irae <br>
3-Offertorium
<br>
4-Sanctus
<br>
5-Agnus Dei
<br>
6-Lux aeternum
<br>
7-Libera me <br>
Reunion and Finale (from Gettysburg)<br>
Rondo uit Quintet in
Es<br>
Sanctus<br>
Schindlers list <br>
Sonata Pian'e
Forte<br>
Steal away<br>
1e Suite voor het
WHBE<br>
&nbsp;&nbsp;&nbsp;&nbsp; (1 fam. 4
karakters)
<br>
2e Suite voor het WHBE <br>
(De
provencie)
<br>
Sweet
Love<br>
The Day Thou
Givest<br>
The Light of the
World<br>
The Old Hundred (Psalm
134)<br>
&nbsp;The
Watermill<br>
Trepak<br>
Voor Noa
(ps.139)<br>
Voorspel en Psalm
42<br>
Wachet
Auf<br>
Winter<br>
You Raise Me
Up<br>
<br>
<br>
</div>
</div>
</div>
</div>
<div id="page5"><a id="forum">
</a>
<div id="page6">
<div style="top: 3400px; margin-top: 20px;" id="contact">
<script
src="http://www.wmweb.nl/webtools/contactformulier/external/js/include.js?id=1676"
type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function formCallback(result, form) { /* niks */ }
function set_valid() { var valid = new Validation('contactformulier_1676', {immediate : true, onFormValidate : formCallback}); }
document.write('<scr'+'ipt type="text/javascript" src="http://www.wmweb.nl/webtools/contactformulier/external/form.js?id=1676"></scr'+'ipt>');
</script><noscript><div style="text-align: center;"><iframe
src="http://www.wmweb.nl/webtools/contactformulier/external/form_stripped.php?id=1676"
marginwidth="0" marginheight="0" frameborder="0" height="570"
width="462"></iframe></div>
</noscript></div>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="javascript/smoothscroll.js"></script></div>
</div>
</body>
</html>

CSS code

Code: 
div#pagina {
height: 710px;
width: 850px;
left: 17%;
background-color: #666666;
margin-top: -10px;
position: absolute;
}
div#menu {
width: 150px;
text-decoration: none;
color: #ffcc66;
height: 310px;
font-family: Corbel;
font-size: 21px;
font-weight: bold;
position: fixed;
float: right;
left: 76%;
line-height: 33px;
margin-top: 40px;
z-index: 10;
}
div#inhoud {
width: 620px;
background-color: #999999;
margin-left: 110px;
height: 560px;
font-family: Calibri;
}
div#logolinks {
background-image: url(linkslogo2.jpg);
background-position: left center;
margin-left: 58px;
background-repeat: no-repeat;
height: 500px;
position: fixed;
width: 100px;
margin-top: 50px;
z-index: 10;
}
h2 {
color: #990000;
font-size: 27px;
width: 550px;
padding-bottom: 5px;
background-color: #999999;
font-family: Segoe Print;
margin-left: 24px;
font-weight: bold;
line-height: 28px;
padding-top: 30px;
}
div#tekst {
background-color: #ffffcc;
margin-top: 40px;
background-repeat: no-repeat;
height: 400px;
width: 500px;
margin-left: 60px;
background-image: url(pic1.jpg);
background-position: center center;
font-family: Corbel;
font-size: 20px;
}

a:visited {
color: yellow;
}
a:link {
color: #ffcc33;
text-decoration: none;
}
a:hover {
color: red;
}
a:active {
color: #3366ff;
}
div#tekstensemble {
padding: 10px 10px 10px 15px;
overflow: auto;
color: black;
top: 0px;
position: absolute;
font-size: 17px;
right: 0px;
line-height: 25px;
bottom: 0px;
font-family: Corbel;
background-color: #ffffcc;
margin-left: -30px;
margin-top: 30px;
}
#page1 {
height: 700px;
}
#page2 {
	background-color:blue;
height: 200px;
}
#page3 {
height: 700px;
}
#page4 {
height: 700px;
}
#page5 {
height: 800px;
}
#page6 {
height: 800px;
}
div#tekstmuzikanten {
padding: 10px 10px 10px 15px;
overflow: auto;
font-family: Corbel;
background-color: #ffffcc;
color: black;
position: absolute;
line-height: 25px;
top: 0px;
right: 0px;
bottom: 0px;
font-size: 17px;
margin-left: -65px;
}
div#tekstrepertoire {
padding: 13px 10px 10px 15px;
overflow: auto;
font-family: Corbel;
margin-top: 50px;
height: 500px;
top: 0px;
font-size: 17px;
background-color: #ffffcc;
color: black;
position: absolute;
line-height: 25px;
right: 0px;
bottom: 0px;
width: 500px;
left: 18%;
}
div#componisten {
line-height: 25px;
font-family: corbel;
font-size: 17px;
float: right;
width: 200px;
color: black;
margin-top: -50px;
background-color: #ffffcc;
}
div#contact {
position: absolute;
width: 450px;
left: 50%;
margin-left: -230px;
background-color: #333333;
}
div#logorechts {
height: 200px;
position: fixed;
width: 300px;
margin-left: 3px;
}
div#forum {
margin-top: 8px;
width: 710px;
position: absolute;
margin-left: -380px;
left: 50%;
height: 480px;
background-color: #c0c0c0;
}
div#muziekspeler {
width: 100%;
margin-top: -150px;
height: 110px;
}
 
Laatst bewerkt door een moderator:
Dank u beleefd.
Ik heb e.e.a. gelezen en gesnapt en .. de externe CSS: heb ik nog nooit toegepast (ben niet altijd er mee bezig :eek:, muzikant..), vraagje: ik zet de CSS gewoon in de map en geef het de naam forum.css?
Ik gebruik doorgaans Kompozer, via Cursusnetwerk geleerd ermee te werken, heb ook wel ooit eens HTML van de basis af gedaan, bij de Belgen, maar die site bestaat niet meer, een HTML cursus = overal wel op te pikken). Notepad++ heb ik ook wel: kan ik beter gebruiken als alles in kannen en kruiken is. Zo'n editor als Kompozer is wel handig lijkt mij, anders dien je alle codes steeds weer uit te schrijven: maar dat zal wel met ervaring te maken hebben. De editor van Microsoft heb ik ook: handig om foto's zodanig te positioneren dat je er omheen kunt schrijven, die tool heeft Kompozer niet, dan mag je alles in div's onderbrengen, of er HTML voor bestaat.... (aan de bron van de Microsoft te zien, uit herinnering: wel:)).
Ik zal je gegeven verbetering, dank u zeer, zeker in Notepad++ zetten en Uitvoeren en zien wat je bij regel 8 bedoelt.

<link rel="stylesheet" href="forum.css">: Dit snap ik
Niet gesnapt<a href="http://www.wmweb.nl/webtools/contactformulier/external/css/form.css"> </a>Deze regel is erbij gekomen: snap ik niet goed, evenals de klaarblijkelijke relatie met de regel hierna: wil je dit nog eens uitleggen?
<rel="stylesheet" type="text/css">.

--- Update ---

:agree:. Gelukt, blauwe veld in beeld, pagina's niet bovenelkaar vanwege de extra 200 px. Jouw volgende tekstdeel is even een studie: de betreffende div is niet die van de #tekstmuzikanten, maar van .. welke div dan wel? Wat heeft die blauwe balk daarmee van doen...? Snap e.e.a. niet goed.
Ik wil dus het geheel met de informatie veel breder hebben, dat betekent de grijsvelden moeten ook verbreed, dit wil wel lukken, maar bij mij lukte de gele div niet (Heel veel beeldschermen zijn breedbeeld en ik heb daarop gezien dat er heel veel loze zwarte ruimte rechts en links is, dat kan anders en voor de telefoon: maakt het niet uit, kantel je de telefoon wel)
Na mijn aanpassingen werkt het vergroten van de div gewoon. Om dat te illustreren heb ik de div blauw gemaakt. Want het is logisch dat je niets zag gebeuren. Want de div valt ander een andere div. Deze heeft een zwarte achtergrond. Om ermee te kunnen spelen heb ik de background color van de div blauw gelaten dan kan je het zien.
 
Laatst bewerkt door een moderator:
En je kan het rechter logo door er op met de muis te staan verslepen wat je wil.
Dus dat klopt niet.
 
Abraham54 zei:
En je kan het rechter logo door er op met de muis te staan verslepen wat je wil.
Dus dat klopt niet.
Klik om te vergroten...
.

Ik snap deze zin niet, excuus: het rechter logo zit vast, dat is de bedoeling, ik zie hier geen probleem...
 
Abraham54 zei:
En je kan het rechter logo door er op met de muis te staan verslepen wat je wil.
Dus dat klopt niet.
Klik om te vergroten...

Abe,

Ik laat dat nog heel even buiten beschouwing omdat het een en ander aan basis in het script nog niet juist is of wordt begrepen. Daar moeten we eerst mee verder.

Veldfiets maak je de website nu met HTML of bouw je hem met een programma waarmee je de boel plaatst en het later omzet in code?
 
veldfiets zei:
het rechter logo zit vast, dat is de bedoeling, ik zie hier geen probleem...
Klik om te vergroten...

Nee, wanneer je jouw website bekijkt op een 24" monitor, dan is er geen probleem. Maar bekijk hem eens op een tablet. Wanneer ik de website bezoek met mijn iPad Air 2, dan staat het logo (walke hofstee + de woorden daaronder: Ensemble, Muzikanten enz.) over de tekst heen. De tekst wordt daardoor zeer lastig leesbaar.

Ik heb geen verstand van het maken van websites. De advisering ter verbetering van je website laat ik daarom graag aan Rubensky over.
 
veldfiets zei:
Ik snap deze zin niet, excuus: het rechter logo zit vast, dat is de bedoeling, ik zie hier geen probleem...
Klik om te vergroten...

589f55618da84-Veldfiets.png
 
Broncode gemaakt door Rubensky en op het Nationaal C. F. staat wil niet meer Uitgevoerd: tot alleen de bron zelf

Hallo computerkenners,

Waarom wil een gedoneerde broncode die Rubensky van het N. C. F. voor mij heeft gemaakt, niet meer Uitgevoerd worden.
Ik sta perplex. Ik doe precies hetzelfde als gisteren...toen lukte het wel. :wall:
 
SmotthScroll doet het niet meer: ik zie niet de fout, ik tuur me .. tureluurs.

Dank voor verse ogen...
Zie s.v.p. www.veldfiets.nl/whbe2b
E.e.a. met de div breedtes inmiddels opgelost, 2 in style attributen verwijderd, maar nu doet de smoothscroll het niet meer. :fury:
Let niet op de breedtes van het gele veld. Succes en .. bedankt voor hulp in deze .. warrige 'huishouding'.
 
Abe en porrelaar,

Het is in zijn geheel te begrijpen dat de pagina niet goed gaat op een tablet en zeker niet op een mobiel. De website is namelijk niet Responsieve gemaakt met iets als bijvoorbeeld Bootstrap.

Lees mee als jullie het willen gaan begrijpen.

Veldfiets maak je de website op script (HTML en CSS) of doe je het anders?
 
Laatst bewerkt door een moderator:
Nu graag in je originele topic blijven posten, anders wordt het met al die losse kreten een warboel voor iedereen die jou wil helpen.
 
@ Rubensky: ga naar de twee boodschappen die nu boven jouw laatste bericht staan.
 
Laatst bewerkt:
Zegt me niets over wat er met script en wat er met Kompozer wordt gedaan!
 
Rubensky zei:
Abe en porrelaar,

Het is in zijn geheel te begrijpen dat de pagina niet goed gaat op een tablet en zeker niet op een mobiel. De website is namelijk niet Responsieve gemaakt met iets als bijvoorbeeld Bootstrap.

Lees mee als jullie het willen gaan begrijpen.

Veldfiets maak je de website op script (HTML en CSS) of doe je het anders?
Klik om te vergroten...
HTML/CSS: telefoon, tablet zijn niet zo belangrijk, e.e.a is wel aardig zichtbaar op de telefoon.
Bootstrap ken ik .. (nog) niet.

--- Update ---

Rubensky zei:
Zegt me niets over wat er met script en wat er met Kompozer wordt gedaan!
Klik om te vergroten...

Kompozer: kun je opzoeken.
Microsoft Expression is ook een WYS enz. editor, maar anders, zie daar.

--- Update ---

Abraham54 zei:
589f55618da84-Veldfiets.png
Klik om te vergroten...

Ik zie het, hm, niet zo mooi. :busted:
 
Laatst bewerkt door een moderator:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan