Diskuze: HTML noob :D

Aktivity

Michal Kučera

Člen

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.

Michal Šmahel

Člen

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.

Michal Šmahel

Člen

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.

Michal Šmahel

Člen

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.

Neaktivní uživatel

Tvůrce

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č

Nahoru Odpovědět

22.2.2015 19:05

Neaktivní uživatelský účet

Michal Kučera

Člen

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.

Tomáš123

Člen

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.