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

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny

Předmět	Autor	Datum
Neumíš HTML, neumíš česky (nevím, co je trestnější!) a chceš něco optimalizovat? :-D Povinně na www.… nový 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… nový 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… nový 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? nový 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í… nový 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 nový 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-… nový 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í… nový IQ37 13.04.2011 18:54	IQ37	13.04.2011 18:54
Máš pravdu, moje blbost. nový 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… nový 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>. nový 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… nový crash01 13.04.2011 23:08	crash01	13.04.2011 23:08
Má tam <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> nový 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"> nový crash01 14.04.2011 10:13	crash01	14.04.2011 10:13
Jo a nikdo z ostatních adminů taky česky neumí?:)) nový crash01 13.04.2011 23:16	crash01	13.04.2011 23:16

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