1. #1
    Carrion's Avatar
    Registered
    23/11/08
    Location
    Tessenderlo
    Posts
    22,572
    iTrader
    71 (100%)
    Mentioned
    26 Post(s)
    Reputation
    5/2948

    Afbeelding positioneren lukt niet

    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 Code:
    <div id="container">
    
    	<div id="logo">
    		<a href="index.php"><img src="design/images/logo.png" /></a>
    	</div>
    	
    	<div id="topimg1">
    		<img src="http://www.9lives.be/forum/images/test_img.png" />
    	</div>
    	
    	<? include 'menu.php'; ?>
    
    </div>
    </body>
    CSS
    HTML Code:
    #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;
    }
    9lives stopt op 31/01 -> BeyondGaming neemt de fakkel over
    https://www.9lives.be/forum/algemene...12-2020-a.html
    no votes  

  2. #2
    QuietKillah's Avatar
    Registered
    10/08/06
    Posts
    400
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    links? rechts bedoel je? want margin verhogen zal niet helpen om naar links te krijgen xD
    no votes  

  3. #3
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Naar rechts eerder? Ge hebt 2 keer : gebruikt in plaats van ; bij uw margin-left.
    no votes  

  4. #4
    Carrion's Avatar
    Registered
    23/11/08
    Location
    Tessenderlo
    Posts
    22,572
    iTrader
    71 (100%)
    Mentioned
    26 Post(s)
    Reputation
    5/2948
    Moet inderdaad rechts zijn, maar die : maakt geen verschil
    9lives stopt op 31/01 -> BeyondGaming neemt de fakkel over
    https://www.9lives.be/forum/algemene...12-2020-a.html
    no votes  

  5. #5
    Huxley's Avatar
    Registered
    21/01/10
    Location
    Gent
    Posts
    3,535
    iTrader
    0
    Mentioned
    0 Post(s)
    Kwam het niet door die * naast #topimg ?
    no votes  

  6. #6
    Carrion's Avatar
    Registered
    23/11/08
    Location
    Tessenderlo
    Posts
    22,572
    iTrader
    71 (100%)
    Mentioned
    26 Post(s)
    Reputation
    5/2948
    Nee, die is er hier pas bij gekomen toen ik die code op 9lives plakte :')
    9lives stopt op 31/01 -> BeyondGaming neemt de fakkel over
    https://www.9lives.be/forum/algemene...12-2020-a.html
    no votes  

  7. #7
    GregoryCo's Avatar
    Registered
    29/10/03
    Location
    Izegem
    Posts
    4,748
    iTrader
    25 (100%)
    Mentioned
    0 Post(s)
    Reputation
    6/9
    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{}
    no votes  

  8. #8
    Carrion's Avatar
    Registered
    23/11/08
    Location
    Tessenderlo
    Posts
    22,572
    iTrader
    71 (100%)
    Mentioned
    26 Post(s)
    Reputation
    5/2948
    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.
    9lives stopt op 31/01 -> BeyondGaming neemt de fakkel over
    https://www.9lives.be/forum/algemene...12-2020-a.html
    no votes  

  9. #9
    Ex0dus's Avatar
    Registered
    15/09/02
    Location
    Hyperion
    Posts
    1,103
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/1
    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
    Last edited by Ex0dus; 26-07-2011 at 18:42.
    no votes  

  10. #10
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    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)
    no votes  

  11. #11
    Carrion's Avatar
    Registered
    23/11/08
    Location
    Tessenderlo
    Posts
    22,572
    iTrader
    71 (100%)
    Mentioned
    26 Post(s)
    Reputation
    5/2948
    Eind van de maand komt 'm hier en dan is alle kritiek en tips meer dan welkom
    9lives stopt op 31/01 -> BeyondGaming neemt de fakkel over
    https://www.9lives.be/forum/algemene...12-2020-a.html
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in