Подреждане на снимки как?

Onia

Registered
Има ли начин без css да подредя снимки една до друга а не една под друга.
Ако няма начин без css ако обичате опишете ми как ще стане със css подробно.

Благодаря ви.
 
Ми само долепяш таговете 1 до друг

HTML:
<img src="img.jpg"><img src="img2.png">
....... (но ако са големи ще ти минават на нов ред или ще ти разпъват страницата,затова е по-добре с html + css


ИЛИ HTML+CSS

.html

HTML:
<ul class="snimki">
<li><img src="img.jpg"></li>
<li><img src="img.jpg"></li>
<li><img src="img.jpg"></li>
</ul>

.css
[css]
.snimki ul {list-style-type:none;}
.snimki li {float:left;padding-right:5px;padding-left:5px;}

[/css]

Може да зададеш на див-а ширина,големина на снимките и т.н. ако имаш нещо неясно питай.
 
demoniceye каза:
tedo96 каза:
Най-лесния начин е да зададеш img{ display: inline; }

И къде точно в css да го поставя този код? Никъде в него няма img.
Най-елементарния отговор:
<html>
<head>
<style>
img{ display: inline; }
</style>

</head>
<body>
...
</body>
</html>
 
stoqnski каза:
demoniceye каза:
tedo96 каза:
Най-лесния начин е да зададеш img{ display: inline; }

И къде точно в css да го поставя този код? Никъде в него няма img.
Най-елементарния отговор:
<html>
<head>
<style>
img{ display: inline; }
</style>

</head>
<body>
...
</body>
</html>

Благодаря, но не става. Опитвам се да подредя слайдшоу и неговият код просто не възприема друг стил освен вертикално подреждане на снимките.

<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { display: inline; 15px; border: 1px solid #ccc; background-color: #eee; }
</style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>


<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>


<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'shuffle' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
 

Back
Горе