Archief - Afbeelding positioneren lukt niet

C

Carrion

Legacy Member

• 25 jul 2011

• #1

Ok, ik zit hier met een probleepje maar zie totaal niet de fout die ik eventueel aan het maken ben.

Ik krijg m'n afbeelding maar niet naar links, al zat ik m'n margin op 599px, dan nog werkt het niet.

HTML

HTML:

<div id="container">

	<div id="logo">
		<a href="index.php"><img src="design/images/logo.png" /></a>
	</div>
	
	<div id="topimg1">
		<img src="https://www.beyondgaming.be/forums" />
	</div>
	
	<? include 'menu.php'; ?>

</div>
</body>

CSS

HTML:

#container {
	position: relative;
	width: 890px;
	height: auto;
	margin: 20px auto;
}

#logo {
	position: relative;
	right: 5px;
	height: 135px:
	width: 252px;
	margin-top: -10px;
	z-index: 10;
}

#topimg1 {
	position: relative;
	margin-top: -80px;
	margin-left: 400px:
	width: 181px;
	height: 181px;
}

Q

QuietKillah

Legacy Member

• 25 jul 2011

• #2

links? rechts bedoel je? want margin verhogen zal niet helpen om naar links te krijgen xD

Z

Zero Grav

Legacy Member

• 25 jul 2011

• #3

Naar rechts eerder? Ge hebt 2 keer : gebruikt in plaats van ; bij uw margin-left.

C

Carrion

Legacy Member

• 25 jul 2011

• #4

Moet inderdaad rechts zijn, maar die : maakt geen verschil

H

Huxley

Legacy Member

• 25 jul 2011

• #5

Kwam het niet door die * naast #topimg ?

C

Carrion

Legacy Member

• 25 jul 2011

• #6

Nee, die is er hier pas bij gekomen toen ik die code op 9lives plakte :')

G

GregoryCo

Legacy Member

• 25 jul 2011

• #7

Doe eens die div topimg1 weg en geef een id aan uw img zelf.
Als er niets meer in die div moet natuurlijk...

Gebruik voor uw css dit om de image aan te spreken:
img#topimg1{}

C

Carrion

Legacy Member

• 25 jul 2011

• #8

Dat werkt perfect merci, website komt hier eind van de maand wel op site check want ik weet van mezelf ook dat m'n code een pak effectiever kan.

E

Ex0dus

Legacy Member

• 26 jul 2011

• #9

Btw, 'z-index' en 'right' hebben totaal geen effect op een relatief gepositioneerd element, enkel op elementen die buiten de flow vallen.

EDIT: my bad, het was precies al laat

Z

Zero Grav

Legacy Member

• 26 jul 2011

• #10

z-index werkt net alleen op elementen die gepositioneerd zijn (relatief, absoluut of fixed dus) en right werkt natuurlijk wel op een gepositioneerd element, aangezien ge het nodig hebt om te positioneren.

Het is trouwens beter om die "img" er niet bij te zetten als ge met een id werkt naar performance toe. Dat maakt hier nu niets uit natuurlijk, maar 't is een goeie manier van werken om het niet te doen. (Optimize browser rendering)

C

Carrion

Legacy Member

• 26 jul 2011

• #11

Eind van de maand komt 'm hier en dan is alle kritiek en tips meer dan welkom