Help needed with design
5 posts
Page 1 of 1
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.
#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.
Code: Select all
thanks<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>
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
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
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.
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
cryer;#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;}
we have updated our images but still same result the image don't stay at the same location :(
anyone?
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
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
noypikami wrote:as far as i understand the code,#noypikami why are you crying??
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 allcryer;#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;}
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
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
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
Copyright Information
Copyright © Codenstuff.com 2020 - 2023