Zaloguj się

kazelot2000 · 01-08-2012, 17:56

Witam
Zrobiłem prosty szkielet strony w oparciu na różnych kursach, posiada ona tez menu w css. Niestety menu nie działa w IE i operze, strona także sie rozjeżdża itd. Prawdopodobnie mój kody jest nie składny lub zawiera błędy niestety nie wiem co robić dalej. Napisałem ten post aby dowiedzieć się czegoś na ten temat, jakieś naprowadzenie bym mógł dalej ruszyć do przodu.

http://www.tatry2012.yoyo.pl/

Kod PHP:
<!--HEADER-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<TITLE></TITLE>

<link rel="stylesheet" href="styl.css" />
<link rel="stylesheet" href="style.css" />

<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>


</HEAD>
<BODY>


<div class="pole-typ01"  border="0"  cellpadding="0" cellspacing="0" alt="position: absolute; left:110px;  top: 1px" style="position: absolute; left:110px;  top: 1px">

<div id="logo"></div>
<div id="lewa">2</div>
<div id="prawa">

    <ul class="fragu_menu">

    <li><a href="file:///C:/Users/Ignat/Desktop/menu/index.html" id="forum">Forum</a></li>
    <li><a href="" id="gracze">Gracze</a></li>
    <li><a href="" id="lol">lol</a></li>
    <li><a href="" id="informacje">lol</a></li>
    <li><a href="" id="szlaki">louul</a></li>
    <li><a href="" id="kontakt">lu</a></li>
</ul>

</div>


<div id="pasek"><br>2</div>
<div id="tresc"><br>2</div>
<div id="znaki"><br>2</div>

<div id="stopka"></div>

</div>


<!--FOOTER-->
</BODY>
</HTML>
<!--/FOOTER--> 

css

Kod PHP:
body {
background-color:#294a9a;
color:white;
font-size:20px;
font-family:verdana;
text-align:justify;
}

.pole-typ01 {
background-color: #ddd;
border: 1px solid black;
height: 449px;
width: 1200px;}
#logo {
height: 239;
background: #50763b url(images/index_01.gif) repeat-x;

}



#lewa{
background: url(images/index_02.gif) repeat-x; 
height:57;
width: 350px;
 float: left;
}


#prawa {

background-color: #fff; width:850px;
}


#pasek {
background: #50763b url(images/index_04.gif) repeat-x;
height: 59;
}



#tresc {
background: url(images/index_05.gif) repeat-x; 
height:419px;
width: 816px;
 float: left;
}



#znaki{
background: url(images/index_06.gif) repeat-x; 
height:419px;
width: 384px;
 float: left;

}






#stopka {
 height: 186;
background: #50763b url(images/index_07.gif) repeat-x;
 clear: both;
} 

menu css

Kod PHP:
ul.fragu_menu { overflow: hidden; height:497px; width: 1200px; }
ul.fragu_menu, ul.fragu_menu li { display: block; list-style-type: none;  margin: 0; padding: 0; height: 57px;}
ul.fragu_menu li { float: left;  }
ul.fragu_menu li a { background: url('menu.gif') no-repeat; height: 57px; display:inline-block; text-indent: -3000px; outline: none; }



ul.fragu_menu li a#forum { background-position: 0px 0; width: 98px; }
ul.fragu_menu li a#gracze { background-position: -98px 0; width: 168px; }
ul.fragu_menu li a#lol{ background-position: -266px 0; width: 141px;}
ul.fragu_menu li a#informacje{ background-position: -407px 0; width: 141px; }
ul.fragu_menu li a#szlaki{ background-position: -548px 0; width: 115px;}
ul.fragu_menu li a#kontakt{ background-position: -663px 0; width: 187px;}


ul.fragu_menu li a#forum:hover { background-position: 0px -57px; width: 98px;  }
ul.fragu_menu li a#gracze:hover { background-position: -98px -57px; width: 168px; }
ul.fragu_menu li a#lol:hover { background-position: -266px -57px; width: 141px; }
ul.fragu_menu li a#informacje:hover { background-position: -407px -57px; width: 141px;}
ul.fragu_menu li a#szlaki:hover { background-position: -548px -57px; width: 115px; }
ul.fragu_menu li a#kontakt:hover { background-position: -663px -57px; width: 187px; 

camelrafal · (Ten post był ostatnio modyfikowany: 02-08-2012, 06:24 przez camelrafal.)

Kod:
<li><a href="file:///C:/Users/Ignat/Desktop/menu/index.html" id="forum">Forum</a></li>

cos nie tak jest z tą ścieżką
powinnobyć mniej więcej coś takiego(chyba)

Kod:
http://tatry2012.yoyo.pl/forum/

Kod:
<div class="pole-typ01"  border="0"  cellpadding="0" cellspacing="0" alt="position: absolute; left:110px;  top: 1px" style="position: absolute; left:110px;  top: 1px">

oj joj joj
wywal te wszystkie bordery cellpaddingi alty a styl napisz w stylu css

ul.fragu_menu
usuń szerokość width: 1200px;

Kod:
ul.fragu_menu { overflow: hidden; height:497px; }

**Kartofelek** · 02-08-2012, 14:06

Kod:
alt="position: absolute; left:110px;  top: 1px"

????
alt - atrybut obrazka, który opisuje zawartość grafiki

Kod:
<!--HEADER-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

Przed nagłówkiem nic się nie wstawia.

Kod:
<!--FOOTER-->

</BODY>

</HTML>

<!--/FOOTER-->

Gdzie jest ten footer?

Itp. Sporo tego miszmaszu. Dużo nauki przed tobą.

kazelot2000 · 02-08-2012, 16:29

Dziękuje za rady, działa już poprawnie pod Chrome, i opera, w IE jest jakiś armagedon.
Pytanie mam jeszcze o te "position: absolute; " wywaliłem to w kodzie html ale chciałbym aby strona, logo przylegało do górnej krawędzi strony, bez tego jest odstęp, rozumiem, że to mam ustawić w css, tylko pod jaki element strony, w jakim miejscu ?

hieroshima · 02-08-2012, 17:45

w IE jest armagedon bo twój kod to armagedon. IE ma problemy z poprawnie napisanymi stronami/aplikacjami, a Ty go męczysz takim czymś Big Grin

kazelot2000 · 02-08-2012, 20:15

(02-08-2012, 17:45)hieroshima napisał(a): w IE jest armagedon bo twój kod to armagedon. IE ma problemy z poprawnie napisanymi stronami/aplikacjami, a Ty go męczysz takim czymś

Rozumiem, dlatego tez napisałem post na tym forum, aby dowiedzieć się co poprawić i w jakim kierunku podążać, czym dokładnie objawia się ten armagedon w tym kodzie.

hieroshima · 03-08-2012, 01:24

-kodowanie do zmiany na UTF-8
-uzupełnić title w head
-po co 2 style jak to taka prosta stronka?
- 1 div w body armagedon. Wypieprz border cellpaddingi i inne pierdoły. ALT!!!! Służy do tytułów obrazów, a u Ciebie do czego jest?
- masz 2 pliki css a i tak style dajesz bezposrednio do znaczników no bez przesady
- file:///C:/Users/Ignat/Desktop/menu/index.html <-- to nie jest prawidłowy link powinno być samo index.html
-footer to jest stopka strony, a nie znaczniki zamykajace body i cała strone
- puste divy też bardzo nieładnie

na cssa nie patrzyłem bo tam też chyba kombo 2 pliki zapełnione, a strona pusta...

kazelot2000 · Liczba postów: 4 Liczba wątków: 1 Dołączył: 01-08-2012 Reputacja: 0

Zrobiłem tak jak powiedzieliście. Jest tylko problem z niewyświetlającym się menu w IE

http://ffffffffffffff.prv.pl/

Kod PHP:
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl-pl" lang="pl-pl" >
<HEAD>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<TITLE>Tatry</TITLE>
<link rel="stylesheet" href="styl.css" />

</HEAD>
<BODY>

<div id="pole-typ01">

<div id="logo"></div>
<div id="lewa">2</div>
<div id="prawa">

    <ul class="fragu_menu">

    <li><a href="" id="forum">Forum</a></li>
    <li><a href="" id="gracze">Gracze</a></li>
    <li><a href="" id="lol">lol</a></li>
    <li><a href="" id="informacje">lol</a></li>
    <li><a href="" id="szlaki">louul</a></li>
    <li><a href="" id="kontakt">lu</a></li>
</ul>

</div>


<div id="pasek"></div>
<div id="tresc"></div>
<div id="znaki"></div>
<div id="stopka"></div>

</div>

</BODY>
</HTML> 

css i menu

Kod PHP:
body {
background-color:#294a9a;
color:white;
font-size:20px;
font-family:verdana;
text-align:justify;
margin:0;
padding:0;

}

#pole-typ01 {
width: 1200px;
margin: 0px 100px 0px 100px;

}

#logo {
height: 239px;
background: #50763b url(images/index_01.gif) repeat-x;

}

#lewa {
background: url(images/index_02.gif) repeat-x; 
height:57px;
width: 350px;
float: left;
}

#prawa {
width:850px;
float: right;
background:url(../);
}

#pasek {
background: #50763b url(images/index_04.gif) repeat-x;
height: 59px;
clear:both; 
}

#tresc {
background: url(images/index_05.gif) repeat-x; 
height:419px;
width: 816px;
overflow: hidden;
float: left;
}


#znaki{
background: url(images/index_06.gif) repeat-x; 
height:419px;
width: 384px;
 float: right;

}

#stopka {
 height: 186px;
background: #50763b url(images/index_07.gif) repeat-x;
 clear: both;
}

 

ul.fragu_menu { overflow: hidden; height:497px; }
ul.fragu_menu, ul.fragu_menu li { display: block; list-style-type: none;  margin: 0; padding: 0; height: 57px;}
ul.fragu_menu li { float: left;  }
ul.fragu_menu li a { background: url('menu.gif') no-repeat; height: 57px; display:inline-block; text-indent: -3000px; outline: none; }



ul.fragu_menu li a#forum { background-position: 0px 0; width: 98px; }
ul.fragu_menu li a#gracze { background-position: -98px 0; width: 168px; }
ul.fragu_menu li a#lol{ background-position: -266px 0; width: 141px;}
ul.fragu_menu li a#informacje{ background-position: -407px 0; width: 141px; }
ul.fragu_menu li a#szlaki{ background-position: -548px 0; width: 115px;}
ul.fragu_menu li a#kontakt{ background-position: -663px 0; width: 187px;}


ul.fragu_menu li a#forum:hover { background-position: 0px -57px; width: 98px;  }
ul.fragu_menu li a#gracze:hover { background-position: -98px -57px; width: 168px; }
ul.fragu_menu li a#lol:hover { background-position: -266px -57px; width: 141px; }
ul.fragu_menu li a#informacje:hover { background-position: -407px -57px; width: 141px;}
ul.fragu_menu li a#szlaki:hover { background-position: -548px -57px; width: 115px; }
ul.fragu_menu li a#kontakt:hover { background-position: -663px -57px; width: 187px; } 

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie