align probleem
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!
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
?? 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
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.)
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?
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 ;-)
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.
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?
Wat betreft die inputvelden, ga eens kijken wat je met floats kunt doen. Wellicht dat je daar een oplossing in vindt.
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?
margin-left: ;
margin-right: ;
margin-top: ;
margin-bottom: ;
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 :)
bedankt