ИЕ7 и при мозила са на различни места линковете

[Ivkoni_]

ИЕ7 и при мозила са на различни места линковете:

Интернет Екплоър

Мозилата

При мозилата пък и картинките са отделно ? Направо нямам думи ще ми скъса нервите това :shock:

Ако можете да ми кажете как да оправя това с картинките при мозиалата и при всеки браузър да ми излизат на 1 място линковете ако може ще съм много благодарен.

 

[Ivkoni_]

:arrow:

 

[shterev]

Нямаше да е лошо , ако беше дал и код или линк към сайта

 

[Ivkoni_]

Оп сори:

HTML-a

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>za ivkoni</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />


<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

</head>
<body> 
<div id="main">
<center><img src="http://bgcommunity.net/new/site/contact header.jpg" width="768" height="25" /><img src="http://bgcommunity.net/new/site/header_logo.jpg" width="768" height="164" /><img src="http://bgcommunity.net/new/site/menu.jpg" width="768" height="34" /><img src="http://bgcommunity.net/new/site/table.jpg" width="768" height="776" /><img src="http://bgcommunity.net/new/site/rights.jpg" width="768" height="24" /></center>
</div>
<div id="link1">
	<a href="#">линк 1</a>
</div>
<<a href="#">линк 2</a>
<a href="3">линк 3</a>
</body>
</html>

CSS-a:

#link1 {margin-top:-1040px;margin-left:140px}
#link2 {margin-top:-20px;margin-left:200px}
#link3 {margin-top:-20px;margin-left:260px}
#main {margin-top:50px;margin-left:40px}

URL:
http://bgcommunity.net/test/xx.html

 

[Ivkoni_]

е? Спешно ми е :?

 

[shterev]

проблема ти е тук: <img height="25" width="768" src="http://bgcommunity.net/new/site/contact header.jpg"/>

Мъчиш се да направиш линкове върху имг таг.Я направи тази картинка да е бекграунд и слойи линковете вътре.


<div style=" width:768px; height:25px; background: url(http://bgcommunity.net/new/site/contact header.jpg) no-repeat left top;">

<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>

p.s. направи така с всички картинки, че гледам и там после ще имаш проблек акто искаш да сложиш текст.

 

[Ivkoni_]

Мерси брат златен си +1

 

[shterev]

не съм златен , ами прочети малко цсс поне