Как мога да ги наместя?

Код: 
<div style="background: url('http://web-tourist.net/forum/images/avatars/14653511164946c0b831fef.jpg') no-repeat; width: 130px;height:130px">
<a href="#">link1</a><br /><a href="#">link2</a></div>
 
Код: 
<div id="image">

     <div id="links">
     <а href="www.link1.com></a>
     <а href="www.link2.com></a>
     <а href="www.link3.com></a>
     </div>

</div>


in css:

#image {
image-backgorund:url of the image;
}
#links {
margin: 0 0 5 0;(от тук ги гласиш как да стоят)
}
 
на див'а с фона задаваш точен размер на картинката с
Код: 
width:200px;
height:300px;
background-image:url(Images/logo.png);
 
Ето и един пример от мен:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#myDiv {
width:400px;
height:400px;
border:solid 1px red;
background:url("тука слагаш пътя до картинката");
}
#links {
margin-left:20px;
margin-top:20px;
}
</style>
</head>

<body>
<div id="myDiv">
<div id="links">
<a href="#" >Линк 1</a><br />
<a href="#" >Линк 2</a><br />
<a href="#" >Линк 3</a>
</div>
</div>
</body>
</html>
Увеличете...
Промени стойностите в синьо, за да наместиш линковете както искаш
 
значи вижте как искам да стнае:

http://bgcommunity.net/new/xx.html

И искам да си подредя линковете. Без някакви червени работи по самата картинка както съм си я отрязял защото това дето Емаги ми го даде като го сложа весе едно има червен stroke :lol:

Със същияк бекграунд. Само ми кажете как да си подреждам линковете по възможност с css. мерси ;)
 
В какъв смисъл да не са един под друг...Слепени и ли изобщо?

Ако не искаш да са слепени сложи едно </br> между тях...
А ако искаш да са на различни места направи всеки линк в различен див и си ги намествай както искаш.
 
BaHKaTa каза:
В какъв смисъл да не са един под друг...Слепени и ли изобщо?

Ако не искаш да са слепени сложи едно </br> между тях...
А ако искаш да са на различни места направи всеки линк в различен див и си ги намествай както искаш.
Увеличете...
Ванка ,ако обичаш може ли без грешки?
#image {
image-backgorund:url of the image;
}
#links {
margin: 0 0 5 0;(от тук ги гласиш как да стоят)
}
Тук защо казва ,че нестава - ами 2 грешки
Първата е тук image-backgorund , втората тук: margin: 0 0 5 0; - тук се оказват пиксели примерно не само 5. В посления пост пак грешка - </br>
Е как няма да се оплаква човека ,че не става.

По темата:

ЦСС:
ul { margin:0px; padding:0px; list-style-type:none; background: url(pic.gif) no-repeat left top; width:300px; }

ul li { float:left; width:80px; padding:0 5px;}

<ul>
<li><a href="#">линк 1</a></li>
<li><a href="#">линк 2</a></li>
<li><a href="3">линк 3</a></li>
<li style="float:none; clear:both; height:0px;"></li>
<ul>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#myDiv {
width:400px;
height:400px;
background:url("тука слагаш пътя до картинката");
}
#links {
margin-left:20px;
margin-top:20px;
}
</style>
</head>

<body>
<div id="myDiv">
<div id="links">
<a href="#" >Линк 1</a>
<a href="#" >Линк 2</a>
<a href="#" >Линк 3</a>
</div>
</div>
</body>
</html>
Увеличете...
 
Пичове разбрах го и ги намествам даже но на самата картинка където са линковете самата картинка е оградена в червено как да го махна това?

ЕДИТ: оправих се с това. А сега как мога да правя същото само че с други картинки ? Като ги сложа в css ми излизат 1 върху друга :( Как да го оправя?
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе