Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj05.09.2010, 10:09 (UTC)    
Mesaj konusu: css yardım lütfen

arkadaşlar bu işe yeni başladım bir tasarım yaptım kodunu aşşağıda vericem
bu kodu yanlış mı ayırıyorum içerik aşşağı kayyıyo menünün sağında gelmiyo bir yardım ederseniz sevinirim


tasarım üstü kodu

Kod:
<span class="menuosman">
<style type="text/css">
.urbangreymenu{ width: 190px; /*width of menu*/ } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #0099ff url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 7px 0 7px 31px; /*31px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal 12px Arial; color: black; background: #ffffff; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: gray; }
</style>
</span>
<table width="954" border="0" cellpadding="0">
  <tr>
    <td width="950" height="163" background="http://a.imageshack.us/img696/2288/asasasa01.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="94" background="http://a.imageshack.us/img251/5074/asasasa02.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="380" background="http://a.imageshack.us/img340/4981/asasasa03.gif"><table width="235" border="0" cellpadding="0">
      <tr>
        <td height="37"><div id="tasarim">
          <div id="orta">
<div class="menuosman">
  <div class="urbangreymenu">
<h3 class="headerbar">Ana Men&uuml;</h3>
<ul>
    <li><a href="http://esintinet.tr.gg">Ana Sayfa</a></li>
    <li><a href="http://esintinet.tr.gg/Konuk-Defteri.htm">Z.Defteri</a></li>
    <li><a href="http://esintinet.tr.gg/Top-liste.htm">Toplist</a></li>
    <li><a href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm">İletişim</a></li>
    <li><a href="http://esintinet.tr.gg/Forum/index.htm">Forum</a></li>
    <li><a href="http://esintinet.ourtoolbar.com/">ToolBarımız</a></li>
    <li><a href="http://esintinet.tr.gg/Destek-Ol.htm">Destek Ol</a></li>
    <li><a href="http://esintinet.tr.gg/Hakkimda.htm">Hakkımda</a></li>
    <li><a href="http://esintinet.tr.gg/Anketler.htm">Anketler</a></li>
</ul>
<h3 class="headerbar">&nbsp;</h3>
</div>
</div>
<div class="icerikosman">&nbsp;</div>
</div>
<div id="alt">
<div id="footer">
<p class="altreklam">&nbsp;</p>
</div>
</div>
</div>&nbsp;





tasarım altı

Kod:
</td>
      </tr>
      <tr>
        <td height="60">&nbsp;</td>
      </tr>
      <tr>
        <td height="86">&nbsp;</td>
      </tr>
      <tr>
        <td height="121">&nbsp;</td>
      </tr>
      <tr>
        <td height="52">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>




css bölümü

Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


<style type="text/css">
<!--
body,td,th {
   font-family: Times New Roman, Times, serif;
   color: #000000;
}
body {
   background-color: #FFFFFF;
   background-image: url(file:///C|/Documents%20and%20Settings/eses/Belgelerim/Resimlerim/masa%20%C3%BCst%C3%BC%20arka%20plan/blue_abstract_composition-7093.jpg);
}
a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
}
a:visited {
   color: #FFFFFF;
}
a:hover {
   color: #FF0000;
}
a:active {
   color: #FFFFFF;
}
-->
</style>



nasıl düzeltebilirm bu kodu yardım ederseniz sevinirim
Mesaj05.09.2010, 10:47 (UTC)    
Mesaj konusu:

Şimdilik İdare Eder Ama Tabloyu Aşağı Tarafa Kaydır Banner İniyor Yoksa

Kod:
<table width="200" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="top"><img alt="" src="http://a.imageshack.us/img696/2288/asasasa01.gif" />
            <table cellspacing="0" cellpadding="0" border="0" style="width: 940px; height: 221px;">
                <tbody>
                    <tr>
                        <td background="http://a.imageshack.us/img251/5074/asasasa02.gif">&nbsp;<br />
                        <br />
                        <br />
                        <br />
                        <table cellspacing="1" cellpadding="1" border="0" style="width: 943px; height: 44px;">
                            <tbody>
                                <tr>
                                    <td>men&uuml;.................................................</td>
                                    <td style="text-align: right;"><br />
                                    sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</td>
                                </tr>
                            </tbody>
                        </table>
                        <br />
                        <br />
                        <br />
                        &nbsp;</td>
                    </tr>
                </tbody>
            </table>
            <table cellspacing="0" cellpadding="0" border="0" style="width: 943px; height: 402px;">
                <tbody>
                    <tr>
                        <td background="http://a.imageshack.us/img340/4981/asasasa03.gif">&nbsp;</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
Mesaj05.09.2010, 11:38 (UTC)    
Mesaj konusu:

kardeş bu şekilde böldüm tasarımı

Kod:
<table width="200" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td valign="top"><img alt="" src="http://a.imageshack.us/img696/2288/asasasa01.gif" />
            <table cellspacing="0" cellpadding="0" border="0" style="width: 940px; height: 221px;">
                <tbody>
                    <tr>
                        <td background="http://a.imageshack.us/img251/5074/asasasa02.gif">&nbsp;<br />
                        <br />
                        <br />
                        <br />
                        <table cellspacing="1" cellpadding="1" border="0" style="width: 943px; height: 44px;">
                            <tbody>
                                <tr>
                                    <td>men&uuml;.................................................</td>

tasarım altı
Kod:
 <td style="text-align: right;"><br />
                                    sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</td>
                                </tr>
                            </tbody>
                        </table>
                        <br />
                        <br />
                        <br />
                        &nbsp;</td>
                    </tr>
                </tbody>
            </table>
            <table cellspacing="0" cellpadding="0" border="0" style="width: 943px; height: 402px;">
                <tbody>
                    <tr>
                        <td background="http://a.imageshack.us/img340/4981/asasasa03.gif">&nbsp;</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>


css bölümünede sadece menü gizleme kodunu yapıştırdım

Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}



sonrası iiçerik ekledikçe böyle oluyo





ama içerik ekledikçe menü çoğalıyo işte bu da adresi yanen böyle oluyo
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu