Diskuze: Stránky sedí pouze v Google chrome

HTML a CSS HTML a CSS Stránky sedí pouze v Google chrome American English version English version

Avatar
TEX
Člen
Avatar
TEX:

Zdravím, Vytvářel jsem stránky a najednou jsem zjistil že se mi zobrazují pouze v Chromu. V mozzile a v IE to vypadá jako by to vůbec nepřečetlo CSS. Nemůžu přijít na to v čem to je. Možná mám špatný některý příkaz. Přidávám odkaz na samotné stránky.
http://testovaniwebu.mablog.eu/

Editováno 28.3.2015 10:07
 
Odpovědět  +1 28.3.2015 10:05
Avatar
TEX
Člen
Avatar
TEX:
<!DOCTYPE html>
<html lang='cs'>
  <head>
    <title>32. Fire support Unit</title>
    <meta charset='utf-8'>
    <link href="style.css" rel="stylesheet" type="css/text" >
    <link href='icon.jpg' rel='shortcut icon' type='image/png' >
  </head>
  <body>
  <div class="main">
  <header>
  <img src="header.jpg" alt="header.jpg, 97kB" title="header" height="214" width="1100">
  </header>
  <nav>
  <ul>
  <li><a href="index.html">Home</a></li>
  <li><a href="about.html">O nás</a></li>
  <li><a href="index.html">Členové</a></li>
  <li><a href="nabor.html">Nábor</a></li>
  <li><a href="index.html">Akce</a></li>
  <li><a href="index.html">Galerie</a></li>
  <li><a href="index.html">Kontakt</a></li>
  </ul>
  </nav>
  <section>
  <article>
  <h1 >Vítejte na našich stránkách!</h1>
  <span class="art">
  Jsme airsoftový tým z Českých Budějovic. Nenapodobujeme žádnou konkrétní jednotku, pouze se necháváme
  inspirovat USMC ve směru výstroje.
  </span>

  </article>

  <article class="dva" >
   <img src="position.jpg" alt="32nd" title="Speciální póza." height="400" width="600">


  </article>


  </section >



  </div>
   <footer>
   <p>Vytvořil &copy;John | 32nd Fire Support Unit | 2015 </p>
  </footer>
  </body>
</html>

/* CSS Document */
body
{
        background-color: black;
}

.main
{
        width: 1100px;
        height: 1400px;
        background-color: black;
        margin: 0px auto;
}

nav ul
{
        padding-left: 125px;
        position: static;
        margin: 0px;
        list-style-type: none;
}

nav ul li
{
        float: left;
        padding: 0px 25px;
        margin: 0 5px;
        font-size: 20px;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        background-color: Red;
        border-radius: 5px;

}

nav a
{
        color: White;
        text-decoration: none;
}

nav ul li:hover, .aktivni
{
        background: red;
        box-shadow: 5px 5px 5px  gray;

}

footer
{
background-color: Red;
color: White;
font-weight: Bold;
font-size: 25px;
text-align: center;
text-shadow: 3px 3px 4px black;
}

h1 {color: RED; font-size: 30px;}
h2 {color: RED; font-size: 25px; font-weight: bold; font-style: italic; }
.art
{
word-wrap: normal;
color: red;
font-size: 23px;


}

section
{
position:static;
margin-top: 10px;
float: left;}

.dva
{
margin-top: 20px;
float: right;
}

.tri
{
margin-top: 20px;
text-align: center;}

.bor
{
color: red;
list-style: square url();
font-size: 25px;
}
Editováno 28.3.2015 10:09
 
Nahoru Odpovědět 28.3.2015 10:08
Avatar
Pavel Junek
Redaktor
Avatar
Odpovídá na TEX
Pavel Junek:

Ahoj,
máš chybu v importování stylů. Správně je

<link href="style.css" rel="stylesheet" type="text/css" >
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět  +3 28.3.2015 10:10
Avatar
TEX
Člen
Avatar
TEX:

Díky moc :-)

 
Nahoru Odpovědět  +1 28.3.2015 12:28
Avatar
Odpovídá na TEX
Dominik Gavrecký:

Tak isto môžeš použiť tento tvar.

<link rel="stylesheet" href="main.css">
Nahoru Odpovědět 28.3.2015 12:46
Hlupák nie je ten kto niečo nevie, hlupákom sa stávaš v momente keď sa na to bojíš opýtať.
Avatar
Nahoru Odpovědět  -2 28.3.2015 15:21
Why so serious? -Joker
Avatar
Nahoru Odpovědět 28.3.2015 16:27
Hlupák nie je ten kto niečo nevie, hlupákom sa stávaš v momente keď sa na to bojíš opýtať.
Avatar
Odpovídá na Dominik Gavrecký
Michal Šmahel (ceskyDJ):

Mělo by se tam psát vše pro dobro prohlížeče, ale být to tam nemusí. Stačí tam rel="stylesheet" a odkaz na soubor. Nějaké zdroje uvádí nutnost typu, může to mít od nich.
I pro: Petr Čech (czubehead)

Nahoru Odpovědět  ±0 28.3.2015 19:10
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Dominik Gavrecký:
rel="stylesheet"

Je to v podstate jedno ale rel určuje už o aký dokument pôjde. A css nemôže mať iný typ súbora ako .css takže nemusíš určovať type.

Ako hovorím je to v podstate jedno ale skús si o tom násjť nejake články kde väčšinov píšu že je to kontraproduktívne a zbytočné.

Nahoru Odpovědět 28.3.2015 19:14
Hlupák nie je ten kto niečo nevie, hlupákom sa stávaš v momente keď sa na to bojíš opýtať.
Avatar
Honza Bittner
Redaktor
Avatar
Honza Bittner:

Atribut **type **v linku, tzn.

type="text/css"

se opravdu psát nemusí, jelikož je to jeho výchozí hodnota.

To samé platí aj pro javascriptovou obdobu.

Každopádně proč to tam nutně nepsat - nic tím zkazit nemůžeš -, žejo... :)

Nahoru Odpovědět 28.3.2015 19:20
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Nahoru Odpovědět 29.3.2015 18:28
Why so serious? -Joker
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 11 zpráv z 11.