Ga naar inhoud

Aanbevolen berichten

Geplaatst: (aangepast)

hallo,

ik ben bezich met een website layout te maken.

maar ik ben nie tonwijs goed met html,css.

maar ik dnke ik probeer het toch ff XD

maar ik heb nu een probleem.

ik heb het menu en alles gemaakt (aan de linkerkant) maar als ik nu wat aan de rechterkant wil zetten komt het alsnoch links.

dit is screen van de site:

warrockhackskimboardkop.png

maar als ik de div aan de andere kant wil toe voegen werkt he tniet :( imand hoe dit kan komen

aangepast door cooltwins
Geplaatst:

tuurlijk ik post ze hier wel (niet als bijlagen dan moeten jullie weer downloaden XD

html: (mijn html is niet echt supper darom is het beetje slecht :$ (graag ook tips plz?)

<html><head>

<title>skimboard team </title>

<style type="text/css" media="screen">

/*<![CDATA[*/

@import "css/style.css";

/*]]>*/

</style>

</head>

<body background="img/background.png">

<center>

<img src="img/logo.png">

</center>

<div id="header">

<img src="img/SkimTExt.png">

<a href="#" boider="0"><img src="img/menu/home.png"></a>

<a href="#"><img src="img/menu/img.png"></a>

<a href="#"><img src="img/menu/contact.png"></a>

<a href="#"><img src="img/menu/moevie.png"></a>

<a href="#"><img src="img/menu/chat.png"></a>

</div>

<div id="body">

<div id="menu_body">

<div id="zoek"><center><font color="#00000" size="5" face="arial">Google<p>

<form method="get" action="http://www.google.com/search">

<input type="text" name="q" size="31"

maxlength="255" value="" />

<input type="submit" value="Google Search" />

</center></div>

<div id="menu"><center>Menu<P></font></center>

            Home<BR>

            Forum<BR>

            Chat<BR>

            Contact<br>

</div>

<div id="zoek"><font size="5"><center>Reclamen</font><P>

<table border="1"><tr><td>adverteer hier<br>voor maar €1.50</tr></td></table>

</div></center>

</div>

<div id="niews_body"></div>

</div>

<div id="close">

<center>

<font size="3">© Skimboard-Team                                                                                                                                        

Made by:cooltwins</font>

</div>

</center>

</body>

</html>

mijn css:

@charset *utf-8*;/* css doc */

#header{

margin-left:auto;

margin-right:auto;

height:100px;

width:950px;

background-image:url('../img/HEader.png');

}

#body{

margin-left:auto;

margin-right:auto;

height:400px;

width:950px;

background-image:url('../img/body.png');

}

#close{

margin-left:auto;

margin-right:auto;

height:30px;

width:950px;

background-image:url('../img/close.png');

}

#zoek{

float-left:auto;

height:110px;

width:300px;

background-image:url('../img/zoek1.png');

}

#menu{

float-left:auto;

height:150px;

width:300px;

background-image:url('../img/zoek1.png');

}

#niews{

float-right:auto;

height:200px;

width:600px;

background-image:url('../img/niews.png');

}

#menu_body{

float-left:auto;

height:400px;

width:300px;

}

#niews_body{

float-right:auto;

height:400px;

width:600px;

background-color:red;

}

Gast
Dit topic is nu gesloten voor nieuwe reacties.
×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.