Witam, narodził się pewien problem przy tworzeniu stronki... Otóż, przy załadowaniu obrazków do menu wraz z odsyłaczami do poszczególnych podstron(wszystko znajduje się w jednym folderze) odsyłacze działają! Problem jest z obwódkami przy owych odsyłaczach....
Zamieszczam kody (HTML i CSS) i jednoczenie prośba o pomoc w wyeliminowaniu tego "buga"
<!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">
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="copyright" content ="Bartłomiej Dobrowolski"/>
<meta name="author" content="Bartłomiej Dobrowolski"/>
<head>
<title>Bartłomiej Dobrowolski vel Dobrotek - portfolio</title>
<link rel="stylesheet" type="text/css" href="type.css" />
</head>
<body>
<a href="strona.html"><div id="menu"><img src="obrazki/Menu/menu.png" alt="strona glowna"></div></a>
<a href="art.html"><div id="menu1"><img src="obrazki/Menu/menu1.png" alt="Art"></div></a>
<a href="zdjecia.html"><div id="menu2"><img src="obrazki/Menu/menu2.png" alt="zdjecia"></div></a>
<div id="newart"><img src="obrazki/newarts.png" alt="najnowsza praca"></div>
<div="naglowek"><font size="6" color="white">
Witam w moim portfolio.
</font>
</div>
<div id="informations">
<font size="4">
Nazywam się Bartłomiej Dobrowolski.<br />
Występuję również pod nickiem Dobrotek. Obecnie mieszkam w Łodzi i <br />
uczęszczam do 1 klasy Liceum Ogólnokształcącego. <br />
Wszystkie prace tworzę w GIMPie.<br />
</font>
</div>
</body>
</html>
zaś CSS wygląda tak:
body {
background-color: #000000;
margin-left: 200px;
margin-right: 150px;
margin-top: 30px;
background-image:url(obrazki/tlo.png);
background-repeat:no-repeat;
background-attachment: scroll
}
#menu
{
position:absolute;
top: 100px;
left: 200px;
}
#menu1
{
position:absolute;
top: 100px;
left: 326px;
}
#menu2
{
position:absolute;
top: 100px;
left: 438px;
}
#informations
{
position:absolute;
color: #E6E6FA;
top: 300px;
left: 190px;
}
#newart
{
position:absolute;
top: 20px;
right: 20px;
}
#naglowek
{
position:absolute;
color:#E6E6FA;
top: 100px;
left: 190px;
dołączam jeszcze wygląd (w FF)
Co ciekawsze, w Google Chrome takiego problemu nie ma.
Kombinowałem jeszcze z metodą filtra Image Map, lecz tutaj już żadnego obrazka nie ma
<!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">
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="copyright" content ="Bartłomiej Dobrowolski"/>
<meta name="author" content="Bartłomiej Dobrowolski"/>
<head>
<title>Bartłomiej Dobrowolski vel Dobrotek - portfolio</title>
<link rel="stylesheet" type="text/css" href="type.css" />
</head>
<body>
<img src="tlo.jpg" width="1024" height="255" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Dobrowolska -->
<area shape="rect" coords="367,92,479,160" alt="Prace" href="art.html" />
<area shape="poly" coords="241,92,276,161,368,161,367,91,366,92" alt="Strona Główna" href="strona.html" />
<area shape="poly" coords="481,91,481,162,591,161,624,92" alt="Zdjęcia" href="zdjecia.html" />
</map>
</body>
</html>
Myślałem, że ten filtr problem rozwiąże jeśli chodzi o menu, ale stało się inaczej...
Pozdrawiam,
Dobrotek