Webwereld

CSS Naast elkaar / centreren

Gestart doorEwan11 reacties53 weergaven
Log in om mee te praten

12 berichten · pagina 1 van 1

Ewan

Lid · Topicstarter

Berichten
8.302
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hoi,

Ik wil dat mijn content vak naast het menu/server info komt. Hoe doe ik dit?

Zo staat het nu:
Afbeelding

Pagina code:

<html>
<head>
<title>*** - Home</title>
<style>
body {background: url(img/bg.png); font-family: Verdana;}
#header {background: url(img/header.png) no-repeat; width: 900px; height: 151px; margin: 0px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#menu {background: url(img/grassbar.png) repeat-x; background-color: #FFFFFF; width: 250px; height: 205px; margin: 0px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#serverinfo {background: url(img/grassbar.png) repeat-x; background-color: #FFFFFF; width: 250px; height: 120px; margin: 0px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#content {background: url(img/grassbar.png) repeat-x; background-color: #FFFFFF; width: 250px; height: 450px; margin: 0px auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
p#title {margin-left: 15px; font-size: 20px; font-family: Minecraft, Verdana; color: #FFFFFF; font-weight: bold;}
p#sidebartekst {margin-left: 15px; margin-top: -7px; font-size: 14px; font-family: Verdana; color: #000000;}
@font-face {font-family: Minecraft; src: url(font/minecraft.tff);} 
</style>
</style>
</head>
<body>
<div id="header" ></div>
<div id="menu" ><p id="title" >Menu</p><p id="sidebartekst" >&raquo; Home<br />&raquo; Nieuws<br />&raquo; Over ***<br />&raquo; Team<br />&raquo; <b>Doneren</b><br />&raquo; Plugins<br />&raquo; Commands<br />&raquo; Videos<br />&raquo; Contact</p></div>
<div id="serverinfo" ><p id="title" >Server Info</p><p id="sidebartekst" ><b>IP:</b> <i>mc.***.nl</i><br /><b>Poort:</b> <i>25568</i><br /><b>Slots:</b> <i>10</i><br /><b>Status:</b> <i>Geen Gegevens</i></div>
<div id="content" ><p id="title" >Welkom</p></div>
</body>
</html>


Groetjes,
Ewan
0
Job

Lid

Berichten
425
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het kan met behulp van een tabel?
0
Marjolein

Lid

Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
float: left; gebruiken smile
edit:
#menu {background: url(img/grassbar.png) repeat-x; background-color: #FFFFFF; width: 250px; height: 205px; margin: 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float:left;}
#serverinfo {background: url(img/grassbar.png) repeat-x; background-color: #FFFFFF; width: 250px; height: 120px; margin: 0 0 0 50px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; float:left;}
#content {background: url(img/grassbar.png) repeat-x; background-color: #FFFFFF; width: 250px; height: 450px; margin: 0 0 0 50px;; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; flaot:left;}
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Job schreef:
Het kon met behulp van een tabel?
There i fixxed it....

Tabellen moet je hier niet voor gebruiken.
En gezien dit een menu is, waarom zou je er geen
  • -list voor gebruiken?
    • 0
    Job

    Lid

    Berichten
    425
    Reputatie
    0
    Punten
    0,00
    Lid sinds
    Laatst gezien
    Aarclay schreef:
    Eerdere citaten tonen
    Job schreef:
    Het kon met behulp van een tabel?
    There i fixxed it....

    Tabellen moet je hier niet voor gebruiken.
    En gezien dit een menu is, waarom zou je er geen
  • -list voor gebruiken?
    • Sorry: Ik ben een nogal beginner wat CSS betreft.
    0
    Aarclay

    Lid

    Berichten
    10.421
    Reputatie
    4
    Punten
    0,00
    Lid sinds
    Laatst gezien
    Job schreef:
    Eerdere citaten tonen
    Aarclay schreef:
    Eerdere citaten tonen
    Job schreef:
    Het kon met behulp van een tabel?
    There i fixxed it....

    Tabellen moet je hier niet voor gebruiken.
    En gezien dit een menu is, waarom zou je er geen
  • -list voor gebruiken?
    • Sorry: Ik ben een nogal beginner wat CSS betreft.
    En wat wil je hiermee zeggen? Ik was ook beginner...
    0
    Milan

    Lid

    Berichten
    8.602
    Reputatie
    0
    Punten
    0,00
    Lid sinds
    Laatst gezien
    Aarclay schreef:
    Eerdere citaten tonen
    Job schreef:
    Eerdere citaten tonen
    Aarclay schreef:
    Eerdere citaten tonen
    Job schreef:
    Het kon met behulp van een tabel?
    There i fixxed it....

    Tabellen moet je hier niet voor gebruiken.
    En gezien dit een menu is, waarom zou je er geen
  • -list voor gebruiken?
    • Sorry: Ik ben een nogal beginner wat CSS betreft.
    En wat wil je hiermee zeggen? Ik was ook beginner...
    Lig andere mensen toch niet zo af te zeiken. Hij probeert tenminste een antwoord te geven.
    0
    Aarclay

    Lid

    Berichten
    10.421
    Reputatie
    4
    Punten
    0,00
    Lid sinds
    Laatst gezien
    Milan schreef:
    Eerdere citaten tonen
    Aarclay schreef:
    Eerdere citaten tonen
    Job schreef:
    Eerdere citaten tonen
    Aarclay schreef:
    Eerdere citaten tonen
    Job schreef:
    Het kon met behulp van een tabel?
    There i fixxed it....

    Tabellen moet je hier niet voor gebruiken.
    En gezien dit een menu is, waarom zou je er geen
  • -list voor gebruiken?
    • Sorry: Ik ben een nogal beginner wat CSS betreft.
    En wat wil je hiermee zeggen? Ik was ook beginner...
    Lig andere mensen toch niet zo af te zeiken. Hij probeert tenminste een antwoord te geven.
    Ik zeik niemand af...
    Hij kan toch gewoon kijken van: heej, het kan beter, eens verdiepen in li... hm... smile
    0
    Marjolein

    Lid

    Berichten
    15.446
    Reputatie
    0
    Punten
    0,00
    Lid sinds
    Laatst gezien
    @ Aarclay : ik weet niet of je goed bent in lezen maar de vraag was hoe die vakjes naast elkaar konden. Job probeerde hiermee te helpen en de TS heeft niet gevraagd om advies over een list
  • gebeuren dus waarom zou Job (die niet eens de TS is) zich hierin dan moeten verdiepen?

    Volgens mij moet het lukken met de code die ik heb gegeven, zo niet dan horen we dit wel van de TS.
    • 0
    Ewan

    Lid · Topicstarter

    Berichten
    8.302
    Reputatie
    0
    Punten
    0,00
    Lid sinds
    Laatst gezien
    Marjolein schreef:
    @ Aarclay : ik weet niet of je goed bent in lezen maar de vraag was hoe die vakjes naast elkaar konden. Job probeerde hiermee te helpen en de TS heeft niet gevraagd om advies over een list
  • gebeuren dus waarom zou Job (die niet eens de TS is) zich hierin dan moeten verdiepen?

    Volgens mij moet het lukken met de code die ik heb gegeven, zo niet dan horen we dit wel van de TS.
    • Ik heb je code geprobeerd maar dan staat alles door elkaar confused
    0
    Marjolein

    Lid

    Berichten
    15.446
    Reputatie
    0
    Punten
    0,00
    Lid sinds
    Laatst gezien
    heb je een linkje naar de site, dan kijk ik even.
    0
    Aarclay

    Lid

    Berichten
    10.421
    Reputatie
    4
    Punten
    0,00
    Lid sinds
    Laatst gezien
    Marjolein schreef:
    @ Aarclay : ik weet niet of je goed bent in lezen maar de vraag was hoe die vakjes naast elkaar konden. Job probeerde hiermee te helpen en de TS heeft niet gevraagd om advies over een list
  • gebeuren dus waarom zou Job (die niet eens de TS is) zich hierin dan moeten verdiepen?
    • Volgens mij moet het lukken met de code die ik heb gegeven, zo niet dan horen we dit wel van de TS.

    Marjolijn, dus ik mag geen constructieve bijdrage en tips geven?
    Beetje vreemd, nietwaar?
    0

    Jouw reactie

    Deel je idee, stel een vraag of help een ander verder.

    Editor laden…

    Praat mee met de One2xs-community.

    Inloggen om te reageren