NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Stránky sedí pouze v Google chrome

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Jan Štrobl
Člen
Avatar
Jan Štrobl:28.3.2015 10:05

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
28.3.2015 10:05
Avatar
Jan Štrobl
Člen
Avatar
Jan Štrobl:28.3.2015 10:08 
<!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
Tvůrce
Avatar
Odpovídá na Jan Štrobl
Pavel Junek:28.3.2015 10:10

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í
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
28.3.2015 10:10
Avatar
Jan Štrobl
Člen
Avatar
Jan Štrobl:28.3.2015 12:28

Díky moc :-)

 
Nahoru Odpovědět
28.3.2015 12:28
Avatar
Dominik Gavrecký
Tvůrce
Avatar
Odpovídá na Jan Štrobl
Dominik Gavrecký:28.3.2015 12:46

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
Petr Čech
Tvůrce
Avatar
Odpovídá na Dominik Gavrecký
Petr Čech:28.3.2015 15:21

Ale je to špatně :`

Nahoru Odpovědět
28.3.2015 15:21
the cake is a lie
Avatar
Dominik Gavrecký
Tvůrce
Avatar
Odpovídá na Petr Čech
Dominik Gavrecký:28.3.2015 16:27

A na to si prišiel ako ? :D

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
Michal Šmahel
Člen
Avatar
Odpovídá na Dominik Gavrecký
Michal Šmahel:28.3.2015 19:10

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

Nahoru Odpovědět
28.3.2015 19:10
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Dominik Gavrecký
Tvůrce
Avatar
Dominik Gavrecký:28.3.2015 19:14 
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
Tvůrce
Avatar
Honza Bittner:28.3.2015 19:20

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Petr Čech
Tvůrce
Avatar
Odpovídá na Honza Bittner
Petr Čech:29.3.2015 18:28

Díky za osvětlení.

Nahoru Odpovědět
29.3.2015 18:28
the cake is a lie
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.