HELP! uitlijnen van afbeeldingen & teksts weg!

[Lanah]

Hallo!

Mijn naam is Lanah Evers. Ik heb m.b.t. mijn sport mijn eigen website gemaakt m.b.v. Dreamweaver: www.lanahevers.nl

Ik had nog nooit eerder een website gemaakt, maar ik vind het toch aardig gelukt. Er zijn nog wel een aantal dingen die ik wil aanpassen. Er zijn vooral twee dingen die ik niet zo netjes vind op mijn site, maar die ik zelf niet verholpen krijg:

1. Als je kijkt in de media sectie van mijn website met internet explorer, dan gebeurt het vaak dat enkele van de fotootjes verspringen, zodat de foto's niet allemaal netjes onder elkaar staan uitgelijnd. Dit terwijl ik dit probleem met Mozilla Firefox helemmal niet heb. Daar staan alle afbeeldingen netjes zo links mogelijk onder elkaar.

2. Als je snel scrolt naar beneden (bijvoorbeeld bij "Bio"), dan vallen er soms stukken tekst weg, alsof er een wit papier overheen wordt geplaats. Ik denk dat dit met de achtergrond te maken heeft...

Zijn er hier mensen die mij hiermee kunnen helpen?

Groeten,

Lanah Evers

 

[Paul-RT]

Verplaatst naar Websites / algemeen.

 

[Lanah]

Iemand?

Geen probleem dat mijn vraag verplaatst is, maar zijn er misschien nog mensen die mij antwoord kunnen geven?

Alvast bedankt!

 

[peter vazed]

Lijkt mij eencss probleem.

Bijvoorbeeld:
<div id="tabblad">
<p>
<a href="Bio/Bio.htm">BIO</a>
</p>
</div>
<div id="tabblad">
<p>
<a href="Foto%27s/Foto%27s.htm">FOTO'S</a>
</p>

</div>
<div id="tabblad">
<p>
<a href="Media/Media.htm">MEDIA</a>



kan niet, omdat een ID maar EEN keer op dezelfde pagina mag voorkomen.
Dus wijzigen in class.

Bovendien is de weergave van CSS in IE en FF niet altijd gelijk.
Wordt anders geinterpreteerd.

 

[Lanah]

Bedankt voor je reactie Peter, maar daar ligt het niet aan.

Het was inderdaad niet juist en ik verbaas me dat dreamweaver mij geen foutmelding heeft gegeven voor het vaker dan 1 keer gebruiken van het tabblad id.

Ik heb het net aangepast, maar deze fout slaat op mijn keuze menu, boven aan de website: "nieuws, bio, foto's" enz. en niet op het uitlijnen van de afbeeldingen en het "verdwijnen" van de tekst.

Dit is mijn css code mbt de media pagina:

.media h3{
text-align:center;
}

.media img{
float:left;
margin:0 1em 0 0;
}

 

[peter vazed]

Gooi dit er eens uit:
<div class="clearer"></div>

Heeft dus toch met je css te maken.

 

[Lanah]

... ik heb je advies opgevolgd. Ik heb alle "<div class="clearer"></div>" op de pagina eruit gehaald, maar het problem is nog steeds niet verholpen....

 

[peter vazed]

... ik heb je advies opgevolgd. Ik heb alle "<div class="clearer"></div>" op de pagina eruit gehaald, maar het problem is nog steeds niet verholpen....

In mijn testpagina (bio pagina) werkt het wel, voor wat betreft de witte vlekken.
Dus de verdwijnende tekst.
Ga je nu met de muis over de plaats waar tekst moet staan komt die wel tevoorschijn.
De div zit dus gewoon in de weg.

 

[Lanah]

Hey Peter,

Ik ben hier een beetje laat mee, maar heel erg bedankt voor je tip, je hebt helemaal gelijk! Mijn "clearer" is de oorzaak. De rede dat ik dit gebruikte, was zodat, ongeacht de ingestelde tekengrootte van de gebruiker, het volgende stuk tekst pas beneden de foto terecht zou komen. Als ik de clearer weghaal en in plaats hiervan enters gebruik, dan is dit effect weg. Enig idee hoe ik dat oplos? (Ja, ik weet het, ik ben wel moeilijk... )

Wat ik vervelender vind, is het verspringen van de foto's. Enig idee....?

Alvast erg bedankt voor je moeite. Ik ken verder zelf bijna geen mensen die websites maken, dus hoop ik dat jij (of iemand anders) mij nog even kunt adviseren.

Alvast bedankt :thumb:

Groetjes!

 

[peter vazed]

Media.htm

Probeer dit eens:

	<a href="http://www.lanahevers.nl/Media/Volkskrant%20Magazine/Volkskrant.htm" target="_blank"><img src="Media_files/linkplaatje_005.jpg" border="0" height="150" width="100"  style="padding-right;5px;padding-bottom:140px;border:2px; border-color:#ff0000;"></a>
	  
	<p>Bij
mijn eerste 2 wedstrijden is mijn vader meegegaan om te kijken. Bij de
derde en laatste wedstrijd in de reeks, de open C wedstrijd in
Gorinchem, was het de beurt aan mijn moeder. Mijn moeder had die dag
haar camera bij zich en heeft een aantal foto's gemaakt, waaronder ook
een aantal van de deelnemers aan de Sport &amp; Fitness Cup. De sport
&amp; Fitness Cup was een A wedstrijd, die aansluitend op de Open C
wedstrijd was georganiseerd. </p>
	  <p>In de openingsrubriek van het
Volkskrant Magazine wordt elke week één van de ingezonden foto's van de
lezers uitgekozen. De foto moet dan betrekking hebben op iets wat dat
weekend is gebeurd. Zo had mijn moeder dus een foto van de deelnemers
van de Sport &amp; Fitness Cup ingezonden, met daarbij de toelichting
dat zij daar aanwezig was om naar haar dochter te komen kijken. Dit met
een begeleidend fotootje van mij erbij. Later die dag werd zij opgebeld
met de mededeling dat de redactie niet de foto van de deelnemers aan de
S&amp;F Cup, maar mijn foto wilde plaatsten! </p>

Dus bij het plaatje een style toevoegen:
style="padding-right;5px;padding-bottom:140px;border:2px; border-color:#ff0000;"

Nu mag je dit:
border:2px; border-color:#ff0000;
weglaten, dit heb ik gedaan om te zien wat er gebeurde.

De hoogte:
padding-bottom:140px
moet je dus bij ieder plaatje apart instellen.

Je verspringende plaatjes zie ik niet