Archief - HTML/CSS: <IMG align="right"

Chalk · 12 jun 2006

<div id="lijn">
<img src="links.jpg" width="240" height="33" border="0"></img>
<IMG align="right" src="rechts.jpg" width="240" height="33" border="0"></img>
</div>

dit heb ik dus als code gebruikt..
m'n verwijzing van div id="lijn" is perfect en klopt goed, mijn img src "links.jpg" klopt ook ze staan op 1 lijn..

MAAR

de align "right" zoals de code het al zegt, zou deze afbeelding aan de rechterkant moeten staan ook op die div id="lijn"

dus: linksafbeelding ---(lijn)--- loopt helemaal door tot aan andere kant van het scherm.
> rechtsafbeelding komt helemaal rechts testaan maar een ENTER <br /> onder de "lijn"

en deze zou ook gwn op 1 lijn moeten lopen..

weet iemand wat er fout is aan mijn code? want hij neemt dus een <br /> en ik zou niet weten waarom

danku bij voorbaat

*EDIT*

in mijn CSS file bij lijn staat:

#lijn {
background: url(lijn.jpg);
background-repeat: repeat-x;
margin-right: -10px;
margin-left: -10px;
}

Skratz · 12 jun 2006

Chalk · 12 jun 2006

Skratz zei:
<div id="lijn">
<img src="links.jpg" style="width:240px; height:33px; position:absolute; left:0px; border:0px;"></img>
<img src="rechts.jpg" style="width:240px; height:33px; position:absolute; right:0px; border:0px;"></img>
</div>

nu staan ze goed links en rechts

maar nu is de lijn erniet meer

maar toch al bedankt :d

SurfboY.be · 12 jun 2006

Je lijn zit er waarschijnlijk achter, probeeer z-index eens. z-index 0; voor de afbeelding, z-index 1; voor de lijn

Skratz · 12 jun 2006

of bij de images "background-color: transparent" zou ook kunnen helpen.

Chalk · 12 jun 2006

werkt weer niet

pfffffffffff

iemand die de hele file's eens wilt zien add [email protected]
alvast weer bedankt voor de moeite

*edit*

<div id="lijn">
<img src="links.jpg" style="width:240px; height:33px; position:absolute; left:0px; border:0px; background-color:transparent; z-index 0;"></img>
<img src="rechts.jpg" style="width:240px; height:33px; position:absolute; right:0px; border:0px; background-color:transparent; z-index 0;"></img>
</div>

is het nu

Skratz · 12 jun 2006

kunt ge dat niet online zetten, of alleen de afbeeldingen, want das nie echt makkelijk zo.

probeer anders ook eens ipv z-index:0 z-index:-1
maar ik denk niet dat dat het gewenste resultaat gaat geven.

ik denk dat het beter is een span (of beter nog een <hr /> als dat gaat) met als background die lijn.jpg tussen die imgs steken

Bram · 12 jun 2006

<div id="lijn">
<IMG src="rechts.jpg" width="240" height="33" border="0" style="float:right"></img>
<img src="links.jpg" width="240" height="33" border="0"></img>
</div>

zoeens geprobeerd? dunno of et gaat werken...

maareuh, waarom doet gij </img>??? da bestaat helemaal niet... <img> is een enkele tag...

Chalk · 12 jun 2006

SveltestSword zei:
<div id="lijn">
<IMG src="rechts.jpg" width="240" height="33" border="0" style="float:right"></img>
<img src="links.jpg" width="240" height="33" border="0"></img>
</div>

zoeens geprobeerd? dunno of et gaat werken...

maareuh, waarom doet gij </img>??? da bestaat helemaal niet... <img> is een enkele tag...

met die code is het bijna gelukt

enkel dat aan de zijkanten de linkse en rechtse image het scherm zo een halve cm niet raken

weet iemand hier ook raad voor? (hier heb ik vaak problemen mee.. en dan gebruik ik -10px; maar nu heb je een float gebruikt..

ik gebruik </img> omdat als je FF tidy hebt (prog om de html-tale fouten te bekijken van een site) aangeeft dat je een </img> "moet" hebben om geen fout te hebben ..

BEDANKT AL.. nu nog deze kleinigheed.. da het de rand niet raakt

Chalk · 12 jun 2006

tis gelukt !!!!!

<div id="lijn">
<IMG src="rechts.jpg" width="240" height="33" border="0" style="float:right; margin-right: -15px;"></img>
<img src="links.jpg" width="240" height="33" border="0" style="margin-left: -5px;"></img>
</div>

is het uiteindelijke resultaat

als jullie willen dan post ik hier binnenkort de link naar de site eens op.. het wordt een skatesite oO

Bram · 12 jun 2006

posten die handel

edit: ff kleine bedenking: heb je hem getest zowel in IE als in FF??? zou truccen zouden namelijk nefast kunnen zijn in IE ofzo (niets dat kan verholpen worden echter)

SurfboY.be · 13 jun 2006

SveltestSword zei:
maareuh, waarom doet gij </img>??? da bestaat helemaal niet... <img> is een enkele tag...

</img> bestaat wel, dat is XHTML de opvolger van HTML en normaal gezien wat je zou moeten gebruiken

Zero Grav · 13 jun 2006

Right, ja, .. Juust.

<img src="" alt="" />

Die </img>-tag bestaat wel maar om dat aan te raden.. Tussen die twee tags van <img></img> kan je sowieso geen tekst kwijt, of bij een <br /> ga je ook niet <br></br> zetten.

Bram · 13 jun 2006

Zero Grav zei:
Right, ja, .. Juust.

<img src="" alt="" />

Die </img>-tag bestaat wel maar om dat aan te raden.. Tussen die twee tags van <img></img> kan je sowieso geen tekst kwijt, of bij een <br /> ga je ook niet <br></br> zetten.

da is idd wa ik dacht? ik wou Chalk nie meteen mee xhtml op de nek vallen... ma </img> of </br> hemmek toch nog nooit van gehoord zulle... Lijkt me ook totaal nie logisch...

Chalk · 13 jun 2006

in IE werkt de site weer NIET

alle prentjes staan inorde..
maar hij raakt weer de kanten NIET

printscreen komt sebiet want online zetten kan nog niet, ik moet eerst de info krijgen van die manne

==> http://img163.imageshack.us/img163/8994/foutjes2vl.jpg
==> links is het dat 'randlijntje' waar het scherm stopt.. je ziet dus links & rechts allebij een witte rand oO

en btw het ventje is niet altijd rood.. andere 'link' = andere kleur
en de skatecrew naam is nog niet gekozen.. zijn gwn test

louter informatie..

MAAR NEED UR HELP DUS !!

de scripts kan je altijd vragen [email protected] ..

zabulus · 14 jun 2006

</br> bestaat ook niet

het is <br />, in xhtml moet je enkele tags sluiten met een /> op het einde..
dus <br> wordt <br />

</img> dno..
in xhtml gewoon <img src="blablabal" .... />

zabulus · 14 jun 2006

en @ topic starter,

Zet uw files een online, dat is gemakkelijker...

Zero Grav · 14 jun 2006

zabulus zei:
</br> bestaat ook niet

het is <br />, in xhtml moet je enkele tags sluiten met een /> op het einde..
dus <br> wordt <br />

</img> dno..
in xhtml gewoon <img src="blablabal" .... />

Je moet me natuurlijk niet geloven maar zij zijn wel vrij betrouwbaar.

De bewuste lijn:
<img src="http://users.skynet.be/fa018641/zerograv.jpg" alt=""></img><br></br>

zabulus · 14 jun 2006

http://www.w3schools.com/tags/tag_br.asp

Definition and Usage
- The <br> tag inserts a single line break.
- The <br> tag is an empty tag (means that it has no end tag - the following is wrong: <br></br>).

Differences Between HTML and XHTML
- In HTML the <br> tag has no end tag.
- In XHTML the <br> tag must be properly closed, like this: <br />.

maar dno, tis precies toch xhtml valid volgens uw manier

Rvl · 14 jun 2006

da is gewoon de verkorte versie van <br></br>

zoals <img /> de verkorte versie is van <img></img> en zoals <hr /> de verkorte versie is van <hr></hr>

Archief - HTML/CSS: <IMG align="right"

Chalk

Legacy Member

Skratz

Legacy Member

Chalk

Legacy Member

SurfboY.be

Legacy Member

Skratz

Legacy Member

Chalk

Legacy Member

Skratz

Legacy Member

Bram

Legacy Member

Chalk

Legacy Member

Chalk

Legacy Member

Bram

Legacy Member

SurfboY.be

Legacy Member

Zero Grav

Legacy Member

Bram

Legacy Member

Chalk

Legacy Member

zabulus

Legacy Member

zabulus

Legacy Member

Zero Grav

Legacy Member

zabulus

Legacy Member

Rvl

Legacy Member