Help needed with design

5 posts Page 1 of 1
Contributors
User avatar
Dummy1912
VIP - Donator
VIP - Donator
Posts: 1969
Joined: Sat Aug 21, 2010 2:17 pm

Help needed with design
Dummy1912
Hello,

#AnoPem made us a great page
but seems we can't fix the image problem when you resize your browser and / phone browser
it don't stay at his location.

can anyone help us with this problem

when resizing the browser we get this ugly result.

Image

Code: Select all
<style>
						
			html{
				height:100%;	
			}

			body{
				min-height:100%;
				background-image:url(img/bg_1.png);	
				background-position:bottom;
				background-repeat:repeat-x;
				background-color:#a3dfea;
				
			}
		
			p{
				font-family: Arial, Helvetica, sans-serif;	
				margin:0 auto;
				width:500px;
				text-align:center;
			}
			
			.style1 {
				font-size: 18px;
			}
			.style2 {
				font-size: 14px;
			}
			
			table *{float:left;border:0;}
			
			 table{
				margin:-30 auto;
				width:428px;
				height:588px;
				border:0;
				border-collapse:collapse;
				background-image:url(img/board.png);
				background-repeat:no-repeat;
				background-size:cover;
				font-family:Cooper Black;
			}
			
			table tr{
				width:400px;	
			}
			
			table tr th{
				margin-top:100px;	
			}
			table tr th, table tr td{
				float:left;
				height:40px;
				font-size:18px;
				text-align:center;
				color:#514c43;
				border:0;
			}
			
			table tr td:nth-child(1), table tr th:nth-child(1){
				padding-left:60px;	
				width:40px;
			}
			
			table tr td:nth-child(2), table tr th:nth-child(2){
				width:120px;
			}
			
			table tr td:nth-child(3), table tr th:nth-child(3){
				padding-right:5px;	
        		width:90px;
			}
			
			table tr td:nth-child(4), table tr th:nth-child(4){
			padding-right:5px;	
        		width:57px;

			}

        </style>
thanks
visit us on:


http://www.softpedia.com/get/System/Lau ... -Run.shtml
Check it out ! http://www.softpedia.com/publisher/I-A- ... 90017.html
Check it out ! http://www.softpedia.com/get/Desktop-En ... lock.shtml
User avatar
noypikami
VIP - Donator
VIP - Donator
Posts: 151
Joined: Sat Dec 22, 2012 1:49 am

Re: Help needed with design
noypikami
as far as i understand the code,

for me i do it like this, SAMPLE :
see the main table is set to margin auto, so its in the center, and the rest
of the child table will go inside the main table and specify the width and margin.
Code: Select all
#body {width:100%; height:100%; margin-top:0px; }
         #mainTable {padding:1px; 
             margin: 10px auto;  width:428px; height:588px;
           
              }
        #table1 { width:320px; height:100%; float:right;        
              margin-right:10px; padding:0;}
cryer;
User avatar
Dummy1912
VIP - Donator
VIP - Donator
Posts: 1969
Joined: Sat Aug 21, 2010 2:17 pm

Re: Help needed with design
Dummy1912
we have updated our images but still same result the image don't stay at the same location :(

anyone?
visit us on:


http://www.softpedia.com/get/System/Lau ... -Run.shtml
Check it out ! http://www.softpedia.com/publisher/I-A- ... 90017.html
Check it out ! http://www.softpedia.com/get/Desktop-En ... lock.shtml
User avatar
Dummy1912
VIP - Donator
VIP - Donator
Posts: 1969
Joined: Sat Aug 21, 2010 2:17 pm

Re: Help needed with design
Dummy1912
noypikami wrote:
as far as i understand the code,

for me i do it like this, SAMPLE :
see the main table is set to margin auto, so its in the center, and the rest
of the child table will go inside the main table and specify the width and margin.
Code: Select all
#body {width:100%; height:100%; margin-top:0px; }
         #mainTable {padding:1px; 
             margin: 10px auto;  width:428px; height:588px;
           
              }
        #table1 { width:320px; height:100%; float:right;        
              margin-right:10px; padding:0;}
cryer;
#noypikami why are you crying??

your code doesn't seems to work i still have the same result :(


so i guess nobody can help me cryer;
visit us on:


http://www.softpedia.com/get/System/Lau ... -Run.shtml
Check it out ! http://www.softpedia.com/publisher/I-A- ... 90017.html
Check it out ! http://www.softpedia.com/get/Desktop-En ... lock.shtml
User avatar
mikethedj4
VIP - Site Partner
VIP - Site Partner
Posts: 2592
Joined: Thu Mar 25, 2010 4:36 am

Re: Help needed with design
mikethedj4
Could you upload this as a zip file? It'll be easier to fix. In addition this topic should be located here - http://codenstuff.com/forum/viewforum.php?f=240
5 posts Page 1 of 1
Return to “Help & Support”