Html ve CSS den anlarım diyen

[HapS]

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

 

[ersin]

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]

bu seferde slide la beraber yukarı doğru çıkıyor hareket halinde sürekli ve sağa yanaşmadı

 

[ersin]

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]

oldu çok teşekkü ederim yardımın için huzur içinde uyurum bu gece

bu seferde başka sorun çıktı 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