ÇOK ACİL YARDIIIIIIM !!!!!!!!!!!!!

beman3306 · 19 Nisan 2014

Merhaba arkadaşlar. bir site tasarımı yapıyorum. daha yeni başladım ve tam bitmedi. bir sorum olacak. o kadar yazdım baktım sorun var mı brn göremedim ama menü hep böyle çıkıyor:

Öncelikle birinci maddenin simgesi sağında ve yazıların hepsi sağa kaymış. ben size kodları vereyim kontrol edin:

CSS KODU:

/* body */
body
{
background-image: url(images/background.jpg);
margin: 0px;
padding: 0px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 15px;
}

/* p yazı stili */
p
{
font-family: Verdana; font-size: 15px;
text-align: justify;
}

/* h1 yazı stili */
h1, h2, h3, h4, h5, h6
{
font-size: 24px;
margin: 0px 0px 6px 0px;
}

/* linkler */
/* ziyaret edilmiş */
a
{
color: #380202; text-decoration: underline;
}

a:hover
{
text-decoration: none; color : #ff0000;
}

/* Tablo */
div#kutu {
border: 10px #7A736E solid;
width: 1100px;
height: 1000px;
padding: 20px;
border-radius: 10px; /* Standart */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari ve Chrome */
background: #FFFFFF;
position: relative;
margin: auto;
/*dış boşluk*/
margin-top: 20px;
margin-bottom: 10px;

/*iç boşluk*/
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 3px;
}

/* kilitli resim */
.kilit
{
position: fixed;

bottom: 0px;
right: 0px;
}

/* logo */
div#header
{
background-color: #FFFFFF;
height: 150px;
width: 1100px;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
}

/* menü */
#kutum
{
width:180px;
height:350px;
background: #D3CDCD;
border:1px solid gray;
border-radius: 7px; /* Standart */
-moz-border-radius: 7px; /* Firefox */
-webkit-border-radius: 7px; /* Safari ve Chrome */
}

#left ul { color: #393737; padding: 5px 0 5px 30px; list-style-type: square; }
#left ul li { padding-bottom: 5px; }
#left ul li a { color: #393737; text-decoration: none; }
#left ul li a:hover { color: #000; }

/* sol taraf */
#left
{
float: right;
width: 180px;
padding: 0px 0px 10px 3px;
}

/* sağ taraf */
#right
{
float: right;
padding: 5px 40px 10px 3px;
}

/* paylaşım bölümleri */
.paylasim
{
float: left;
width: 400px;
height: 400px;
border: 1px solid #A3A1A1;
margin: 5px;
padding: 1px 1px 1px 1px;
border-radius: 5px; /* Standart */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari ve Chrome */
padding: 1px;
}

HTML KODU:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />
<html>
<head>

<link href="style/style.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
/* body */
body
{
background-image: url(images/background.jpg)
}
</style>

</head>
<body>
<div id="kutu" align="center">

<div id="header"><br/>
<img src="http://forum.iyinet.com/images/bilbilgiyi_logo.jpg" height= "130px;" width= "600px;" align="left" />
</div>
<br />
<hr />

<img class="kilit" src="http://forum.iyinet.com/images/mektup.jpg">

<div id="left">
<div id="kutum">
<img src="http://forum.iyinet.com/images/buton1.png" height= "50px;" width= "179px;" align="left" /><br/>
<ul>
<li><a href="http://www.pageranksorgulama.com">Pagerank Sorgulama</a></li>
<li><a href="pagerank-nedir.html">PageRank Nedir?</a></li>
<li><a href="gelecek-pagerank-ogrenme.html">Gelecek Pagerank</a></li>
<li><a href="seo-nedir.html">SEO Nedir?</a></li>
<li><a href="arama-motorlari.html">Arama Motorları</a></li>
<li><a href="siteni-google-arama-motoruna-ekle.html">Siteni Google'a Ekle</a></li>
<li><a href="http://www.textlinksat.com" target="_blank" rel="nofollow">Text Link Sat Para Kazan</a></li>
<li><a href="http://www.sitesimgesi.com" target="_blank">Favicon Oluştur</a></li>
<li><b><a href="hostgator-indirim-kuponu.html" title="Hostgator İndirim Kuponları">Hostgator İndirim Kuponu</a></b></li>
<li><b><a href="http://www.pageranksorgulama.com/pagerank-checker/" title="PageRank Checker, Google PR Checker, Check PageRank, Free Pr Tool">PageRank Checker</a></b></li>
</ul>
</div>

<br/>

<div id="kutum">
<img src="http://forum.iyinet.com/images/buton2.png" height= "50px;" width= "179px;" align="left" /><br/>
<ul>
<li><a href="http://www.pageranksorgulama.com">Pagerank Sorgulama</a></li>
<li><a href="pagerank-nedir.html">PageRank Nedir?</a></li>
<li><a href="gelecek-pagerank-ogrenme.html">Gelecek Pagerank</a></li>
<li><a href="seo-nedir.html">SEO Nedir?</a></li>
<li><a href="arama-motorlari.html">Arama Motorları</a></li>
<li><a href="siteni-google-arama-motoruna-ekle.html">Siteni Google'a Ekle</a></li>
<li><a href="http://www.textlinksat.com" target="_blank" rel="nofollow">Text Link Sat Para Kazan</a></li>
<li><a href="http://www.sitesimgesi.com" target="_blank">Favicon Oluştur</a></li>
<li><b><a href="hostgator-indirim-kuponu.html" title="Hostgator İndirim Kuponları">Hostgator İndirim Kuponu</a></b></li>
<li><b><a href="http://www.pageranksorgulama.com/pagerank-checker/" title="PageRank Checker, Google PR Checker, Check PageRank, Free Pr Tool">PageRank Checker</a></b></li>
</ul>
</div>

</div>

<div id="right">
<table class="paylasim">
<tr height="50px;" bgcolor="#E3EFFA">
<td>
<h4>CMD İLE EĞLENCE - 2 BASİT ŞİFRE KIRMA</h4>
</td>
</tr>
<tr>
<td>
dffffffffffffffff
</td>
</tr>
</table>

<table class="paylasim">
<tr height="50px;" bgcolor="#E3EFFA">
<td>
<h3>CMD İLE EĞLENCE</h3>
</td>
</tr>
<tr>
<td>
gg
</td>
</tr>
</table>

</div>

</div>
</body>
</html>

yok mu yardım edebilecek olan

ÇOK ACİL YARDIIIIIIM !!!!!!!!!!!!!

beman3306

0