02-27-2010, 04:45 PM
|
#1 (permalink)
|
|
The Visitor
Join Date: Feb 2010
Posts: 4
Thanks: 1
|
Question | About Resolution
hello people , i asked alot of people about how can i match my
website to any Resolution. but got no help yet.
here is my index.htm code:
Code:
<html>
<head>
<title>noname</title>
<link rel="stylesheet" type="text/css" href="Style.css" />
</head>
<body>
<div class="rounded-box">
<div class="bottom-left-corner">
<div class="bottom-left-inside">•</div>
</div>
<div class="bottom-right-corner">
<div class="bottom-right-inside">•</div>
</div>
<div class="box-contents">
</div> <!-- end div.box-contents -->
</div> <!-- end div.rounded-box -->
<div class="rounded-box1">
<div class="top-left-corner">
<div class="top-left-inside">•</div>
</div>
<div class="bottom-left-corner">
<div class="bottom-left-inside">•</div>
</div>
<div class="top-right-corner">
<div class="top-right-inside">•</div>
</div>
<div class="bottom-right-corner">
<div class="bottom-right-inside">•</div>
</div>
<div class="box-contents">
<a href="index.htm">Home</a>
<br> <a href="ptc.htm">Paid To Click </a>
<br> <a href="ptr.htm">Paid To Read </a>
<br> <a href="pts.htm">Paid To Search </a>
</div> <!-- end div.box-contents -->
</div> <!-- end div.rounded-box -->
<div class="rounded-box2">
<div class="top-left-corner">
<div class="top-left-inside">•</div>
</div>
<div class="bottom-left-corner">
<div class="bottom-left-inside">•</div>
</div>
<div class="top-right-corner">
<div class="top-right-inside">•</div>
</div>
<div class="bottom-right-corner">
<div class="bottom-right-inside">•</div>
</div>
<div class="box-contents">
hbhnn
</div> <!-- end div.box-contents -->
</div> <!-- end div.rounded-box -->
<div class="rounded-box3">
<div class="top-left-corner">
<div class="top-left-inside_3">•</div>
</div>
<div class="bottom-left-corner">
<div class="bottom-left-inside_3">•</div>
</div>
<div class="top-right-corner">
<div class="top-right-inside_3">•</div>
</div>
<div class="bottom-right-corner">
<div class="bottom-right-inside_3">•</div>
</div>
<div class="box-contents">
bla bla
and i will help u to make money online <hr>
</div> <!-- end div.box-contents -->
</div> <!-- end div.rounded-box -->
<div class="rounded-box4">
<div class="top-left-corner">
<div class="top-left-inside">•</div>
</div>
<div class="bottom-left-corner">
<div class="bottom-left-inside">•</div>
</div>
<div class="top-right-corner">
<div class="top-right-inside">•</div>
</div>
<div class="bottom-right-corner">
<div class="bottom-right-inside">•</div>
</div>
<div class="box-contents">
hbhnn
</div> <!-- end div.box-contents -->
</div> <!-- end div.rounded-box -->
<br>
<table class=noname width=206 height=84 border=0 cellspacing=0 cellpadding=0>
<tr><td></td></tR></table>
</body>
</html>
and here is my css file:
Code:
/**-------------------------------------
GLOBAL ATTRIBUTES
--------------------------------------**/
body {
margin: 0px 0px 0px 0px;
background-color:#c6edfd;
}
/*הגדרה כללית של הצבע שמתחת לפינות*/
/*#c6edfd הצבע המקורי */
div.top-left-corner,
div.bottom-left-corner,
div.top-right-corner,
div.bottom-right-corner
{
position:absolute;
width:20px;
height:20px;
background-color:#c6edfd;
overflow:hidden;
}
/*הגדרה כללית של כל הפינות המעוגלות והצבע שלהן*/
div.top-left-inside,
div.bottom-left-inside,
div.top-right-inside,
div.bottom-right-inside
{
position:relative;
font-size:150px;
font-family:arial;
color:#65c9fe;
line-height: 40px;
}
/*הגדרת צבע פינות רק ל box 3*/
/*הגדרתי את הצבע לירוק שתבחין בהבדל*/
div.top-left-inside_3,
div.bottom-left-inside_3,
div.top-right-inside_3,
div.bottom-right-inside_3
{
position:relative;
font-size:150px;
font-family:arial;
color:#ffffff;
line-height: 40px;
}
/**-------------------------------------
main_box
--------------------------------------**/
div.rounded-box {
position:relative;
width: 700px;height:100px;
background-color: #65c9fe;
margin: 0px 0px 0px 152px;
}
/*הגדרה של צבע main ב box מסויים*/
div.rounded-box1 {
position:relative;
width: 150px;height:200px;
background-color: #65c9fe;
margin: 25px 0px 0px 170px;
}
/*הגדרה של צבע main ב box מסויים*/
div.rounded-box2 {
position:relative;
width: 150px;height:200px;
background-color: #65c9fe;
margin: 25px 0px 0px 170px;
}
/*הגדרה של צבע main ב box מסויים*/
div.rounded-box3 {
position:relative;
width: 480px;height:800px;
background-color: #ffffff;
margin: -410px 0px 0px 350px;
}
/*הגדרה של צבע main ב box מסויים*/
div.rounded-box4 {
position:relative;
width: 700px;height:60px;
background-color: #65c9fe;
margin: 25px 0px 0px 152px;
}
/**-------------------------------------
center
--------------------------------------**/
div.top-left-corner {
top:0px;
left:0px;
}
div.bottom-left-corner {
bottom:0px;
left:0px;
}
div.top-right-corner {
top:0px;
right:0px;
}
div.bottom-right-corner {
bottom: 0px;
right:0px;
}
/**-------------------------------------
inside
--------------------------------------**/
div.top-left-inside {
left:-8px;
}
div.bottom-left-inside {
left:-8px;
top:-17px;
}
div.top-right-inside {
left:-25px;
}
div.bottom-right-inside {
left:-25px;
top:-17px;
}
div.top-left-inside_3 {
left:-8px;
}
div.bottom-left-inside_3 {
left:-8px;
top:-17px;
}
div.top-right-inside_3 {
left:-25px;
}
div.bottom-right-inside_3 {
left:-25px;
top:-17px;
}
/**-------------------------------------
contents
--------------------------------------**/
div.box-contents {
position: relative;
padding: 8px; color:#000;
}
table.big {position:relative;
width: 900px;height:800px;
margin: -1200px 0px 0px 50px;}
table.youmoney {position:relative;
margin: -1030px 0px 0px 175px;
background-image: url(pix/noname.jpg)}
A:link {text-decoration: none; color: #2b0ce8}
A:visited {text-decoration: none; color: #2b0ce8}
A:active {text-decoration: none; color: #2b0ce8}
A:hover {text-decoration: none; color: #2b0ce8;}
in the css file there is some notes in hebrew language
ignore that..
so again
my question is:
what should i do to match my website to any resolution
thx alot!! |
|
|
|