Forum'da ara:
Ara


Yazar Mesaj
Mesaj10.03.2012, 13:18 (UTC)    
Mesaj konusu: Tasarımda kayma hatası

Beyler tasarımı bu şekilde ayırdım ama kaydedince bi yamukluk oluyor. sağ taraf ile orta kısım birleşmiş gibi gözüküyor. Ön izlemesi sitemde zaten sorun halen mevcut. Yardımızını bekliyorum nerde hata yaptım acaba?

Kod:
<div id="wrapper">
   <div id="header">
      <div id="logo">

         <h1><a href="#">Resolved</a></h1>
      </div>
      <div id="menu">
         <ul>
            <li class="first current_page_item"><a href="#">Homepage</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Photos</a></li>

            <li><a href="#">About</a></li>
            <li><a href="#">Links</a></li>
            <li class="last"><a href="#">Contact</a></li>
         </ul>
         <br class="clearfix" />
      </div>
   </div>

   <div id="page">
      <div id="content">


Kod:
</div>
      <div id="sidebar">
         <h3>Placerat nullam</h3>
         <div class="date-list">
            <ul class="list date-list">

               <li class="first"><span class="date">Jan 13</span> <a href="#">Ultrices quisque molestie</a></li>
               <li><span class="date">Jan 7</span> <a href="#">Neque dolor eget</a></li>
               <li><span class="date">Jan 1</span> <a href="#">Sollicitudin interdum</a></li>
               <li class="last"><span class="date">Dec 26</span> <a href="#">Varius dignissim</a></li>

            </ul>
         </div>
         <h3>Hendrerit laoreet vivamus</h3>
         <p>
            Urna dis suscipit lorem sed luctus. Elementum suspendisse tempus fermentum ornare libero phasellus nibh conseuqat dolore.
         </p>
      </div>
      <br class="clearfix" />
   </div>

</div>
<div id="footer">
   Copyright (c) 2012 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">CSS Templates</a>.
</div>


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

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 3.0 License

Name       : Resolved
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20120125
*/

* {
   margin: 0;
   padding: 0;
}

a {
   text-decoration: underline;
   color: #6B2E42;
}

a:hover {
   text-decoration: none;
}

body {
   background: #C9CFCD url(http://img.webme.com/pic/m/machenberg//img01.gif);
   font-size: 11pt;
   color: #323232;
   line-height: 1.75em;
}

body,input {
   font-family: Arial, sans-serif;
}

strong {
   color: #222222;
}

br.clearfix {
   clear: both;
}

h1,h2,h3,h4 {
   letter-spacing: -1px;
   text-transform: lowercase;
   font-weight: normal;
}

h2 {
   font-size: 2.25em;
}

h2,h3,h4 {
   color: #000405;
   font-family: Arvo, serif;
   margin-bottom: 1em;
}

h3 {
   font-size: 1.75em;
}

h4 {
   font-size: 1.5em;
}

img.alignleft {
   float: left;
   margin: 5px 20px 20px 0;
}

img.aligntop {
   margin: 5px 0 20px 0;
}

p {
   margin-bottom: 1.5em;
}

ul {
   margin-bottom: 1.5em;
}

ul h4 {
   margin-bottom: 0.35em;
}

#content {
   background: #FFFFFF;
   width: 595px;
   color: #6E6E6E;
   padding: 45px 35px 0 35px;
   float: left;
   border-bottom: solid 2px #BBC1BF;
}

#content h2, #content h3, #content h4 {
   color: #171717;
}

#footer {
   padding: 30px 0 80px 0;
   text-align: center;
   margin: 0 0 20px 0;
   color: #808384;
   text-transform: lowercase;
}

#footer a {
   color: #808384;
}

#header {
   height: 80px;
   position: relative;
   padding: 35px;
}

#logo {
   position: absolute;
   left: 35px;
   line-height: 110px;
   height: 110px;
   top: 35px;
}

#logo a {
   text-decoration: none;
   color: #000405;
}

#logo h1 {
   font-family: Arvo, serif;
   font-size: 3em;
}

#menu {
   line-height: 60px;
   position: absolute;
   font-family: Arvo, serif;
   background: #6B2E42 url(http://img.webme.com/pic/m/machenberg//img02.gif);
   top: 66px;
   right: 0;
   height: 60px;
   border: solid 1px #CA8B9F;
}

#menu a {
   font-size: 1.5em;
   text-transform: lowercase;
   letter-spacing: -1px;
   color: #FFFFFF;
   text-decoration: none;
}

#menu ul {
   padding: 0 15px 0 15px;
   list-style: none;
}

#menu ul li {
   display: inline;
   padding: 0 10px 0 10px;
}

#page {
   margin: 20px 0 20px 0;
   position: relative;
   width: 980px;
   padding: 0;
}

#page .section-list {
   padding-left: 0;
   list-style: none;
}

#page .section-list li {
   clear: both;
   padding: 20px 0 20px 0;
}

#page ul {
   list-style: none;
}

#page ul li {
   padding: 10px 0 10px 0;
   border-top: solid 1px #D9D9D9;
}

#page ul li.first {
   padding-top: 0;
   border-top: 0;
}

#post1 {
   width: 595px;
   overflow: hidden;
   margin: 0 0 35px 0;
}

#post2 {
   width: 280px;
   float: left;
   overflow: hidden;
}

#post3 {
   overflow: hidden;
   margin: 0 0 0 315px;
   width: 280px;
}

#search input.form-submit {
   border: 0;
   background: #6B2E42;
   margin-left: 1em;
   color: #FFFFFF;
   padding: 5px;
   font-family: Arvo, serif;
}

#search input.form-text {
   border: solid 1px #84908D;
   padding: 5px;
}

#sidebar {
   background: #FFFFFF;
   margin: 0 0 0 685px;
   color: #6E6E6E;
   padding: 45px 35px 45px 35px;
   width: 225px;
   border-bottom: solid 2px #BBC1BF;
}

#sidebar h2, #sidebar h3, #sidebar h4 {
   color: #000000;
}

#sidebar ul {
   list-style: none;
}

#sidebar ul li {
   padding: 10px 0 10px 0;
   border-top: solid 1px #D9D9D9;
}

#sidebar ul li.first {
   border-top: 0;
   padding-top: 0;
}

#wrapper {
   width: 980px;
   margin: 35px auto 0 auto;
   position: relative;
}
Mesaj10.03.2012, 13:24 (UTC)    
Mesaj konusu:

çok mu zor bişey? bi el atın
Mesaj10.03.2012, 13:38 (UTC)    
Mesaj konusu:

Tasarımın üstünde kodların en altında olan bu kısmı
Kod:
<div id="page">
      <div id="content">

Tasarımın altının en üstüne kaydet.Bir dene bakalım.
______________
Mesaj10.03.2012, 13:39 (UTC)    
Mesaj konusu:

olmadı hacı
Mesaj10.03.2012, 13:58 (UTC)    
Mesaj konusu:

yok mu başka çözüm?
Önceki mesajları göster:   


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