Autor Zpráva
Amálka
Profil *
Dobrý den,
dokončuji své úplně první stránky, avšak právě jsem zjistila, že v mozzile se mi zobrazuje jen text bez obrázků a stylů. Dočetla jsem se, že problém může být v tom, že FF nečte uvozovky a rovnítka, ale nic takového tam stejně nemám. Prosím, mohl by mi někdo poradit, v čem může být problém? Nebo sem mám rovnou vylepit celý css zápis?
Předem díky za odpověď!
pavuk
Profil
Nelep sem celej css výpis, stačí když sem umístíš odkaz na svý stránky
Amálka
Profil *
hmm, stránky právě ještě nejsou na netu....
css zní:
@media screen,projection {
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Tahoma, Arial, sans-serif;
	color: black;
	text-align: center;
        font-size: small;
	font-size: middle;
	background-color: #4682b4;

}
#lista .listaprbg {
  background-color: #F1F7FD;
}

a{
	color: #2C73B2;
}
a:hover{
	text-decoration: none;
}
#page {
	width: 760px;
	font-size: 85%;
	margin: 0px auto 0 auto;
	text-align: left;
	background: white;
}
* html #page {
	font-size: 70%;
	font-size: 80%;
}
#logo {
	height: 220px;
	width: 140px;
	padding: 0 0px 20px 0px;
	background: white;
	font-family: Georgia, serif;
}
#logo a{
	text-decoration: none;
	color: white;
}
#submenu {
	width: 190px;
	height: 310px;
	float: left;
	font-size: 100%;
        overflow: hidden;
	margin: -50px 0 0 0;
	background: #b0e0e6;

}
#main {
	background: white repeat-y;
	margin-bottom: 10px;
}
* html #main {
	height: 10px;
}
#submenu-in {
	margin-top: 20px;
}
#obrazek {
	margin-bottom: 15px;
}
#submenu .img {
	margin: 20px auto;
	text-align: center;
}
#submenu #posledni {
	text-align: center;
}
#submenu .ilustrace {
	margin: 10px 0 10px 0;
}
#submenu .ilustrace img, #submenu .img img {
	padding: 20px 10px 20px 10px;
	background-color: #E4F0FA;
	border: 1px solid #B5D8F7;
	margin-bottom: 3px;
}
#submenu .navysku{
	height: auto !important;
}
.box {
	margin: 0px 0 25px 0;
	padding: 0 0;
}
#contacts {
	background-color: white
	padding: .4em 0 .4em 20px;	
}
.contacts {
	margin: 0px 5px 15px 30px; HDpL
	padding: 3px 10px;
}
#flags {
 	background-color: none;
	margin: -40px auto auto auto;
}

#submenu h3{
	background: white;
	padding: .4em 0 .4em 20px;
	font-size: 120%;
	color: #E5002B;
	font-family: Georgia, serif;
 	}
#submenu li{
	margin: 3px 0 3px 35px;
	
}
#submenu a{
	color: #005EB1;
}
#text {
	float:right;
	margin-left: -190px;
	width: 100%;
	color: #333333;
}
#text-in {
	margin-left: 190px;
	padding: 15px 10px 0 11px;
	position: relative;
	top: -50px;
	line-height: 150%;
	background-color: white;
}
#path{
	border-bottom: 1px solid #CCE1F3;
	padding: 0 0 7px 2px;
	margin-bottom: 11px;
	color: #2C73B2;
}
#path strong{
	color: #FF6699;
	font-weight: normal;
}
#text .nadpis{
	padding: 25px 0 5px 7px;
	font-size: 220%;
	line-height: 110%;
	margin: 3px 0;
	color: #E5002B;
	clear: both;
	font-weight: normal;
	font-family: Georgia, serif;
}
#text .nadpis a{
	color: #E5002B;
	text-decoration: none;
}
#text .podnadpis{
	font-size: 220%;
	padding: 0 0 5px 7px;
	margin: 20px 0 0 0;
	color: #E5002B;
	clear: both;
	font-weight: normal;
	font-family: Georgia, serif;
}
#text .content{
	margin: 3px 0 15px 0;
	padding: 3px 7px;
	line-height: 170%;
}
#text .spot{
	background: white 0 100% no-repeat;
	padding-bottom: 35px;
}
* html .content{
	height: 10px;
}
#text .content p{
	margin-bottom: 5px;
}
#text .datum{
	float: left;
	padding-right: 15px;
	color: #999999;
}
#text .ilustrace{
	float: left;
	padding: 0 10px 0 0;
}
#text .ilustrace img, #text .obrazek img, #text img.obrazek{

	border: 4px solid #DBEEFE;
}
#text .spotfoot{
	padding: 3px 0;
	clear: both;
	color: #999999;
}
#text .spotfoot a, #text .spotfoot strong{
	color: #FF6699;
}
#text .spotfoot span{
	padding: 0 5px;
}
#uvod {
	background-color: #F1F7FD;
	color: #2C73B2;
	padding: 7px;
}
#footer {
	width:760px;
	height:15px;
	float: center;
	clear: both;
	text-align: center;
	background: #ffffff;
	margin: 0 0 0 122px;
	padding: 0px 0 20px 0;
}
img {
	border: none;
}
hr {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.vlevo-float{
  float: left;
	margin: 5px 15px 5px 0;
}
.vpravo-float{
  float: right;
	margin: 5px 0 5px 15px;
}
.vpravo{
  text-align: right;
	margin: 5px 0;
	width: 530px;
}
* html .vpravo, * html .vlevo, * html .uprostred, , * html .seznam, * html .table{
	padding-bottom: 20px;
}
.vlevo{
  text-align: left;
	margin: 5px 0;
	width: 530px;
}
.uprostred{
  text-align: center;
	margin: 5px 0;
	width: 530px;
}
.obrazek{
	overflow: auto;
	overflow-y: visible;
}
.table{
	margin: 5px 0;
	width: 530px;
	overflow: auto;
	overflow-y: visible;
}
.clear{
	clear: both;
	height: 1px;
	font-size: 1px;
}
.userarea ul, .userarea ol{
	margin-left: 30px;
}
.userarea font{
  line-height: 110%;
}
.userarea h1, .userarea h2, .userarea h3, .userarea h4, .userarea h5, .userarea h6{
	line-height: 130%;
}
.overflow{
                overflow: hidden;
	width: 100%;
        text-overflow: ellipsis;
}
.userarea .safemargin{
  margin-right: 2px;
}
fieldset{
  border: none;
}
#searchbox fieldset {
  border:none; width:100%;text-align:center;padding: 5px 0;
  margin: 0 0 0 0;
}
#searchbox br{
  display:none;
}
#searchbox #key{
  width:80%;margin: 0 auto 5px auto;
}
#searchbox #sendsearch{
  cursor:pointer;cursor:hand;padding: 2px 5px;
}
}
[pre][/pre]
panther
Profil
Amálka:
Prosím, mohl by mi někdo poradit, v čem může být problém?
místo předchozího příspěvku, kdy jsi sem úspěšně nakopírovala tunu CSS, sem dej odkaz na web. Tobě by se tím kódem chtělo přehrabovat? Mě tedy ne.
Amálka
Profil *
To je sice pravda, ale předem sis měl přečíst alespoň úvodní větu;)
panther
Profil
Amálka:
já jsem ji četl a zároveň ti sděluji, že já nejsem v pozici toho, který radu hledá, nýbrž toho, kdo ti chce pomoci. Tak bys pro to mohla něco udělat, nemyslíš?

Pokud nemáš svou vlastní doménu, můžeš využít nějakého freehostingu (např. wz.cz) alespoň pro tento účel.
Chamurappi
Profil
Reaguji na Amálku:
Kód stylopisu sem kopíruješ celkem zbytečně, protože nevíme, k jakému HTML se váže, a z popisu, že Mozilla „zobrazuje jen text bez obrázků a stylů“, těžko něco vyčmucháme.
Varuji: Neposílej sem dlouhý HTML kód. Buď pošli odkaz na živou ukázku, nebo lokalizuj místo, které prokazatelně způsobuje chybu a pošli úryvek kódu.
Amálka
Profil *
OK, takže je to zde: Odkaz.
Je to sice strašně rozhozené, ale jde mi momentálně opravdu jen o tu Mozzilu. Problémy s posunutím jednotlivých prvků vyřeším jindy.
Chamurappi
Profil
Reaguji na Amálku:
Hezké. Část kódu máš v nějakém klasickém kódování, část v UTF-16LE. Problém, který v Mozille na odkázané stránce vidím (tedy rozsypaný čaj), se vůbec netýká CSS a připadá mi závážnější než to, co popisuješ v úvodním příspěvku.
Amálka
Profil *
Chamurappi:
nevím v čem to je, ale když jsem to zobrazovala offline, tak tam byl alespoň ten text, a v IE se to zobrazovalo tak, jak jsem chtěla:-O

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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