Avatar
Majkl
Člen
Avatar
Majkl:

Č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> misa.kuc1@seznam.cz <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
Odpovídá na Majkl
Michal Šmahel (ceskyDJ):

<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> misa.kuc1@seznam.cz <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
Odpovídá na Majkl
Michal Šmahel (ceskyDJ):

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
Odpovídá na Majkl
Michal Šmahel (ceskyDJ):

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
Fredep
Redaktor
Avatar
Odpovídá na Majkl
Fredep:

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í
+1 bodů
Řešení problému
Nahoru Odpovědět  +1 22.2.2015 19:05
Týmová práce je důležitá proto, aby bylo možno obvinit z neúspěchu někoho jiného.
Avatar
Majkl
Člen
Avatar
Majkl:

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 Majkl
Tomáš123:

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.