Forum'da ara:
Ara


Yazar Mesaj
Mesaj28.11.2016, 18:09 (UTC)    
Mesaj konusu: Sorun

Kendi kod bilgim çapınca2 divi yanya getirdim yalnız alan küçülünce alt alta kayıyor veya mobilde yardım ederseniz sevinirim Smile

<div id="baslik" style="float: left; height: 50px; width: 100%; max-width:320px; line-height: 50px; text-align: center; color: rgb(84, 106, 109); font-family: Verdana, Geneva, sans-serif; border-radius: 0px 0px 0px 0px; background-color: rgb(84, 106, 109);"><span style="background-color: rgb();"><strong><span style="color: rgb(255, 255, 255);">&Ouml;rnek</span></strong></span></div>
<span style="background-color: rgb(192, 192, 192);"><br />
</span><br />
<div style="text-align: right;"><a class="hvr-buzz-out" href="" style="display: block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; line-height: 40px; margin-bottom: 2px; text-align: center; text-decoration: none; color: rgb(216, 225, 226); font-family: Verdana, Geneva, sans-serif; font-size: 14px; width: 100%; max-width:320px; background-color: rgb(216, 225, 226);">&nbsp; &nbsp; &nbsp;&nbsp;<br />
<br />
</a></div>
<a class="hvr-buzz-out" href="" style="font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 40px; text-decoration: none; display: block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; margin-bottom: 2px; text-align: center; width: 100%; max-width:320px; background-color: rgb(216, 225, 226);"><font color="#000000"><b>&nbsp;<br />
</b><br />
<br />
<br />
<span style="font-size: small;"><br />
<span style="font-size: medium;"><span style="background-color: rgb(255, 255, 255);"><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #### &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</strong></span></span></span></font></a>
<div id="anadiv" v="">
<div style="float:left">
<div style="text-align: right;margin:1px;"><a class="hvr-buzz-out" href="" style="display: block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; line-height: 25px; margin-bottom: 2px; text-align: center; text-decoration: none; color: rgb(216, 225, 226); font-family: Verdana, Geneva, sans-serif; font-size: 14px; width: 100%; max-width:159px; background-color: rgb(216, 225, 226);"><span style="font-size: small;"><strong><span style="color: rgb(0, 0, 0);">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></strong></span><span style="font-size: medium;"><span style="color: rgb(0, 0, 0);"><br />
<br />
<br />
<br type="_moz" />
</span></span></a></div>
</div>
<div style="float:left">
<div style="text-align: right;margin:1px;"><a class="hvr-buzz-out" href="" style="display: block; vertical-align: middle; transform: translateZ(0px); box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px; backface-visibility: hidden; line-height: 25px; margin-bottom: 2px; text-align: center; text-decoration: none; color: rgb(216, 225, 226); font-family: Verdana, Geneva, sans-serif; font-size: 14px; width: 100%; max-width:159px; background-color: rgb(216, 225, 226);"><span style="font-size: small;"><strong><span style="color: rgb(0, 0, 0);">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></strong><span style="color: rgb(0, 0, 0);">&nbsp; &nbsp;&nbsp;</span></span><span style="font-size: medium;"><span style="color: rgb(0, 0, 0);"><br />
<br />
<br />
<br />
<br type="_moz" />
</span></span></a></div>
</div>
</div>
<table>
<tbody>
<tr>
<td>
<div style="width: 100%; max-width:320px; overflow: auto;">&nbsp;<br />
<br />
<br />
<br />
<br />
<br />
&nbsp;</div>
</td>
<td>
<div style="width: 100%; max-width:320px; overflow: auto;">&nbsp;<br />
<br />
<br />
<br />
&nbsp;&nbsp;</div>
</td>
</tr>
</tbody>
</table>
<br />
<div style="width: 100%; max-width:320px; overflow: auto;">
<div id="alt" style="height: 30px; width: 390px; padding-right: 5px; padding-left: 5px; float: left; line-height: 30px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-transform: uppercase; color: rgb(255, 255, 255); border-radius: 0px; background-color: rgb(84, 106, 109);"><marquee><strong>######.COM ILK KAPSAMLI T&Uuml;RK-ISLAM ANSIKLOPEDISI VE BILIM SITESI</strong></marquee></div>
</div>
<br />
<table>
</table>
Mesaj02.12.2016, 12:31 (UTC)    
Mesaj konusu:

Merhaba, HTML içerisinde bu denli STYLE tanımlamaları kullanmak istenilir bir durum değildir, ilgili stilleri CSS kodlarınız içine alıp oradan çağırabilirsiniz.
Örneğin; <div id="baslik" style="float: left; height: 50px; width: 100%; max-width:320px; line-height: 50px; text-align: center; color: rgb(84, 106, 109); font-family: Verdana, Geneva, sans-serif; border-radius: 0px 0px 0px 0px; background-color: rgb(84, 106, 109);"> yazmak yerine;
CSS Kodlarınız içine: #baslik{float: left; height: 50px; width: 100%; max-width:320px; line-height: 50px; text-align: center; color: rgb(84, 106, 109); font-family: Verdana, Geneva, sans-serif; border-radius: 0px 0px 0px 0px; background-color: rgb(84, 106, 109)} yazıp; HTML kodlamanızı şu şekilde küçültürsünüz. <div id="baslik"> Gördüğünüz gibi iki HTML arasında çok büyük farklılık var. Bu şekilde kodlamanızı okumanız da daha kolay olur ve nerede hata yaptığınızı daha rahat bulabilirsiniz. Kodlamanız bu haliyle o kadar karışık ki, şekildeki gibi düzenlemeniz size çok faydalı olacaktır. Ayrıca sorun olarak neyi belirttiğiniz de anlaşılmıyor. Sorunu daha ayrıntılı açıklarsanız yardımcı olabiliriz.
______________
Mesaj05.12.2016, 16:57 (UTC)    
Mesaj konusu:

kodlama bilgim yok dostum Sad
Bu kodda sürekli sorun yaratıyor
ayrıca içinde fark ettiyseniz bozukluklarvar buda SEO'ya zara vercektetir

yardımcı olabilir misiniz? Wink

projem için önemli Mr. Green
Mesaj06.12.2016, 09:55 (UTC)    
Mesaj konusu:

Şimdi sorunsuz çalışıyor, buyrun:
Kod:
<style>
#baslik {
  float: left;
  height: 50px;
  width: 100%;
  max-width: 316px;
  line-height: 50px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-family: Verdana, Geneva, sans-serif;
  border-radius: 0px 0px 0px 0px;
  background-color: rgb(84, 106, 109);
  padding: 2px;
  margin-bottom: 2px
}

.hvr-buzz-out {
  display: block;
  vertical-align: middle;
  transform: translateZ(0px);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 1px;
  backface-visibility: hidden;
  line-height: 40px;
  margin-bottom: 2px;
  text-align: center;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  width: 100%;
  max-width: 320px;
  background-color: rgb(216, 225, 226);
}

#sol {
  max-width: 159px;
  width: 100%;
  float: left;
  margin-right: 1px
}

#sag {
  max-width: 159px;
  width: 100%;
  float: left;
  margin-left: 1px
}

#alt {
  height: 30px;
  width: 310px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  line-height: 30px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  border-radius: 0px;
  background-color: rgb(84, 106, 109);
}
</style>

<div id="baslik">Burada başlık</div><br style="clear:both"/>
<div><a class="hvr-buzz-out" href="#">Burada üst içerik</a></div>
<div><a class="hvr-buzz-out" href="#">Burada orta içerik</a></div>
<div id="sol""><a class="hvr-buzz-out">Burada sol içerik</a></div>
<div id="sag""><a class="hvr-buzz-out">Burada sağ içerik</a></div><br style="clear:both"/>
<div id="alt"><marquee>Burada alt içerik... Marquee olarak yani kayan yazı şeklinde eklenmiş...</marquee></div>

______________
Mesaj07.12.2016, 10:28 (UTC)    
Mesaj konusu:

bu kodda da alan daralınca veya mobilde sağ içerik ve sol içerik alt alta geliyor ayrıca kayan yazı
daralmıyor Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad

ama yinede sağolun Wink forumda tek siz çıktınız
Mesaj07.12.2016, 19:40 (UTC)    
Mesaj konusu:

Rica ederim fakat ben sadece sizin gönderdiğiniz orijinal kodu düzenlemiştim. Başlıktaki isteğinizin kodlamayı mobil uyumlu hale getirmek olduğunu sanırım gözden kaçırmışım. Bu bahsettiğiniz soruna sebep olan tamamen CSS içerisindeki WIDTH genişlik tanımlamaları... En basit yolla; onlara PX piksel olarak değer vermektense, % yüzdelik olarak değer vermek sorunu çözecektir. Uygun bir zamanımda size tekrar yardımcı olmak isterim.
______________
Mesaj07.12.2016, 20:45 (UTC)    
Mesaj konusu:

Bir önceki mesajımda açıkladığım gibi istediğiniz kod, şu şekilde hazırlanabilir. Bu kodla, içerikler değişen ekran boyutuna uyumlu olarak ekrana yerleşecektir.
Kod:
<style>
 #slobada {
   display:block;
   width:30%;
   background:#2c3e50;
   padding:1%
 }

 #baslik {
   display:block;
   width: 100%;
   line-height: 50px;
   text-align: center;
   color: #ecf0f1;
   font-family: Verdana, Geneva, sans-serif;
   background-color: #3498db;
   margin-bottom: 1%
 }

 .hvr-buzz-out {
   display: block;
   vertical-align: middle;
   transform: translateZ(0px);
   backface-visibility: hidden;
   line-height: 40px;
   margin-bottom: 1%;
   text-align: center;
   text-decoration: none;
   color: #2c3e50;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   width: 100%;
   background-color: #ecf0f1;
 }

 #sol {
   display:block;
   width: 49.5%;
   float: left;
   margin-right: 0.5%
 }

 #sag {
   display:block;
   width: 49.5%;
   float: left;
   margin-left: 0.5%
 }

 #alt {
   height: 30px;
   width: 100%;
   float: left;
   line-height: 30px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   text-transform: uppercase;
   color: #ecf0f1;
   border-radius: 0px;
   background-color: #34495e;
   margin-top:1%
 }
 </style>

 <div id="slobada">
 <div id="baslik">Burada başlık</div>
 <div><a class="hvr-buzz-out" href="#">Burada üst içerik</a></div>
 <div><a class="hvr-buzz-out" href="#">Burada orta içerik</a></div>
 <div id="sol""><a class="hvr-buzz-out">Burada sol içerik</a></div>
 <div id="sag""><a class="hvr-buzz-out">Burada sağ içerik</a></div><br style="clear:both"/>
 <div id="alt"><marquee>Burada alt içerik... Marquee olarak yani kayan yazı şeklinde eklenmiş...</marquee></div><br style="clear:both"/>
 </div>

______________
Önceki mesajları göster:   


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