Autor Zpráva
robais01
Profil
Dobrý den jsem začátečník s tvořením webu. Spíše jsem dělal jenom grafické návrh. Ale ted dělám jeden web a to i kod ale jak jsem to udělal není validní s mozilou a určitně ani s operou jen v IE. Tak bych potřeboval poradit jak se vůbec taková validita opravuje. Děkuji za rady.
Timy
Profil
robais01
Seš si jistý, že vůbec víš, co je to validita? Nemyslíš spíš, že se ti stránka zobrazuje v různých prohlížečích nestejně?
robais01
Profil
Timy
Nemyslíš spíš, že se ti stránka zobrazuje v různých prohlížečích nestejně?
Ano, proto bych chtěl poradit jak to mám vůbec opravit.
Str4wberry
Profil
Odpovídám robaisovi01:
Možnost jako „opravit stránku“ neexistuje. Potřebujem vidět konkrétní web (popř. alespoň kód).
robais01
Profil
Str4wberry
Tak tady je kód:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BW - Rychlí nasazení Mašťov - Domů</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="index.html"><img border="0" src="logo.PNG" alt="Logo" width="727" height="223"></a>
</div>
<div id="nav">
<ul>
<li><a href="o-nas.html" class="current">O nás</a></li>
<li><a href="clenove.html">Členové</a></li>
<li><a href="galerie.html">Galerie</a></li>
<li><a href="co-je-to-airsoft.htmů">Co je to Airsoft?</a></li>
<li><a href="vyroba-granatu.html">Výroba granátu a dýmovnic</a></li>
<li><a href="signaly.html">Signály</a></li>
<li><a href="nabor.html">Nábor</a></li>
</ul>
</div>
<div id="main">
<div id="content">
<h3>News</h3>
<p><b>10.9.2007</b><br>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>

<div class="clear"></div>
</div>
<div id="sidebar">
<h2>Kontakt</h2>
<b>Pokud chete proti nám hrát nebo něco jinýho od nás chcete můžete nám napsat na:</b>
<br>
ICQ: 237-273-656 - Robais
<br>
ICQ: 224-114-876 - Pítrs
</div>
<div class="clear"></div>
<a href="http://www.web-designers-directory.org/"></a>
<div id="footer-line"></div>
<div id="footer">Vyrobeno roku 2007<br/>
<a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer?warning=no&amp; profile=css2" target="_blank">CSS</a> -

<span class="crd">Desing by: ROBAIS</span></div>


</html>

A obrázek jak to vypadá v mozile zde:
http://img.54.cz/images/694533-v_mozile.PNG
Chamurappi
Profil
Reaguji na robaise01:
Zkus se vžít do naší pozice a zamyslet se nad tím, jestli jsi nám opravdu dal to, co potřebujeme.
Uložil jsem si tenhle HTML kód do souboru, otevřel v Mozille a hle — nevypadá vůbec tak, jako na obrázku. Čím to asi bude…
robais01
Profil
a css:
/* Global */
body{color: #565655;margin: 0;padding: 0;background: #5f7110;font: 12px/1.4em Arial, Helvetica, sans-serif;letter-spacing:0px;}
a { color:#6e840b;font: 12px/1.4em Arial, Helvetica, sans-serif; text-decoration:underline;}
.clear {clear:both; overflow:hidden; margin:0; padding:0; height:1px;}
a:hover {text-decoration:none;}
h2 { color:#95a938;font: bold 13px Arial, Helvetica, sans-serif; margin: 15px 5px 5px 0;}
h3 { color:#95a938;font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 3px 0;}
/******* Layout **********/
#wrapper{width:769px;margin: 0 auto;background: url(images/l-bg.gif) repeat-y center;}
#top{background: url(images/top.png) no-repeat center;height: 29px;margin:0;padding:0}
#header{background: url(images/shade.gif) repeat-x top;height: 99px;margin:0 21px;}
#logo {float: left;width:300px; padding:25px 0 0 30px}
#sm { float: right; padding:35px 50px 0 0}
/****** Navigation **********/
#nav{background: url(images/nav.gif) repeat-x top;height: 40px;margin:0 18px;padding-left:1px;}
#nav ul {margin: 0;list-style: none;padding:0}
#nav li {display: block;float: left;}
#nav li a {font: bold 12px Arial, Helvetica, sans-serif;color: #FAFCF8;text-decoration: none;display: block;padding: 12px 15px 13px 15px;border-right: 1px solid #95a938;}
#nav li a:hover {background: url(images/hover.gif) repeat-x top;}
#nav li a.current {background: url(images/hover.gif) repeat-x top;}
/******* Content *********/
#main{ background: url(images/shade.gif) repeat-x top;margin:2px 21px;padding: 10px;overflow: hidden;clear:both;}
#content{width:480px;padding:10px 0 10px 10px;float:left;}
#content p { margin: 0 0 10px 0}
#content ul {padding:0 0 10px 0;margin:15px 0 0 25px;list-style: square url(images/bullet.gif);}
#content li {margin:0; padding:0 0 4px 0;}
.img { border: 1px solid #e5e5e5; padding: 7px; margin: 0 0 12px 0; background-color:#fff;}
.box1 {width: 215px; float:left; padding:7px; border: 1px solid #e5e5e5;}
.box2 {width: 215px; float:left;padding:7px; margin-left:12px;border: 1px solid #e5e5e5;}
.cont { display:block;background-color:#F7F7F7;padding:8px;}
.cont:hover{ background-color:#fff;}
/***** Side Bar **********/
#sidebar{width:200px;margin: 0 0 0 503px;}
.menu { margin:20px 0 0 0;padding:0; list-style:none;}
.menu li {height: 25px; padding: 11px 0 0 45px;background: url(images/menu.gif) repeat-x left top;}
.menu a { color:#475509; text-decoration: none;font-weight:bold;}
.menu a:hover { color:#000000; }
/******** Footer *******/
#footer-line{background: #89a606 url(images/footer.gif) repeat-y left;height: 13px;margin:0 18px;}
#footer {background: url(images/shade.gif) repeat-x top;margin:2px 21px;padding: 18px;line-height:1.6em;}
.crd a { color:#565655;text-decoration:none;}
#bottom{background: url(images/bottom.png) no-repeat center;height: 27px;}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0