Jak optimalizovat web

Dobrý den, potřeboval bych poradit jak optimalizovat web pro různá rozlišení a browsery. Jde o web www.tbs-parba.ic.cz dělán na rozlišení 1280x1024 a pixely jsem dělal podle mozily. V chrome to jde v pohodě bez chyb všechno v opeře je jen malá chybka v tom že s záložse servery ty statusy překrývají nadpis ale v IE 8 i 9 to je všechno nějak jinak. Dělal jsem ho s kámošem v pspadu a je to html se stylováním css ale to je vám asi jasný. jestli chybí nějaké info taak napište a já doplním

Předmět	Autor	Datum
Nemáme sice vlastní mód, ale tento zkopírovaní máme upravení vlastnímy filterscripty které nikdo jin… karel 12.04.2011 18:38	karel	12.04.2011 18:38
Ten text jsem psal já, ale dyt to tam není takhle jak jste to dal do citace. o to rozlišení a chybku… tom.win 12.04.2011 19:03	tom.win	12.04.2011 19:03
Mně přijde divné, že obsah stránek nemáte mezi tagy <body></body>. Tam máte jen tu reklamu... Imho b… Zarniwúp 12.04.2011 19:14	Zarniwúp	12.04.2011 19:14
můžu se zeptat jaký v tom je rozdíl? tom.win 12.04.2011 19:31	tom.win	12.04.2011 19:31
Základní struktura html: <html> <head> <title>Má první stránka</title> </head> <body> Moje první h… Zarniwúp 12.04.2011 19:39	Zarniwúp	12.04.2011 19:39
Aha, tak jsem zkusil hledat code, nic. Charset, taky nic. Asi něco dělám špatně. karel 12.04.2011 19:23	karel	12.04.2011 19:23
Kříží se ti tam tagy, např.: <tr><td><a href="novinky.html">Novinky</a></tr></td> tento zápis není… Smiley 12.04.2011 19:54	Smiley	12.04.2011 19:54
Neumíš HTML, neumíš česky (nevím, co je trestnější!) a chceš něco optimalizovat? :-D Povinně na www.… IQ37 12.04.2011 21:36	IQ37	12.04.2011 21:36
ten web znám hledali jsme tam když nám něco vůbec nefunkovalo. Jinak dík všem za rady zítra zkusím o… tom.win 12.04.2011 21:43	tom.win	12.04.2011 21:43
Ještě malej detajl, zbytečně ti to tam zalamuje. Jelikož jsem nucen používat 1024*768, tak mám text… Potkan007 12.04.2011 21:46	Potkan007	12.04.2011 21:46
Takže co má být v body a co v head? v body má být i menu? nebo jen fakt samotný obsah? tom.win 13.04.2011 14:21	tom.win	13.04.2011 14:21
zaklady-html.html a výběr z odkazu: První příklad -- struktura HTML <html> <head> <title>Má první… Zarniwúp 13.04.2011 14:30	Zarniwúp	13.04.2011 14:30
tak předěláno ie to ale furt nějak nebere tom.win 13.04.2011 15:31	tom.win	13.04.2011 15:31
V tom stylopisu máš .ikona { text-decoration:none; float:left; clear:all; margin-top:500px; margin-… Zarniwúp 13.04.2011 15:54	Zarniwúp	13.04.2011 15:54
Ty mínusy u jednotek nebudou správně, resp. tam asi nemají co dělat... Ve stylopisech se používají… IQ37 13.04.2011 18:54	IQ37	13.04.2011 18:54
Máš pravdu, moje blbost. Zarniwúp 14.04.2011 06:45	Zarniwúp	14.04.2011 06:45
Stylopis se dává mezi <head> a </head> a ne do <body>. Lepší je to však v tom externím jeden pro vše… Kráťa 14.04.2011 01:30	Kráťa	14.04.2011 01:30
Na tohle jsem ho asi navedl já s tím, že menu patří do <body>. Zarniwúp 14.04.2011 06:47	Zarniwúp	14.04.2011 06:47
Ano. Menu patří do <body>. Menu je přeci ale toto <table class="menu"> <tr> <td> <a href="novinky.h… poslední Kráťa 14.04.2011 11:06	Kráťa	14.04.2011 11:06
Když je chyba v IE, co tam máte za DOCTYPE? Nemáte to v qirku? (na kód jsem nekoukal, jsem na mobilu… crash01 13.04.2011 23:08	crash01	13.04.2011 23:08
Má tam <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Kráťa 14.04.2011 01:27	Kráťa	14.04.2011 01:27
Změň na: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> crash01 14.04.2011 10:13	crash01	14.04.2011 10:13
Jo a nikdo z ostatních adminů taky česky neumí?:)) crash01 13.04.2011 23:16	crash01	13.04.2011 23:16

Nemáme sice vlastní mód, ale tento zkopírovaní máme upravení vlastnímy filterscripty které nikdo jiný nemá
zkušení dlouhodobý admini

Malá chybky v zobrazení jsou to nejmenší, ty bych neřešil. Ten text vám psal nějaký debil nebo jste to dělali sami? Kódování stránky nějak neumím najít.

Ten text jsem psal já, ale dyt to tam není takhle jak jste to dal do citace. o to rozlišení a chybku v opeře mi ani tolik nejde ale v tom exploreru mi vadí že nejde ta galerie to ostatní není zas tak důležitý.
Jo a k tomu textu jestli tam jsou nějaký pravopisný chyby tak pardon ale mám z čestiny 4.
EDIT:kód stránky se zobrazí když kliknete pravym a dáte zobrazit zdrojoví kód(nebo něco podobného akhle se to jmenuje v opeře)

Mně přijde divné, že obsah stránek nemáte mezi tagy <body></body>. Tam máte jen tu reklamu...
Imho by hned po ukončení tagu </head> mělo následovat <body> a samotný obsah ukončený </body>.

můžu se zeptat jaký v tom je rozdíl?

Základní struktura html:

<html>
<head>
<title>Má první stránka</title>
</head>
<body>
Moje první html stránka.
A nějaké další texty.
</body>
</html>

Obsah stránky, to co se zobrazí v prohlížeči, je obsah tagu <body></body>. Pak prohlížeč ví, že je to samotný obsah stránky. No že to chytré prohlížeče zobrazí i když je to narvané mezi </head> a <body> je jiná věc, je to základní chyba. A možná proto to IE nechutná.
Dál jsem nekoukal.
edit: Vlastně koukal, na stránce Galerie nemáš ukončenou tabulku, chybí </table>, proto se to zřejmě nezobrazuje.
edit2: Tagy by se neměly křížit, ne <tr><td> obsah </tr></td>, ale <tr><td> obsah </td></tr>. TR značí řádek tabulky, TD buňku řádku, do jednoho řádku můžeš nacpat více buněk - <tr><td> obsah buňky 1 </td><td> obsah buňky 2</td><td> obsah buňky 3 </td></tr>

Snad si to pamatuji správně.

Aha, tak jsem zkusil hledat code, nic. Charset, taky nic. Asi něco dělám špatně.

Kříží se ti tam tagy, např.:

<tr><td><a href="novinky.html">Novinky</a></tr></td>

tento zápis není validní spravně by to mělo být takto:

<tr><td><a href="novinky.html">Novinky</a></td></tr>

BTW nedivím že se to v IE zobrazuje špatně ta stránka je zkrátka špatně napsaná stačí v Opeře kliknout pravým a dát Prověřit zdrojový kód.

Neumíš HTML, neumíš česky (nevím, co je trestnější!) a chceš něco optimalizovat?
Povinně na www.jakpsatweb.cz a biflovat a biflovat! Jak říkal, blahé paměti, Lenin...

ten web znám hledali jsme tam když nám něco vůbec nefunkovalo. Jinak dík všem za rady zítra zkusím opravit a pak poprosím ještě o jednu kontrolu.

Ještě malej detajl, zbytečně ti to tam zalamuje. Jelikož jsem nucen používat 1024*768, tak mám text hozenej až pod menu.

Takže co má být v body a co v head? v body má být i menu? nebo jen fakt samotný obsah?

zaklady-html.html

a výběr z odkazu:

První příklad -- struktura HTML
<html>
<head>
<title>Má první stránka</title>
</head>
<body>
Moje první html stránka.
A nějaké další texty.
</body>
</html>
Tento příklad si můžete zobrazit v prohlížeči. Co znamenají jednotlivé tagy:
<html>
začíná dokument
</html>
končí dokument
<head> a </head>
začíná a končí hlavičku, která se sice nezobrazuje, ale obsahuje některé důležité údaje, například
<title> a </title>,
vymezující název dokumentu (může se lišit od jména souboru)
<body>
Co je mezi <body> a </body>, se bude zobrazovat. <body> je tag, kterým začíná vlastní tělo dokumentu (angl. body = tělo).

Já bych to líp nenapsal, v <body></body> je vše, co se zobrazuje, tedy i menu.

[http://pc.poradna.net/file/view/5648-screen-jpg]

<head></head> obsahuje <title></title>. Obsah <title> se zobrazuje v hlavičce. V příkladu nahoře "Má první stránka".

screen.jpg 49.14 KiB

tak předěláno ie to ale furt nějak nebere

V tom stylopisu máš

.ikona {
 text-decoration:none;
 float:left;
 clear:all;
 margin-top:500px;
 margin-left:-175px;
 
 }

.menu2 {
 float:right;
 clear:left;
 width:150px;
 border:groove 1px darkorange;
 margin-top:-500px;
 }

 margin-left:-175px;

 margin-top:-500px;

Ty mínusy u jednotek nebudou správně, resp. tam asi nemají co dělat...
Stylopis je lepší mít v texťáku zvlášť, např style.css a odkazovat na něj právě z hlavičky html (to bude to, co hledal karel). Nemusíš to pak opravovat v každém html zvlášť, ale v jednom texťáku.

Ty mínusy u jednotek nebudou správně, resp. tam asi nemají co dělat...

Ve stylopisech se používají i záporné hodnoty: viz length.html

Máš pravdu, moje blbost.

Stylopis se dává mezi <head> a </head> a ne do <body>. Lepší je to však v tom externím jeden pro všechny soubory, jak píše kolega.

Na tohle jsem ho asi navedl já s tím, že menu patří do <body>.

Ano. Menu patří do <body>. Menu je přeci ale toto

<table class="menu">
<tr> <td> <a href="novinky.html">Novinky </a> </td> </tr>
<tr> <td> <a href="admini.html">Admini </a> </td> </tr>
<tr> <td> <a href="bany.html">Bany </a> </td> </tr>
<tr> <td> <a href="download.html">Download </a> </td> </tr>
<tr> <td> <a href="kontakty.html">Kontakty </a> </td> </tr>
<tr> <td> <a href="servery.html">Servery </a> </td> </tr>
<tr> <td> <a href="galerie.html">Galerie </a> </td> </tr>
<tr> <td> <a href="pravidla.html">Pravidla </a> </td> </tr>
</table>

a stylopis tohle

  <style type="text/css">
 Body {
  background-color:black;
 color:darkorange;
}
 
 
 .menu {
 float:left;
 clear:right;
 background-color:Black;
 color:darkorange;
 width:150px; 
 border:groove 1px darkOrange;
 margin-left:182px;
 margin-top:50px;
 }
 .menu td {
 
 text-align:center;
 border:groove 1px darkorange;
 height:50px;
 font-size:25px;
 font-family:Ravie;
 }
 .menu td a {
 color:darkorange;
 background-color:Black;
 text-decoration:none;
 }
 .menu td a:hover {
 background-color:darkorange;
 color:black;
 }
 
 .ikona {
 text-decoration:none;
 float:left;
 clear:all;
 margin-top:500px;
 margin-left:-175px;
 }
 
 .obsah {
 float:right;
 margin-right:300px;
 width:550px;
  background-color:black;
 color:darkorange;
 text-align:center;
 font-family:monotype corsiva;
 }
 
 </style>

Já vím, že ty to víš, Ale autorovi dotazu se to asi nějak popletlo.

Když je chyba v IE, co tam máte za DOCTYPE? Nemáte to v qirku? (na kód jsem nekoukal, jsem na mobilu, takže nevím)

Má tam
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Změň na:

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

Jo a nikdo z ostatních adminů taky česky neumí?

Zpět do poradny Odpovědět na původní otázku Nahoru