Konerboy need HTML help Thread

ertaboy356b

Old School Gamer
Reaction score
86
As I said.. You need to make a "main Div". This will serve as your body... After that, you could put everything in pixel.. Make sure that the "Main DIV" is positioned in the center...
 

konerboy

Run piggy Run!
Reaction score
95
okay at a 19 inch screen it looks like this...

19ich.jpg

this is how it looks on my dads 22 inch widescreen

22winch.jpg

how can i make it look like nr 2 on my 19 inch screen

body {

margin-left:auto;
margin-right:auto;
text-align:left;
width:1680px;
height: 1050px;



}

didn't help
 

enouwee

Non ex transverso sed deorsum
Reaction score
239
Of course it didn't help. You should at least try to understand how CSS works before randomly copy/pasting code snippets.

Use the Boomtown thing above and apply it to a <div> and not the <body> !

Code:
<body>
 <div id="outerSite">
  <!-- your site comes in here -->
 </div>
</body>
 

konerboy

Run piggy Run!
Reaction score
95
now it won't work properly because it got confussed of the other div's how can i specify my

</div> to only work with the <div id="downsize">

thanks in advantage
 

enouwee

Non ex transverso sed deorsum
Reaction score
239
now it won't work properly because it got confussed of the other div's how can i specify my

</div> to only work with the <div id="downsize">

thanks in advantage

Mind explaining your problem clearly?

You have to close your tags correctly. If you can't figure out which opening tag belongs to which closing one, how is the layout engine supposed to do? :rolleyes:
 

konerboy

Run piggy Run!
Reaction score
95
the problem is that it dosn't resize correctly, have a look.

how can i specify the <div id="downsize"> at the start and the </div> at the end.

something like </div id="downsize">
Code:
<html>

<head>

<title>.::Arnfinns Galleri::. </title>


<link rel="stylesheet" type="text/css" href="style.css">

<style>


#google { 

	position: absolute;
	top: 840px;
	left: 952px;
}


#arnfinn { 

	position: absolute;
	top: 0;
	left: 350px;
}

#downsize { 

		margin-left:auto;
		margin-right:auto;
	t	ext-align:left;

		 width:1024px;
		 height:768px;
}

img.banner { 

	position: absolute;
	top: 0;
	left: 350px;
}

img.background { 

	position: absolute;
	top: 423px;
	left: 350px;
}


a.forside { 



	position: absolute;
        top: 380px;
	left: 350px;

 }

a.nyhedder { 



	position: absolute;
        top: 380px;
	left: 560px;

 }
a.galleri { 



	position: absolute;
        top: 380px;
	left: 770px;

 }
a.kontakt { 



	position: absolute;
        top: 380px;
	left: 980px;

 }



iframe.nyeste { 

	position:absolute;

	top: 50px;

	left: 844px;
}



</style>

</head>




<body>




[B]<div id="downsize">[/B]



<iframe frameborder='0' src="iframe.html" height="420px"  width="840px"   allowtransparency="true" class="nyeste">




</iframe>




<img src="billeder/banner2.jpg" class="Banner"  height="576px"  width="840px" >
<img src="billeder/background2.gif" class="background"  height="576px"  width="840px" >


<div id="arnfinn">
<img src="billeder/Arnfinns galleri.png">
</div>



<a href="http://www.pageresource.com" class="forside"> <img src="billeder/forside.png" border="0" width="210" height="86"></a><a href="http://www.pageresource.com" class="nyhedder"><img src="billeder/nyheder.png" border="0" width="210" height="86"></a><a href="http://www.pageresource.com" class="galleri"><img src="billeder/galleri.png" border="0" width="210" height="86"></a><a href="http://www.pageresource.com" class="kontakt"><img src="billeder/kontakt.png" border="0" width="210" height="86"></a> 




[B]</div>[/B]

</body>



</html>
 

ertaboy356b

Old School Gamer
Reaction score
86
what's that "t" doing in there?? in the #downside css..

now it won't work properly because it got confussed of the other div's how can i specify my

</div> to only work with the <div id="downsize">

thanks in advantage

I think it's not confused at all..

You might want to put the "downsize" div in the center..
 

konerboy

Run piggy Run!
Reaction score
95
would this work better`?


Code:
[B]<div id="downsize">[/B]

<iframe frameborder='0' src="iframe.html" height="420px"  width="840px"   allowtransparency="true" class="nyeste">
</iframe>
[B]</div>[/B]

[B]<div id="downsize">[/B]

<img src="billeder/banner2.jpg" class="Banner"  height="576px"  width="840px" >
<img src="billeder/background2.gif" class="background"  height="576px"  width="840px" >
[B]</div>[/B]
 
General chit-chat
Help Users
  • No one is chatting at the moment.

      The Helper Discord

      Members online

      Affiliates

      Hive Workshop NUON Dome World Editor Tutorials

      Network Sponsors

      Apex Steel Pipe - Buys and sells Steel Pipe.
      Top