Website site "in het midden"

Status
Niet open voor verdere reacties.
E

Eniotna44

Gebruiker
Lid geworden
13 jun 2012
Berichten
181
Hallo,

Als eerst sorry voor de "vage" titel maar ik wist niks beters! Ik zit nu al een tijdje bezig met HTML, PHP.
Ookwel een website maken, alleen 1 ding vraag ik me al erg lang af, hoe krijg je alles in het midden? Ik denk
dat jullie me niet echt snappen dus hier een screenshot: http://gyazo.com/005f3eaff125a9836cd1676e70f0bc6b
Ik heb als ik een website maak dat alles helemaal tegen de rechter kant aan gaat, ik wil dat alleen het midden deel gebruikt word.
Als je me nog steeds niet snapt (wat te verwachten is) hier nog een fotoTest.jpg

Alvast bedankt!

Met vriendelijke groet
Antoine Tielbeke
 
Laatst bewerkt:
Zoiets is heel simpel te maken met CSS en divisions. Voorbeeld:

HTML: 
<!DOCTYPE html>
<html>
<head> 
	<style>
        /*hier gebeurt de magie*/
	#wrapper {
		margin: 0 auto;
		width: 800px;
		text-align:left;
    }
	</style>
</head>
<body>
<div id="wrapper">
<h1>Wrapper Voorbeeld Helpmij - JoZ1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec ornare sem. In ac diam ac mauris sagittis pulvinar ultricies a eros. Aenean ornare pulvinar condimentum. Sed lacinia euismod lectus vitae blandit. Etiam eget est sed ante pharetra fringilla et in augue. Donec porttitor tellus nec libero aliquet pulvinar. Donec sed nulla arcu. Morbi a enim et turpis fringilla iaculis. Duis sed sagittis dui, et dignissim massa. Sed vel quam ut odio tempor tempus. In hac habitasse platea dictumst. Sed et enim id mauris suscipit blandit. Cras ac massa id risus molestie condimentum. Quisque aliquam metus magna, non posuere augue molestie non. Suspendisse fermentum justo et tortor commodo, ac gravida ipsum vulputate. Donec luctus urna et interdum aliquet.
</p><p>
Nunc varius urna a libero tempus, sit amet rutrum odio placerat. Cras viverra semper urna, et faucibus quam mollis id. Maecenas mollis nulla in nisi porta volutpat. Nullam id accumsan eros. Mauris posuere velit vitae purus aliquet pulvinar. In eleifend fermentum velit, at dapibus ante euismod quis. Phasellus cursus, neque vel blandit semper, quam libero facilisis nisl, convallis euismod libero odio nec mauris. Vestibulum a mi purus. Quisque eget augue in ante fermentum blandit vel ac nunc. Curabitur aliquet nulla vitae enim volutpat, ut ultrices elit feugiat. Pellentesque ipsum orci, euismod at ultrices non, auctor nec eros. Sed porttitor sem et porttitor euismod. In cursus mollis sem eget tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tristique augue augue, eget tincidunt eros malesuada non. Vivamus pellentesque accumsan sem, ut venenatis enim sodales ornare.
</p><p>
Maecenas euismod ut ligula non dictum. Etiam nec iaculis elit, quis laoreet est. Mauris ornare nisl sed lorem faucibus eleifend. Praesent mollis elit a leo sollicitudin, eu tincidunt eros ultricies. Aenean id dui eget risus porttitor feugiat nec et elit. Donec id erat quis neque porta lobortis. Vestibulum pulvinar, felis quis mollis vestibulum, augue arcu mollis arcu, eu lobortis nulla turpis nec nisl. Mauris ac justo eu est pharetra aliquet vel sed urna.
</p><p>
Integer ut elit feugiat odio pellentesque dictum eget non nulla. Sed id libero quis mauris gravida sodales. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc aliquam velit id dui convallis, quis tristique mauris varius. Aenean nec eleifend erat. Donec tincidunt lectus vitae sapien ullamcorper scelerisque. Sed imperdiet massa purus, nec viverra velit mattis eu. Quisque et velit vehicula, tincidunt turpis ut, vestibulum leo. Mauris consectetur varius est, ac cursus velit condimentum eget.
</p><p>
Vivamus vitae lacus urna. Fusce tortor sapien, sagittis quis neque vel, ultrices tempus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur dictum placerat commodo. Nunc molestie neque a diam tempus, eget elementum arcu molestie. Curabitur sollicitudin tellus magna, sit amet bibendum risus consequat et. Proin quis nisl eu nulla vehicula porta. Maecenas scelerisque est ut leo tempus porttitor. Duis ultricies, ante id porttitor tincidunt, eros sapien porta magna, eget fringilla justo nibh nec arcu. Cras in felis nec erat porttitor semper id sit amet libero. Curabitur vitae congue sem. Maecenas in libero mollis, mattis dui pretium, volutpat justo.
</p>
</div>
</body>
</html>
 
Laatst bewerkt:
Hoi, je kan dit heel eenvoudig doen door na de body element center toe te voegen dus:
Code: 
<body>
<center>
 alle html
</center>
</body>

Maar beter is het om dit via css te doen zie bv deze link

Succes
 
Naarling :)
in de toekomst, dus heeft hij nog even tijd om zich css eigen te maken.
Maar je hebt wel gelijk.
 
Ik heb het geprobeert maar lukt niet echt, dit is het begin om te testen
HTML: 
<!DOCTYPE html>
<html>
  <head>
    <title>LucaHost - Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
	<div class="navbar navbar-inverse navbar-fixed-top">
  		<a class="navbar-brand" href="#">LucraHost</a>
  		<ul class="nav navbar-nav">
    		<li class="active"><a href="#">Home</a></li>
    		<li><a href="#">Service's</a></li>
    		<li><a href="#">Over ons</a></li>
    		<li><a href="#">Contact</a></li>
  		</ul>
	</div>
    
    <!-- JavaScript plugins (requires jQuery) -->
    <script src="http://code.jquery.com/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
    <script src="js/respond.js"></script>
  </body>
</html>
 
@TS: Mijn code nog niet geprobeerd?
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan