Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Vložení obrázku do záhlaví

Aktivity
Avatar
Jakub Klindera
Člen
Avatar
Jakub Klindera:12.4.2016 17:53

Ahoj, potřeboval bych poradit ohledně vložení obrázku do záhlaví. Vždy jsem to uměl, nyní mi to nejde. Budu vděčný za jakoukoli pomoc :)

HTML kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link rel="stylesheet" href="style.css"/>
  <title>Game-Team</title>
  </head>
  <body>
  <header>
  <div class="zahlavi">
  <nav>
  <ul>
  <li><a href="index.html">Domů</a></li>
  <li><a href="#">Fórum</a></li>
  <li><a href="#">Servery</a></li>
  <li><a href="#">Banlist</a></li>
  <li><a href="#">TeamSpeak</a></li>
  <li><a href="#">HLSTATS</a></li>

  </ul>
  </div>
  </nav>
  </header>

  </body>
</html>

CSS kód:

header .zahlavi
{
background: url('images/menu.png');
}
.zahlavi nav
{
text-decoration: none;
background: url('images/menu.png');
}

.zahlavi ul
{
background: url('images/menu.png');
}

.zahlavi nav ul li
{
top: 0px;
float: left;
text-align: center;
font-size: 24px;
text-decoration: none;
list-style-type: none;
margin: 0px 10px;
padding: 0px 5px;

}

.zahlavi nav ul li a
{
text-decoration: none;
color: gray;
}

.zahlavi nav ul li a:hover
{
text-decoration: none;
color: black;
}
 
Odpovědět
12.4.2016 17:53
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Jakub Klindera
Neaktivní uživatel:12.4.2016 18:50

Div a nav mají prohozené ukončovací tagy

Nahoru Odpovědět
12.4.2016 18:50
Neaktivní uživatelský účet
Avatar
Jakub Klindera
Člen
Avatar
Jakub Klindera:12.4.2016 18:59

Děkuji, ale v tomto problém nebyl. Stále se obrázek v menu nezobrazí. V mém předešlém příspěvku jsem nezmínil, že ten obrázek má být v navigaci po celé ploše toho menu.

 
Nahoru Odpovědět
12.4.2016 18:59
Avatar
Jakub Klindera
Člen
Avatar
Jakub Klindera:13.4.2016 8:15

Už jsem na to přišel. Stačilo do CSS kódu v headeru připsat

width: 100%;
Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
13.4.2016 8:15
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 4 zpráv z 4.