newbies
Silver Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Смотрим скрин картинки, видим планету, на планете расставлены точки с названием городов, где филиалы компании.
Значит сама картинка земли с задним фоном, идет как задний фон в сайта.
Далее вывод точек на картинке, каждая точка это css
скрин:
http://pixs.ru/showimage/wwwwwwwwww_9542761_2152074.jpg
пример скрипта:
Код: <table width="100%" border="0" cellpadding="0" cellspacing="0" id="wrapper">
<tr>
<td align="center"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="800" align="center">
<table width="1100" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="1100" height="800" background="transcargo.jpg">
<div
id="t1"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t1.png" alt="Сделать стартовой" /></a></div>
<div
id="t2"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t2.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t3"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t3.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t4"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t4.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t5"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t5.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t6"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t6.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t7"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t7.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t22"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t22.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t20"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t20.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t11"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t11.png" alt="Сделать стартовой" /></a></div>
&n
bsp; <div id="t10"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t10.png" alt="Сделать стартовой" /></a></div>
</td
>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table> |
вот это и есть точка:
Код:| <div id="t1"><a href="#" title="Сделать стартовой"><img src="{THEME}/images/t1.png" alt="Сделать стартовой" /></a></div> |
css точек:
Код: #t1 a {
display: block;
margin-left: 695px;
margin-top: -40px;
}
#t2 a {
display: block;
margin-left: 815px;
margin-top: -42px;
}
#t3 a {
display: block;
margin-left: 704px;
margin-top: -48px;
}
#t4 a {
display: block;
margin-left: 438px;
margin-top: -57px;
}
#t5 a {
display: block;
margin-left: 600px;
margin-top: -32px;
}
#t6 a {
display: block;
margin-left: 658px;
margin-top: 35px;
}
#t7 a {
display: block;
margin-left: 785px;
margin-top: -18px;
}
#t8 a {
display: block;
margin-left: 660px;
margin-top: -22px;
}
#t9 a {
display: block;
margin-left: 655px;
margin-top: -49px;
}
#t10 a {
display: block;
margin-left: 800px;
margin-top: -32px;
}
|
Проблема сделующая, по началу ставил точки, было все отлично, на данный момент точек стало больше, начала добавлять и когда я двигаю точки через css
с помощью этих строк у данной строчки, выше и ниже. и лево право.
margin-left: 655px;
margin-top: -70px;
Когда двигаю лево и право все отлично.
а когда двигаю в низ или вверх, то все точки двигаются, а не одна. что делать ????
как сделать так что бы каждая точка двигалась отдельно< не мешая другим, то есть была индивидуальной. |
