+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: kilka problemów (/thread-kilka-problemow)
Strony:
1
2
kilka problemów - macias1986 - 25-07-2009
nie dzialające menu linki dlaczego??
i dlaczego w operze i ie wyskakuje mi główne logo a w ff nie?
Kod:
<!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>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
<meta name="author" content="Mateusz Maciaszek" />
<meta http-equiv="reply-to" content="[email protected]" />
<meta name="description" content="Pantofle" />
<meta name="keywords" content="pantofle, klapki, trepy, sandały, pantofle regionalne, góralskie, pantofle góralskie, sandały, pantofle skórzane, skóry owcze, skóry baranie " />
<meta http-equiv="content-language" content="pl" />
<meta name="robots" content="ALL" />
<meta name="distribution" content="GLOBAL" />
<title>Pantofle, pantofle skórzane, pantofle góralskie, pantofle regionalne, klapki, kapcie Jerzy Maciaszek</title>
<style type="text/css">
body { background-image: url(grafika/tlo.gif) } <!-- tło dokumentu -->
#logo1
{
position:absolute;
width:570px;
height:120px;
background-image: url("grafika/naglowek.gif");
background-repeat: no-repeat;
background-position: 220px 4px;
}
#logo
{
position:absolute;
width:200px;
height:150px;
background-image: url("grafika/logo.gif");
background-repeat: no-repeat;
background-position: 15px 50px;
}
h1
{
position:absolute;
left:400px;
top:140px;
}
#menu
{
position:absolute;
left:12px;
top:230px;
}
#tresc
{
position:absolute;
left:242px;
top:235px;
text-align: center;
border-bottom-style: inset;
border-bottom: thick double;
}
#zdjecia
{
position:absolute;
width:800px;
height:600px;
background-image: url("grafika/pantofle.gif");
background-repeat: no-repeat;
background-position: 20px 420px;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
width: 190px;
padding-left: 10px;
background: #797 url("grafika/punkt.gif") no-repeat left top;
border-width: 1px;
border-style: solid;
border-color: #dfe #365 #365 #dfe;
}
ul a:link, ul a:visited {
display: block;
width: 169px;
text-decoration: none;
padding: 5px 10px;
font-weight: bold;
background: #bfb url("galeria/tlo1.gif") repeat-x top;
color: #365;
border-left: 1px solid #797;
}
ul a:hover {
background-color: #797;
background-image: url("galeria/tlo2.gif");
color: #eff;
}
-->
</style>
</head>
<body>
<div id="logo1"></div>
<div id="logo"></div>
<h1><strong>PANTOFLE</strong></h1>
<div id="menu">
<ul>
<li><a href="index.html" id="current">Strona Główna</a></li>
<li><a href="katalog_obuwia.html">Galeria</a></li>
<li><a href="dojazd.html">O nas</a></li>
<li><a href="kontakt.html">Dojazd</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
<div id="tresc">
PRZYJMĘ ZLECONĄ PRODUKCJĘ<br />
JEŻELI SZUKASZ WYKONAWCY LUB PODWYKONAWCY W NASZEJ <br />
GAŁĘZI PRZEMYSŁU, ZAPRASZAM DO WSPÓŁPRACY. <br />
JEŻELI BĘDZIEMY W STANIE TECHNICZNYM <br />
WYKONAĆ TWOJE ZLECENIE, <br />
NA PEWNO BĘDZIESZ ZADOWOLONY <br />
<br /> <br /><br />
</div>
<div id="zdjecia"></div>
</body>
</html>www.pantofle.neostrada.pl
RE: kilka problemów - Leja - 25-07-2009
hiperlacze wygląda poprawnie jestem teraz w tel na necie jutro na kompie jak bd to sprawdze kod pozdrawiam
RE: kilka problemów - Rafik01 - 25-07-2009
Problem z hiperłączami wiąże się z samym stylem css. Gdy się usunie css to linki działają poprawnie. Na razie nic więcej nie mogę powiedzieć bo nie wiem
.Edit: Usuń z #zdjecia "position: absolute;". Ponieważ stworzyło to diva na całą stronę i blokował menu i resztę strony. Teraz powinno być ok. Nie wiem jednak o co chi ci z tym divem "zdjęcia". Ma on wyświetlać zdjęcia na całej stronie?
RE: kilka problemów - Leja - 25-07-2009
też nie wiem o co chodzi czemu robisz style wewnętrzne? zrób osobny plik z stylami
ja myślę że to chodzi w stylach tak jak Rafik01 napisał tu jest gdzieś błąd
Kod:
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
width: 190px;
padding-left: 10px;
background: #797 url("grafika/punkt.gif") no-repeat left top;
border-width: 1px;
border-style: solid;
border-color: #dfe #365 #365 #dfe;
}
ul a:link, ul a:visited {
display: block;
width: 169px;
text-decoration: none;
padding: 5px 10px;
font-weight: bold;
background: #bfb url("galeria/tlo1.gif") repeat-x top;
color: #365;
border-left: 1px solid #797;
}
ul a:hover {
background-color: #797;
background-image: url("galeria/tlo2.gif");
color: #eff;RE: kilka problemów - Rafik01 - 25-07-2009
@Leja:
To nie to. Też tak na początku myślałem, ale to wina diva "zdjęcia", który zasłania wszystko. Wystarczy usunąć position: absolute.
RE: kilka problemów - Leja - 25-07-2009
skąd usunąć? bo jest w każdym divie i musi być
no tak jak sie usunie z diva zdjęcia position: absolute; to wszystko ok ale zerknij na jego stronkę http://www.pantofle.neostrada.pl/ wtedy ten div straci swoją pozycje i napewno znajdzie się u góry
RE: kilka problemów - macias1986 - 25-07-2009
ok wielkie dzieki menu dziala linki dzialaja
a nastepna sprawa czemu główne logo w operze i ie wyskakuje a ff nie pokazuje go??ja przezucze css do pliku zewnetrznego ale chcialem wam wszystko wyslac caly kod
RE: kilka problemów - Leja - 25-07-2009
tzn możesz wrzucić całość w załączniku? u mnie na ff jakiś logo było widać albo screeny wrzuć
RE: kilka problemów - macias1986 - 25-07-2009
wejdz www.pantofle.neostrada.pl na IE bedziesz widzial jest jedno logo z lewej pantofle i takie duze niebieskie wyrób pantofli i trepów......
a w FF go nie widac
RE: kilka problemów - Leja - 25-07-2009
nie mam pojęcia jeszcze tak nie widziałem żeby na innych przeglądarkach tak to wyglądało