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.
Avatar
Michal Kučera
Člen
Avatar
Michal Kučera:22.2.2015 18:20

Čau lidi, snažím se udělat si stránku, jenže se mi jaksik nedaří udělat <nav> podle mých přenstav

#contact{
  margin: 3px;
  padding: 4px;
  border: 1px solid;
  display: none;
  width: 160px;
  height: 55px;
  box-shadow: 3px 3px 1px;
  background: white;
  font-family: Georgia;
}

#contac:hover  #contact {
  display:block  ;
}

.bvpravo:hover #contact {
  display: block;
}
h1{
color: blue;

}

#vpravo{
position: absolute;
top: 5px;
text-align: right;
font-family: Verdana;
}

.bvpravo{box-align: right;top: 42px;right: 5px;position: absolute;}

#menu {
    height: 41px;
    background-color: rgb(35,31,32);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    font-family: Arial;
 }

 #menu p strong{
    color: white;
    top: 10px;
    left: 20px;
    position: fixed;
 }

 #menu strong{
    color: white;
    top: 10px;
    right: 10px;
    position: fixed;
    text-decoration: none;
 }

#menu strong a{
  color: #4169E1;
}
nav ul{
 list-style-type: none
 margin: 0px;
 }

nav a{
 color: #FDF5E6;
 text-decoration: none;
 }

nav ul li{
 text-align:center ;
 height:41px;
 width: 70px;
 float: center;
 position: fixed;
 }
<!DOCTYPE html>
<html lang="cs_cz">
<head>
   <meta charset="utf-8"/>
  <title>HOVER</title>
  <link rel="stylesheet" type="text/css" href="styl.css">
<head>
<header>
    <nav>
      <ul>
          <li><a href="hover.html"><strong>Úvod</strong></a></li>
          <li><a href="odkazy.html"><strong>Odkazy</strong></a></li>
          <li><a href="chat.html"><strong>Chat</strong></a></li>
      </ul>
    </nav>
</header>
<body background="koala.jpg" bgproperties="fixed">

    <div id=menu>
      <p><strong>Michal Kučera</strong></p>

      <div id=contac>
        <div id=vpravo><strong>Kontakt</strong></div>


      <div class=bvpravo id=contact>
          Michal Kučera <br> 607 554 491<br> [email protected] <br>
      </div>
      </div>
      </div>
</body>
</html>

Evidentně něco dělám totálně blbě, moc děkuji za zpětnou vazbu

Odpovědět
22.2.2015 18:20
Lidé jsou jako stromy, když do nich sekáš sekerou, umřou.
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Michal Kučera
Michal Šmahel:22.2.2015 18:27

<header> musí být v body:

<!DOCTYPE html>
 <html lang="cs_cz">
 <head>
    <meta charset="utf-8"/>
   <title>HOVER</title>
   <link rel="stylesheet" type="text/css" href="styl.css">
 <head>

 <body background="koala.jpg" bgproperties="fixed">

 <header>
     <nav>
       <ul>
           <li><a href="hover.html"><strong>Úvod</strong></a></li>
           <li><a href="odkazy.html"><strong>Odkazy</strong></a></li>
           <li><a href="chat.html"><strong>Chat</strong></a></li>
       </ul>
     </nav>
 </header>

     <div id=menu>
       <p><strong>Michal Kučera</strong></p>

       <div id=contac>
         <div id=vpravo><strong>Kontakt</strong></div>


       <div class=bvpravo id=contact>
           Michal Kučera <br> 607 554 491<br> [email protected] <br>
       </div>
       </div>
       </div>
 </body>
 </html>
Nahoru Odpovědět
22.2.2015 18:27
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Michal Kučera
Michal Šmahel:22.2.2015 18:30

A chtělo by to používat i ostatní HTML5 tagy. Pozadí si nastav v CSS

body {
  background: url(koala.jpg) fixed;
}
Nahoru Odpovědět
22.2.2015 18:30
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Michal Kučera
Michal Šmahel:22.2.2015 18:31

Pokud ještě něco, napiš prosím co přesně.

Nahoru Odpovědět
22.2.2015 18:31
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Michal Kučera
Neaktivní uživatel:22.2.2015 19:05

Co jsou tvé představy? To tvoje #menu je uchyceno nahoře a proto překrývá část stránky, kde se nachází <nav>. Opravíš to pomocí

body {
  margin-top: 41px;
}

Pokud bys chtěl udělat nějaké to menu, musíš to <nav> přesunout do #menu a pohrát si s tím. Jinak na 7. řádku bys měl mít uzavírací tag </head>... Ale přesně nevím, co potřebuješ, zkus to nějak lépe popsat...

Editováno 22.2.2015 19:06
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
22.2.2015 19:05
Neaktivní uživatelský účet
Avatar
Michal Kučera
Člen
Avatar
Michal Kučera:23.2.2015 17:24

Nav bych chtěl vedle sebe
Úvod Odkazy ... atd.

Nahoru Odpovědět
23.2.2015 17:24
Lidé jsou jako stromy, když do nich sekáš sekerou, umřou.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Michal Kučera
Tomáš123:28.2.2015 20:45

V poslednom selektore zmeň float: center (hodnota center pri tejto vlastnosti neexistuje) na float: left alebo celé obtekanie (float) vymaž a použi display: inline.

Nahoru Odpovědět
28.2.2015 20:45
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
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 7 zpráv z 7.