20-10-2007, 02:14
|
|
|
חבר מתאריך: 21.11.06
הודעות: 3,992
|
|
בעיה בתאימות קוד לFF
יש ליבעיה בתאימות קוד לFF, בIE הוא מוצג בסדר אך בFF לא, אשמח אם תעזרו לי, הנה הקוד של הHTML:
קוד:
<html dir="rtl">
<head>
<title> avihay gallery </title>
<meta http-equiv="content-type" content="text/html; charset=windows-1255" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1 align="center">אביחי מנחם - פורטפוליו</h1>
<center>
<div class="content">
<a href="#"><div id="g1">תמונות סטודיו</div></a>
<a href="#"><div id="g2">תמונות טבע</div></a>
<a href="#"><div id="g3">תמונות מים</div></a>
<a href="#"><div id="g4">תמונות אנשים</div></a>
<a href="#"><div id="g5">תמונות בעלי חיים</div></a>
</div>
</center>
</body>
</html>
והנה של הCSS:
קוד:
body
{
background-color: #000000;
font-family: arial;
font-size: 13px;
color: #ffffff;
}
.content
{
margin-top: 50px;
padding: 5px;
width: 75%;
height: 500px;
border: 1px solid;
border-color: #ffffff;
}
#g1
{
position: relative;
border: 1px solid;
padding: 30px;
margin: 5px;
display: inline;
background-color: #CCCCCC;
width: 150px;
height: 200px;
}
#g2
{
position: relative;
border: 1px solid;
padding: 30px;
margin: 5px;
display: inline;
background-color: #909090;
width: 150px;
height: 200px;
}
#g3
{
position: relative;
border: 1px solid;
padding: 30px;
margin: 5px;
display: inline;
background-color: #CCCCCC;
width: 150px;
height: 200px;
}
#g4
{
position: relative;
border: 1px solid;
padding: 30px;
margin:5px;
display: inline;
background-color: #909090;
width: 150px;
height: 200px;
}
#g5
{
position: relative;
border: 1px solid;
padding: 30px;
margin:5px;
display: inline;
background-color: #CCCCCC;
width: 150px;
height: 200px;
}
h1 {color: #ffffff; text-decoration: none; font-family: arial; font-size: 22px;}
a:link {color: #ffffff; text-decoration: none;}
a:active {color: #ffffff; text-decoration: none;}
a:visited {color: #ffffff; text-decoration: none;}
a:hover {color: #a8a8a8; text-decoration: none;}
נערך לאחרונה ע"י Espires בתאריך 20-10-2007 בשעה 02:18.
|