Forum'da ara:
Ara


Yazar Mesaj
Mesaj27.11.2009, 12:06 (UTC)    
Mesaj konusu: yazılar tasarımın dışına çıkıyor

arkadaşlar mesela anasayfaya birşey yazıyorum yazığım yazı olması gereken yerin solunda çıkıyor yazdığım yazıları nasıl istediğim bölgeye uyarlayabilrim? lütfen yardım edin.
Mesaj27.11.2009, 12:10 (UTC)    
Mesaj konusu:

Kod:
#content{
   padding-top: 5px;
   width:100%;
   clear: both;
}
#leftcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-left: 3px;
   padding-bottom: 1px;
   width: 155px;
   float: left;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}

#rightcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-right: 10px;
   width: 620px;
   float: right;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;




bu kodların neresini değiştirmeliyim içeriin düzgün çıkması için?
Mesaj27.11.2009, 12:22 (UTC)    
Mesaj konusu:

Mesaj27.11.2009, 12:25 (UTC)    
Mesaj konusu:

anasayfada zaten yazı var ancak gözükmüyor :S en solda onu ortalamak için nasıl değiştirmeliyim :S
Mesaj27.11.2009, 12:26 (UTC)    
Mesaj konusu:

simdi uzun bir yazı yazdım sayfanın en altına girip bakın
Mesaj27.11.2009, 12:30 (UTC)    
Mesaj konusu:

Kodu Değiştir Wink

Bul:
Kod:
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: #dedede;
}


Değiştir:
Kod:
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: #dedede;
text-align: center;
}

______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj27.11.2009, 12:30 (UTC)    
Mesaj konusu:

sen zaten once tasarımıda yanlış ayırmışsın sanırım . yaı yazınca sitenin ortasın çıkması gerekir onu gorup ona gore css kodundaki küçük ayrıntılar düzenleyebilirm
______________
Site Değerlendirme | Site Tanıtma | Photoshop Css-Web Tasarımı Yapma | Photoshop Css-Web Tasarımı Yapma Forum
Mesaj27.11.2009, 12:33 (UTC)    
Mesaj konusu:

paylasim61 yazmış:
Kodu Değiştir Wink

Bul:
Kod:
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: #dedede;
}


Değiştir:
Kod:
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: #dedede;
text-align: center;
}



bir işe yaramadı malesef :S

Tasarımımın kodları:


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;}

table {margin-left: auto;margin-right: auto}

*{margin:0; padding:0; border: 0;}
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: #dedede;
}
a, a:visited {
   text-decoration: none;
   color: #258ADC;
   background: inherit;
}
a:hover {
   color: #FF3300;
   background: inherit;
   text-decoration: underline;
}
h1, h2, h3, h4, h5 {
   font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
   font-weight: Bold;
   padding: 3px 0 0 0;   
}
h1 {
   font-size: 140%;
}
h2 {
   font-size: 125%;
   color: #006699;
   margin-bottom: 3px;
}
h3 {
   font-size: 95%;
   color: #666666;
}
h4{
   font-size: 85%;
   color: #999999;
}
h5{
   font-size: 80%;
   color: #258ADC;
   text-transform: uppercase;
}
p {
   padding: 5px;
}

tr {
   height: 25px
}

blockquote {
   margin: 5px 0;
   padding: 5px 5px 5px 30px;
   border-top: 1px solid #258ADC;
   border-bottom: 1px solid #258ADC;
   background: #F5F5F5 url(http://www.opendesigns.org/designs/1434/quote.gif) no-repeat 5px 5px;
   text-align: justify;
}
#containr{
   width: 810px;
   margin: 5px auto;
   background: #006633 url(http://www.opendesigns.org/designs/1434/bodybg.jpg) repeat-y center top;
}
#content{
   padding-top: 5px;
   width:100%;
   clear: both;
}
#leftcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-left: 3px;
   padding-bottom: 1px;
   width: 155px;
   float: left;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}

#rightcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-right: 10px;
   width: 620px;
   float: right;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}
#header{
   height:140px;
   width:810px;
   font-family: "MS Serif", "New York", serif;
   background: url(http://www.opendesigns.org/designs/1434/headtop.jpg) no-repeat left top;
}
#headtop{
   height: 15px;
   text-align: right;
   padding: 10px 10px 5px 0;
}
#headtop a{
   font: bolder 1.0em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
   color: #006699;
   background: url(http://www.opendesigns.org/designs/1434/bullet2.gif) no-repeat center left;
   padding-left: 12px;
   margin-right: 5px;
}
#headtop a:visited{
   color: #006699;
}
#headtop a:hover {
   color: #FF3300;
   text-decoration: underline;
}
#headbottom{
   margin: 0 auto;
    width: 800px;
   height: 110px;
   background: url(http://img.webme.com/pic/s/sokkerdestek/head.jpg) repeat;
}
#headbottom h1{
    padding: 10px 0 0 25px;
   font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
   color: White;
   border: 0;
}
#headbottom h2{
    padding: 10px 0 0 25px;
   color: White;
   font: bolder 1.2em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
}   
.inputtext {
   color: #333;
   height: 20px;
   line-height: 20px;
   padding: 0 3px;
   background: #FFF;
   border: 1px solid #0099FF;
   float: right;
   margin-right: 3px;
}
.inputbutton {
   height: 22px;
   border: 0;
   padding: 0 2px;
   background: #9DD9FF;
   border: 1px solid #0099FF;
   color: #333;
   float: right;
   font-weight: bold;
   font-size: 10px;
}
#menu {
   width:800px;
   margin:0 auto;
   height: 30px;
   background: url(http://img.webme.com/pic/s/sokkerdestek/menubg.jpg) repeat-x;
   text-transform: uppercase;
}
#menu ul {
   float:left;
   white-space: nowrap;
   list-style-type:none;
}
#menu ul li{
   display: inline;
}
#menu ul li a {
   display: block;
   width:100px;
   height: 30px;
   line-height: 30px;
   color:#000000;
   border-right: 1px solid White;
   text-align:center;
   text-decoration:none;
   font-weight: bolder;
   font-size: 11,5px;
   float:left;
}
#menu ul li a:hover {
   color:#003a88;
/*   background: White url(http://img.webme.com/pic/s/sokkerdestek/hover.jpg) repeat-x;
*/}
#menu ul li.current a{
   color:#003a88;
   background: White url(http://img.webme.com/pic/s/sokkerdestek/hover.jpg) repeat-x;
}
.navigation{
   width:152px;
   margin-left: 2px;
   border-top: 1px solid #17a300;
   border-right: 1px solid #17a300;
   border-bottom: 1px solid #17a300;
}
.navhead{
   background: #17a300;
   height: 23px;
   padding: 1px 0 0 5px;
   margin-bottom: 1px;
   font-weight: bold;
   font-size: 14px;
   color: White;
}
.navmenu {
   width: 150px;
   padding: 0 1px 0 1px;
   font-size: 1.2em;
}
.navmenu li {
   margin-bottom: 1px;
   list-style-type: none;
   white-space: nowrap;
   background: #f5f5f5;
   padding-right: 15px;
}
.navmenu li a {
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   color: #17a300;
   background: url(http://www.opendesigns.org/designs/1434/arrow.png) no-repeat left;
   display: block;
   height: 20px;
   line-height: 20px;
   padding: 0 0 0 15px;
   text-align: left;
}
.navmenu li a:hover {
   color: #0caa00;
   text-decoration: underline;
}

.navmenu li a:active {
   background: #11b600;
   color: White;
}

.navmenu li a:visited {
   color: #708090;
}
.posthead {
   color: Green;
   background: url(http://www.opendesigns.org/designs/1434/bluebox.png) no-repeat 2px center;
   padding-left: 15px;
   text-decoration: underline;
   height: 22px;
   line-height: 22px;
   padding: 0;
   padding-left: 17px;
}
.postcontent {
   padding: 2px 5px 5px 10px;
   text-align: justify;
}
.postfooter {
   padding: 3px 5px;
   margin: 0 5px 10px 5px;
   border-bottom: 1px solid #f2f2f2;
   font-size: 90%;   
   text-align: right;
}
.postfooter .readmore {
   background: url(http://www.opendesigns.org/designs/1434/page.gif) no-repeat left center;
   padding-left: 20px;
}
.postfooter .comments {
   background: url(http://www.opendesigns.org/designs/1434/comment.gif) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.postfooter .date {
   background: url(http://www.opendesigns.org/designs/1434/clock.gif) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.unlist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.unlist li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.opendesigns.org/designs/1434/uli.png) no-repeat 0px 2px;
}
.unlist li ul li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.opendesigns.org/designs/1434/uli.png) no-repeat 0px center;
}
.unlist li a{
   background: none;
   font-weight: bold;
}
.unlist li ul li a{
   background: none;
   font-weight: bold;
}
.ollist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.ollist li{
   list-style-type: decimal;
   margin: 0 0 0 25px;
}
.ollist li a{
   font-weight: bold;
}
.deflist{
   margin:0 0 0 10px;
   font-size: 0.8em;
}
.deflist dt{
   padding:0 0 0 12px;
   background: url(http://www.opendesigns.org/designs/1434/uli.png) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd{
   margin:0 0 0 10px;
   padding:0 0 0 12px;
   background: url(http://www.opendesigns.org/designs/1434/uli.png) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd a, .deflist dt a{
   background: none;
   font-weight: bold;
}
.coode {
  padding: 5px;
  margin: 0 0 10px 0;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 1em 'Lucida Console', 'courier new', monospace ;
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  white-space: pre;
}
div.colwrap{
   padding:0 5px 5px 0;
   display: inline-block;
}
.clearwrap{
   clear: both;
   margin: 0;
}
.colleft{
   float:left;
   width: 55%;
   margin-bottom:5px;
}
.colmiddle{
   float:left;
   width: 20%;
   margin-left: 10px;
   margin-bottom:5px;
}
.colright{
   float:right;
   width: 20%;
   margin-bottom:5px;
}
.foorm {
   border: 1px solid #B4D6E6;
   background-color: #FAFAFA;
   margin: 5px 0 5px 0;
}
.foorm label {
   display:block;
   font-weight:bold;
   margin:5px 0;
   color: #333333;
}
.foorm input {
   padding: 0 3px;
   border:1px solid #B4D6E6;
   height: 20px;
   line-height: 20px;
}
.foorm select {
   border:1px solid #B4D6E6;
   width: 100px;
}
.foorm textarea {
   width:95%;
   padding:2px;
   border:1px solid #B4D6E6;
   height:100px;
   display: inline;
   margin: 0 0 5px 0;
}
.foorm input.button {
   height: 24px;
   border: 0;
   background: #034f8a;
   color: White;
   font-weight: bold;
}
.imp {
   font-size: 0.8em;
   color: red;
}
.left{
   float: left;
   padding: 2px 8px 2px 2px;
}
.right{
   float: right;
   padding: 2px 2px 2px 8px;
}
.center{
   display: block;
     text-align: center;
     margin: 0 auto;
   padding: 3px 0 3px 0;
}
.clear{
   clear: both;
}
#footer{
   clear: both;
   width:810px;
   height: 55px;
}
#footertop{
   margin: 0 auto;
   width:800px;
   height: 40px;
   text-align: right;
   background: url(http://www.opendesigns.org/designs/1434/footer.jpg) repeat-x;
}
#footerbootom{
   width:810px;
   height: 15px;
   background: url(http://www.opendesigns.org/designs/1434/footerbootom.jpg) no-repeat left bottom;
}
#footertop h2{
   padding: 5px 10px 0 0;
   color: #666666;
   text-decoration: none;
   font: bold 8.0pt Tahoma, Arial, Helvetica;
}
#footertop a{color: #258ADC; background-color:inherit; font-weight:bold;}
#footertop a:hover{color: #FF3300; background-color:inherit;}




Tasarım üstü:


Kod:
<div id="containr">
   <div id="header">
   <div id="headtop">
      <a href="#">Site Map</a> <a href="#">Contact</a> <a href="#">About</a> 
   </div>
   <div id="headbottom">
                                    <center>
      <h1><span style="color:#0e59b1;">Sokker Destek Sitesi</span></h1>
      <h2><span style="color:#0e59b1;">..::Resmi Olmayan Sokker Yardım Sitesi::..</span></h2>
                                    </center>
   </div>
   </div>
   <div id="menu">
    <ul>
      <li class="current"><a href="#">Home</a></li>
      <li><a href="#">Products</a></li>
      <li><a href="#">Downloads</a></li>
      <li><a href="#">Support</a></li>
    </ul>
     </div>
   <div id="content">
      <div id="leftcontent">
       
        <div class="navigation">
         <div class="navhead">Kategoriler</div>
         <ul class="navmenu">
           <li><a href="#">Nav Link 1</a></li>
           <li><a href="#">Nav Link 2</a></li>
           <li><a href="#">Nav Link 3</a></li>
           <li><a href="#">Nav Link 4</a></li>
           <li><a href="#">Nav Link 5</a></li>
         </ul>
        </div>
         
          <div class="navigation">
         <div class="navhead">Menü</div>
         <ul class="navmenu">
           <li><a href="#">Nav Link 1</a></li>
           <li><a href="#">Nav Link 2</a></li>
           <li><a href="#">Nav Link 3</a></li>
           <li><a href="#">Nav Link 4</a></li>
           <li><a href="#">Nav Link 5</a></li>
           <li><a href="#">Nav Link 1</a></li>
           <li><a href="#">Nav Link 2</a></li>
           <li><a href="#">Nav Link 3</a></li>
           <li><a href="#">Nav Link 4</a></li>
           <li><a href="#">Nav Link 5</a></li>
         </ul>
        </div>
         
          <div class="navigation">
         <div class="navhead">Image Align</div>
         <p><span class="left">
            <img src="http://www.opendesigns.org/designs/1434/image.gif" alt="Lorem ipsum" width="60" height="60" /></span> Image is having left alignment. Lorem ipsum dolor sit amet, consectetur
           adipisicing elit.Lorem ipsum dolor amet, consectetur adipisicing elit.</p>
        </div>
         
   
         
       
      <div id="rightcontent">

         <h1 class="posthead">Sokker Destek</h1>
            <div class="postcontent">



Tasarım altı:


Kod:
</div>
   </div>
   </div>

   <div id="footer">
   <div id="footertop">
      <h2><a href="#">Home</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | <a href="#">Rss</a> | <a href=
      "http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
      &copy; 2006 <a href="#">Your Name</a> | Design by <a href="http://www.flopsoft.co.nr" target="_blank">FlopSoft Inc.</a></h2>
   </div>
   <div id="footerbootom"></div>
   </div>

</div>



düzeltirseniz sevinirim :S
Mesaj27.11.2009, 12:37 (UTC)    
Mesaj konusu:

paylasim61 yaptığın değişikliğin mantığını bi açıklasana xD
______________
Site Değerlendirme | Site Tanıtma | Photoshop Css-Web Tasarımı Yapma | Photoshop Css-Web Tasarımı Yapma Forum
Mesaj27.11.2009, 12:43 (UTC)    
Mesaj konusu:

mehmet-altiner yazmış:
paylasim61 yaptığın değişikliğin mantığını bi açıklasana xD


Bişey düşündümde olmaı zaten olamazda tasarım yanlış ayrılmış Very Happy


Tasarımı aldığınız siteden tasarımın ön izleme urlsini verir misiniz?

______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj27.11.2009, 12:45 (UTC)    
Mesaj konusu:

Mesaj27.11.2009, 13:00 (UTC)    
Mesaj konusu:

çözüm bulan varmı arkadaşlar :S
Mesaj27.11.2009, 13:20 (UTC)    
Mesaj konusu:

lütfen yardım edin :S
Mesaj27.11.2009, 14:06 (UTC)    
Mesaj konusu:

Tasarım üstü kodlarının en sonuna
Kod:
</div>

ekle.
Mesaj27.11.2009, 14:30 (UTC)    
Mesaj konusu:

deniyorum
Önceki mesajları göster:   


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