İçeriğe geç
ShiftDelete.Net
Haber ara/ SDN'ye SorGiriş
Haber Akışı SDNTV İnceleme Forum Yapay Zeka Akıllı Telefon Elektrikli Otomobil Oyun ShiftDelete.Net Global Teknoloji Haberleri Mobil Otomobil Donanım Savunma Bilim Sosyal Medya İnternet Giyilebilir Teknoloji Rehber Ürünler Son dakika Yazarlar
  1. Ana sayfa
  2. Topluluk
  3. Webmaster Dünyası
  4. Web Tasarımı
Web Tasarımı

Html ve CSS den anlarım diyen

HapS20.06.20104 cevap1.697 görüntüleme
2008'den beri3.347 mesaj
#1
html ve css ile ilgili bir sıkıntı yaşıyorum



resim derdimi anlatıyordur heralde html ve css kodlarınıda koymk isterdim ama site django ile çalıştığı için manasız olur diye koymuyorum

<div id="body">
<div id="slider">
<ul>
{% for base in slideshow %}
<li><a href="{{ base.url }}"><img src="/media/{{ base.resim }}" alt="Css Template Preview" /></a></li>
{% endfor %}
</ul>
</div>
<div id="slidesag">

deneme

</div>

<div id="content">
<div id="yanariceriksol">
<a STYLE="text-decoration:none" href="/"<h2>yanar döner alan</h2></a>
<p>yanar döner içerik</p>
<br></br>

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
float: left;
width:640px;
height:261px;
overflow:hidden;
margin: 0;
}
span#prevBtn{}
span#nextBtn{}

/* // Easy Slider */

#slidesag {
/*background: #FFFFFF url('/media/base/media/img/duyuru3.png') no-repeat scroll bottom right;*/
border: 1px solid #FFEB8C;
float: right;
width: 290px;
height: 261px;
}
Cevaplar
2009'den beri236 mesaj
#2
Buraya verdiğiniz kod eksik değilse hatalı. Şu kodu

<div id="slider">
<ul>
{% for base in slideshow %}
<li><a href="{{ base.url }}"><img src="/media/{{ base.resim }}" alt="Css Template Preview" /></a></li>
{% endfor %}
</ul>
</div>
<div id="slidesag">

deneme

</div>

şu şekilde değiştiriseniz işinizi görür

<div id="slider">
<ul>
{% for base in slideshow %}
<li><a href="{{ base.url }}"><img src="/media/{{ base.resim }}" alt="Css Template Preview" /></a></li>
{% endfor %}
</ul>

<div id="slidesag">

deneme

</div>
</div>
HapS Konuyu açan
2008'den beri3.347 mesaj
#3
bu seferde slide la beraber yukarı doğru çıkıyor :) hareket halinde sürekli ve sağa yanaşmadı :(
2009'den beri236 mesaj
#4
Olması gereken biçimi ve html ve css kodlarının tamamını görmek gerek. Burdan böyle deneme yanılma yoluyla pek zor olacağa benziyor :)

<div id="body">
<div id="slider">
<ul>
{% for base in slideshow %}
<li><a href="{{ base.url }}"><img src="/media/{{ base.resim }}" alt="Css Template Preview" /></a></li>
{% endfor %}
</ul>
</div>
<div id="slidesag">

deneme

</div>

<div id="content">
<div id="yanariceriksol">
<a STYLE="text-decoration:none" href="/"<h2>yanar döner alan</h2></a>
<p>yanar döner içerik</p>
<br></br>

#slider {
float:left;
}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
float: left;
width:640px;
height:261px;
overflow:hidden;
margin: 0;
}
span#prevBtn{}
span#nextBtn{}

/* // Easy Slider */

#slidesag {
/*background: #FFFFFF url('/media/base/media/img/duyuru3.png') no-repeat scroll bottom right;*/
border: 1px solid #FFEB8C;
float: right;
width: 290px;
height: 261px;
}

Birde bu şekilde denersen. Anladığım kadarı ile deneme alanı ile slide alanı yan yana durmalı, ama deneme alanı alta düşüyor. Yukarıda değiştirdiğim kodda slideın sola yaslanmasını sağladım. Bu çözüm olabilir.
HapS Konuyu açan
2008'den beri3.347 mesaj
#5
oldu çok teşekkü ederim yardımın için huzur içinde uyurum bu gece :)

:( bu seferde başka sorun çıktı :D slide hep ukarı çıkıyor 1 slde görüüyor ondan sonrakiler yok :( neyse artık onada yarın bakarım

nyse bunuda halletim slde aşağıdan yukarıya çıkıyordu şimdi soldan sağa yaptım :D

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.