Het Web ontwikkelaars Topic [deel 2]

Geen "top" marges gebruiken en geen position: absolute gebruiken. Verander al je top/left/rights in margin-top/left/right.

 

wat moet er volgens jou dan?

 

en dan auto van maken?

 

<p> ?

 

oja dus die <a> 's allemaal weghalen bij tekst en daar <p> van paken he?

 

ja zou ik doen

 

<a> tag betekend een link. <p> is paragraph.
Position tags hoef je eigenlijk niet te gebruiken. Meestal zorgt dit voor problemen.

 

a verander in p, nu is mijn tekst zwart en hoezo moet ik geen position? ik moet toch zeggen waar het moet staan binnen mijn lay-out?

 

Dat doe je al met je margins. Postion gebruik je alleen om elementen buiten de standaard stramien te 'forceren' Als je bijvoorbeeld een plaatje bovenop je plaatje wilt.

Je tekst wordt zwart omdat je nog geen p style hebt gemaakt in je css.

 

dus ipv dit:

Spoiler

.tekst1
{
position: absolute;
top:345px;
left:553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFFF
text-decoration: none;
}

moet ik dit:

Spoiler

.tekst1
{
position: absolute;
margin-right: 345;
margin-left: 553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFFF
text-decoration: none;
}

p style heb ik aangemaakt op zelfde manier als je a style, kleur blijft zwart

 

mmm dat werkt niet, ook niet als ik position: relative; doe

 

Ja maar kijk eens je vergeet achter een waarde 'px' te gebruiken. En dat gaat natuurlijk niet op ;_

 

die was ik hier vergeten maar niet in dreamweaver ik heb dit geprobeerd op de tekst welcome.. en die komt nu helemaal onderin te staan

dit krijg ik:



met deze code:

Spoiler

.welcome
{
position: absolute;
margin-top:290px;
margin-left:553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFF
text-decoration: none;
}

 

EDit;

 

Zoals dit:

.tekst1
{
margin-top:345px;
margin-left:553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFFF;
text-decoration: none;
}

Door met de top waardes te spelen bepaal je hoever de tekst naar onder gaat. Hoe meer hoe lager.
Absolute positions moet je eruit halen. Overal. Die forceren de hele boel.

 

oeps, verandert maar het helpt niet

css:

Spoiler

.welcome
{
position: absolute;
margin-right:290px;
margin-left:553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFF
text-decoration: none;
}

html:

Spoiler

<div class="welcome">
<a>welcome..</a>
</div>

 

<p></p>

wat klopt er nu nog niet?

 

Zie vorige post.

 

o faal die had ik over het hoofd gezien xD
de hele post

 

staat er dan ook nog wat verkeerd in de html? want als ik het verander naar dit van jou blijft het ut zelfde, echt raar

css:

Spoiler

.welcome
{
margin-top:290px;
margin-left:553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFFF;
text-decoration: none;
}

html:

Spoiler

<div class="welcome">
<a>welcome..</a>
</div>