align probleem
Hoi,
ik ben bezig met het maken van een site:
klik hier
maar ik heb een probleempje in dit deel van de site.. het bericht moet bovenin de container staan, maar het komt in het midden. Hoe komt dit en hoe verhelp ik het?
stukje html:
hier zit wel een goede table omheen enzo..
de css die erbij hoort:
Alvast bedankt!
ik ben bezig met het maken van een site:
klik hier
maar ik heb een probleempje in dit deel van de site.. het bericht moet bovenin de container staan, maar het komt in het midden. Hoe komt dit en hoe verhelp ik het?
stukje html:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<td id="container">
<div id="header_container">
<img src="./images/Nieuws.png"/>
</div>
<div id="main_container">
<fieldset class="nieuwstitel">
<legend>
</legend>
We zijn al een heel eind met de site, vandaag is alles online gezet, alleen het ingelogde deel moet nog gemaakt worden. Het inloggen is ook nog niet zoals het hoort, maar het komt allemaal zo snel mogelijk in orde.
<br/>
<br/>
Grtz TheAdmin
</fieldset>
<br/>
</div>
</td>
<div id="header_container">
<img src="./images/Nieuws.png"/>
</div>
<div id="main_container">
<fieldset class="nieuwstitel">
<legend>
</legend>
We zijn al een heel eind met de site, vandaag is alles online gezet, alleen het ingelogde deel moet nog gemaakt worden. Het inloggen is ook nog niet zoals het hoort, maar het komt allemaal zo snel mogelijk in orde.
<br/>
<br/>
Grtz TheAdmin
</fieldset>
<br/>
</div>
</td>
hier zit wel een goede table omheen enzo..
de css die erbij hoort:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
#container{
width: 600px;
}
.nieuwstitel{
color: darkred;
font-size: 16;
font-family: comic sans ms, arial, times;
}
.nieuwsbericht{
color: darkred;
font-size: 12;
font-family: comic sans ms, arial, times;
}
width: 600px;
}
.nieuwstitel{
color: darkred;
font-size: 16;
font-family: comic sans ms, arial, times;
}
.nieuwsbericht{
color: darkred;
font-size: 12;
font-family: comic sans ms, arial, times;
}
Alvast bedankt!
Dit probleem ontstaat doordat je tabellen voor je layout gebruikt, die zijn daar helemaal niet voor bedoeld! Een layout bouw je op met behulp van div's en CSS, ga je daar dus eens in verdiepen...
Als lapmiddel zou je de valign van die cel eens op 'top' kunnen proberen te zettten. Maar je zou er verstandig aan doen om opnieuw te beginnen en je layout op een goede manier met enkel div's en CSS op te zetten.
Als lapmiddel zou je de valign van die cel eens op 'top' kunnen proberen te zettten. Maar je zou er verstandig aan doen om opnieuw te beginnen en je layout op een goede manier met enkel div's en CSS op te zetten.
Gewijzigd op 01/01/1970 01:00:00 door Joren de Wit
Met CSS is het nog best wel moeilijk om tekst in een div verticaal uit te lijnen.. of bestaat daar een commando voor? Zat ik zelf namelijk laatst mee :-)
en dan alle div's positions mee te geven? ik kan dan toch nooit gemakkelijk bv zo'n layout krijgen klikklikklik
?? is dat niet veel makkelijker te doen met tables dan met div's:S?
?? is dat niet veel makkelijker te doen met tables dan met div's:S?
Quote:
edit: valign='top' werkt ook niet
Gewijzigd op 01/01/1970 01:00:00 door Pieter Joordens
Neen Div's is makkelijker !.
Je moet het alleen een beetje inschatten. Hier heb je namelijk wel veel div's nodig en met een beetje nadenken heb je meteen een resultaat !.
Ga weg van tabbelen dat is uitgevonden voor informatie in te stoppen !.
grtz
(ps je kleuren gebruik trekt op niks.)
Je moet het alleen een beetje inschatten. Hier heb je namelijk wel veel div's nodig en met een beetje nadenken heb je meteen een resultaat !.
Ga weg van tabbelen dat is uitgevonden voor informatie in te stoppen !.
grtz
(ps je kleuren gebruik trekt op niks.)
over de kleuren.. i know.. maar daar gaat het nou nie over :P
ik kan nou wel alles in div's gaan zetten, maar hoe krijg ik die op de goede plaats, zonder dat alle positions absolute zijn?
ik kan nou wel alles in div's gaan zetten, maar hoe krijg ik die op de goede plaats, zonder dat alle positions absolute zijn?
Ga je verdiepen in CSS en ga er gewoon eens mee spelen. Kijk wat de verschillende instellingen en attributen doen en probeer zo je site op te bouwen.
Als je een specifieke vraag hebt, kun je die hier natuurlijk altijd stellen. Maar het is niet de bedoeling dat wij jouw layout om gaat zetten naar divjes ;-)
Als je een specifieke vraag hebt, kun je die hier natuurlijk altijd stellen. Maar het is niet de bedoeling dat wij jouw layout om gaat zetten naar divjes ;-)
oke ik heb alles nu in div'jes staan, maar ik krijg de content div niet langs de div's van het menu.. Hoe krijg ik dat dan voor elkaar? ik wil niet met position: absolute; werken, want dan blijft het niet gecenterd en het is op elk beeldscherm anders... en ik kan in de css reference van w3schools.com geen andere manier vinden... Wie weet hoe dit dan moet?
Tja, je hebt nu alles op goed gelukt in een zooitje divs geknald, dat zal natuurlijk nooit direct werken. Nu zul je in je CSS document styles aan deze divs moeten gaan verbinden zodat de div's op de goede plaats komen te staan.
Wat je verder ook nog doet is die <center> tags uit je code slopen, die heb je nergens voor nodig.
Ik zou zeggen, kijk eens naar de broncode van wat websites op internet. Op die manier heb je wat voorbeelden zodat je kunt zien hoe men het daar aanpakt en kun je aan de hand van die voorbeelden je eigen layout in elkaar draaien.
Wat je verder ook nog doet is die <center> tags uit je code slopen, die heb je nergens voor nodig.
Ik zou zeggen, kijk eens naar de broncode van wat websites op internet. Op die manier heb je wat voorbeelden zodat je kunt zien hoe men het daar aanpakt en kun je aan de hand van die voorbeelden je eigen layout in elkaar draaien.
Nou, volges mij ben ik nou een heel eind op weg *klik*, alleen nog twee dingetjes:
1. mijn footer wordt helemaal bovenaan gezet, en niet onder de div's. Toch zijn alle div's afgesloten, ik heb alleen de footer geen position meegegeven, want die veranderd naargelang de content. Hoe verander ik dat?
2. bij registreren: de input velden moeten achter de namen van de velden staan, ze staan er nu echter onder. Ik heb om elk veld al een <div class='line'> neergezet met de css display: inline; maar dat werkt niet:( wat doe ik hier fout?
1. mijn footer wordt helemaal bovenaan gezet, en niet onder de div's. Toch zijn alle div's afgesloten, ik heb alleen de footer geen position meegegeven, want die veranderd naargelang de content. Hoe verander ik dat?
2. bij registreren: de input velden moeten achter de namen van de velden staan, ze staan er nu echter onder. Ik heb om elk veld al een <div class='line'> neergezet met de css display: inline; maar dat werkt niet:( wat doe ik hier fout?
Je hebt toch alles maar een position:absolute gegeven? Zonde, je site is nu namelijk totaal niet liquid meer en liggen alle afmetingen al vast...
Wat betreft die inputvelden, ga eens kijken wat je met floats kunt doen. Wellicht dat je daar een oplossing in vindt.
Wat betreft die inputvelden, ga eens kijken wat je met floats kunt doen. Wellicht dat je daar een oplossing in vindt.
@blanche:
Ik weet echt niet hoe ik die div's anders op hun plaats moet krijgen, sorry ik ben hier nie zo goed in als jij :$. met de float voor de inputs kom ik er wel uit, nog een beetje klooien maarja..., maar hoe zit het met mijn footer die bovenaan komt?
Ik weet echt niet hoe ik die div's anders op hun plaats moet krijgen, sorry ik ben hier nie zo goed in als jij :$. met de float voor de inputs kom ik er wel uit, nog een beetje klooien maarja..., maar hoe zit het met mijn footer die bovenaan komt?
Je moet position: relative gebruiken :). En dan met margins hem op de goede plek zien te krijgen.
margin-left: ;
margin-right: ;
margin-top: ;
margin-bottom: ;
margin-left: ;
margin-right: ;
margin-top: ;
margin-bottom: ;
die margins willen niet echt werken... ik krijg ze wel naar rechts verschoven, maar niet dat ze naast het menu komen staan.
klik
css:
Hoe moet ik die div nou langs het menu krijgen?
ps. m'n footer staat nou wel goed :)
klik
css:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
#menu{
position: relative;
margin-top: 0px;
margin-left: 20px;
width: 250px;
}
#container{
position: relative;
margin-top: 20px;
margin-left: 250px;
width: 600px;
}
position: relative;
margin-top: 0px;
margin-left: 20px;
width: 250px;
}
#container{
position: relative;
margin-top: 20px;
margin-left: 250px;
width: 600px;
}
Hoe moet ik die div nou langs het menu krijgen?
ps. m'n footer staat nou wel goed :)
Kijk eens naar het gebruik van floats. Je zult waarschijnlijk 1 container-div willen gebruiken en daarin je menu en content divs plaatsen. Deze zou je een float:left mee kunnen geven om ze naast elkaar te krijgen.
oke, tnx.. ik heb de margins wel negatief moeten zetten, maar het werkt nou :)
bedankt
bedankt




