Jump to content

How does my site view?

ben3001

By ben3001
in CSS

 Share

Recommended Posts

ben3001 Member

ben3001

Posted
Posted

Hi peoplemy screen has been made in resolution in 1024 X 768. On my screen my site is viewing central, but im haivng a view complications whether or not my site is viewing central on screen resoluotions bigger then mine.It would really be apprecited if people could tell me how my site is viewing and possibly give a screen shot of it.If this is the case would anyone have any solutions in centering the site with the divs i have.cheersB

Link to comment
Share on other sites
boen_robot w3schools Guru

boen_robot

Posted
Posted

I already told you on the PM you sent me to just create a div around the three colums and center that new div.By the way, I do see another problem with your page. When it first loads, all "pages" on left and right are shown. I have to click a number to get only that number's thing, but it's kind'a useless scince all the content is loaded anyway.

Link to comment
Share on other sites
ben3001 Member

ben3001

Posted
  • Author
Posted

boen that script didnt work for some reason here is moy source code html

<head><title> Medussa NightClub Brixton </title><script>function hideLeft(){  document.getElementById('l1').style.display='none';  document.getElementById('l2').style.display='none';  document.getElementById('l3').style.display='none';  document.getElementById('l4').style.display='none';  document.getElementById('l5').style.display='none';  document.getElementById('l6').style.display='none';}function hideRight(){  document.getElementById('r1').style.display='none';  document.getElementById('r2').style.display='none';  document.getElementById('r3').style.display='none';  document.getElementById('r4').style.display='none';  document.getElementById('r5').style.display='none';  document.getElementById('r6').style.display='none';}function toggleMenu(objectID) {	var object = document.getElementById(objectID);	if (object.style.display =='block')  object.style.display='none';	else object.style.display='block';	return;}</script><link rel="stylesheet" type="text/css" href="oldstyle.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="blue.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="style6.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="brown-theme" href="orange.css" /><style>#l1, #l2, #l3, #l4, #l5, #l6{  display: none}#r1, #r2, #r3, #r4, #r5, #r6{  display: none}body {	background-color: #1F1F1F;}.style1 {color: #0066FF}.style2 {color: #0000FF}</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script src="styleswitch.js" type="text/javascript"></script></head><body onLoad="document.getElementById('l1').style.display='block';document.getElementById('r1').style.display='block'"><div class="lmr"><center>  <table class="table" width="50%" cellpadding="0" cellspacing="0" ><tr><td align="middle">  <div align="center"><a href="links/home.htm" target="main"><img src="images/header.jpg" width="748" height="69" border="0" /></a>          <a href="links/home.htm" target="main">Home</a>    | <a href="links/news.htm" target="main">News</a>    | <a href="links/calendar.htm" target="main">Calendar</a>    | <a href="links/photos.htm" target="main">Photos</a>    | <a href="links/about.htm" target="main">About</a>    | <a href="http://ernestbevin.contentman.co.uk/docs/contact2.php" target="main">Contact</a>    | <a href="links/guestbook.htm" target="main">Guest book</a>    | <a href="links/howto.htm" target="main">How to find us</a>    | <a href="http://ernestbevin.contentman.co.uk/docs/form3.php" target="main">Book Online</a>    | <a href="http://ernestbevin.contentman.co.uk/docs/advertise.php" target="main">Advertise</a></div></td></tr></table></center><br /><div class="left"><b>Night Club Events<b><br /><br />Information</b><br /><br /><span id="l1">Page 1 <br /><br />You will notice there are more pages of information if you click the next button</span><span id="l2">Page 2 <br /><br />This is page 2. If you click next you will see the 3rd page</span>    <span id="l3">Page 3<br /><br />This is finally Page 3.</span><span id="l4">Page 4<br /><br />This is page 4.</span><span id="l5">Page 5<br /><br />This is page 5.</span><span id="l6">Page 6<br /><br />This is page 6.</span><br /><br /><span style="position:absolute;top:330px;left:35px"><br />Pages<br /><a href="java script:hideLeft();toggleMenu('l1')">1</a> <a href="java script:hideLeft();toggleMenu('l2')">2</a> <a href="java script:hideLeft();toggleMenu('l3')">3</a><a href="java script:hideLeft();toggleMenu('l4')">4</a><a href="java script:hideLeft();toggleMenu('l5')">5</a><a href="java script:hideLeft();toggleMenu('l6')">6</a></span></div> <div class="theme">  <p><br />  Choose Your Theme: <a href="java script:chooseStyle('red-theme', 60)"></a> <a href="java script:chooseStyle('red-theme', 60)"></a><a href="java script:chooseStyle('none', 60)" checked="checked"></a> <a href="java script:chooseStyle('none', 60)"><img src="images/green2.gif" alt="Green" width="20" height="15" border="0"></a><span class="style2"></span> <a href="java script:chooseStyle('brown-theme', 60)"><img src="images/orange1.gif" alt="Orange" width="20" height="15" border="0"></a> <a href="java script:chooseStyle('blue-theme', 60)"><img src="images/blue.gif" alt="Blue" width="20" height="15" border="0"></a> <a href="java script:chooseStyle('red-theme', 60)"><img src="images/red.gif" alt="Red" width="20" height="15" border="0"></a></span><br /></p></div><div class="middle">  <p><br />  </p>    <br /><iframe src="links/home.htm" name="main" frameborder="0" marginheight="0" marginwidth="10" scrolling="no" width="560" height="405"></iframe><br /></div><div class="right"><b>Community Events</b><br /><br />Information<br /><span id="r1">Nightclub 1 <br /><br />Here you can have information about the nightclub</span><span id="r2">Page 2 <br /><br />Hello page 2</span>    <span id="r3">Page 3<br /><br />Finally this is the third page yaaaaassssss!!!</span><span id="r4">Page 4<br /><br />page 4</span><span id="r5">Page 5<br /><br />page 5</span><span id="r6">Page 6<br /><br />page 6</span><br /><br /><span style="position:absolute;top:330px;left:35px"><br />Pages<br /><a href="java script:hideRight();toggleMenu('r1')">1</a> <a href="java script:hideRight();toggleMenu('r2')">2</a> <a href="java script:hideRight();toggleMenu('r3')">3</a><a href="java script:hideRight();toggleMenu('r4')">4</a><a href="java script:hideRight();toggleMenu('r5')">5</a><a href="java script:hideRight();toggleMenu('r6')">6</a></span></div><div></body>

here is my css

a:link {	color: #A2D800;	text-decoration:none;	font-family: verdana;	font-size: 10px;}a:visited {color: #8EA707;font: bold 10px verdana;text-decoration:none;}a:hover {color: #E2FF8A;font: bold 10px verdana;text-decoration:underline;}a:active {color: #F0F0F0;font: bold 10px verdana;text-decoration:underline;}body{scrollbar-face-color:#A2D800;scrollbar-arrow-color:#000000;scrollbar-track-color:#333333;scrollbar-shadow-color:#000000;scrollbar-highlight-color:#NNNNNN;scrollbar-3dlight-color:#NNNNNN;scrollbar-darkshadow-Color:#NNNNNN;}body,a {font: bold 10px verdana; color:#ffffff;}body {background-color: #1F1F1F;}h1 {    font: bold 20px         verdana;    color:#ffffff;}.lmr{	text-align: center;	margin: 0 auto;	text-align: left;}.left{	position:absolute;	left:50px;	text-align: center;	width:130px;	background-image: url(images/top4.png);	background-repeat: repeat-x;	border-style: solid;	border-width: 0px 1px 1px 1px;	border-color:#A2D800;	height: 405px;	top: 145px;}.right{	position:absolute;	left:811px;	text-align: center;	width:130px;	background-image: url(images/top4.png);	background-repeat: repeat-x;	border-style: solid;	border-width: 0px 1px 1px 1px;	border-color:#A2D800;	height: 405px;	top: 145px;}.middle{	position:absolute;	left:210px;	width:570px;	height:450px;	background-image: url(images/top4.png);	background-repeat: repeat-x;	overflow:auto;	border-style: solid;	border-width: 0px 1px 1px 1px;	border-color:#A2D800;	padding:2px;	top: 145px;}.theme{	position:relative;	left:50%;	width:30%;	top:-2%;	height:10%;	text-align: center;}.top{	text-align: right;	left:100px;	width:900px;	top: 140px;	}.table{padding-bottom:3px;border-style: solid;border-width: 6px 1px 1px 1px;border-color:#A2D800;}

as you can see i tired wrapping it all in a div and it still didnt work im puzzled. im sure there is a soloution to this but im to stupid to see it.also i gave the wrong link i fixed that error with the information showing up on the leftEDIT: aspnetguy: Please use CODEBOX for long pieces of code.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...