Autor Zpráva
ellhonza
Profil
Ahojte mám tu problém tady http://web874.g6.cz/ jak vidíte mám stránku s ukázkou a do toho tučného nahoře v rámečku potřebuji vložit text. Díky za rady ;)
jenikkozak
Profil
Do čáry text vložit nelze.
Můžeš tam ale vložit nějaký prvek a tomu obarvit pozadí.
Ale do prvku <ul> bys neměl vkládat jiné položky než <li>. Na obalení raději použij univerzální <div>.
ellhonza
Profil
Bylo by možné mě navést ještě víc ? Něco jsem zkoušel, ale dopadlo to špatně. Maximálně jsem měl někde místo toho co je teď nadpis v takových částech černý rámeček s písmem nebyl zarovnaný nahoru apod.. :-/
jenikkozak
Profil
<div id="prave-menu">
<p id="horni_prvek">Horní prvek</p>
<h3>Užitečné odkazy</h3>
 <ul> 
      <li>
       <a href="">Pravítka</a>
      </li>
      <li>
       <a href="">Obchod</a>
      </li>
      <li>
       <a href="">Klávesnice</a>
      </li>
      <li>
        <a href="">O vás</a>
      </li>
      <li>
        <a href="">O nás</a>
      </li>
      <li>
        <a href="">Kontakt</a>
      </li>
  </ul>
</div>
Styl:
#prave-menu {width: 160px; float: right; margin-top: 20px; margin-right: 37px;border: 2px solid gray; text-align:center}
#horni_prvek{background-color:gray;margin:0}
#hlavni-text {width: 700px; float: left}
#paticka {clear: left;}
.partner, #paticka {text-align: center}
ul li {list-style-type: none}
ul {margin: 0;padding: 0}
ellhonza
Profil
<div id="prave-menu">



 <p id="horni_prvek">Užitečné odkazy</p>

     <ul>
      <li>
       <a href="">Pravítka</a>
      </li>
      <li>
    <a href="">Obchod</a>
      </li>
      <li>
       <a href="">Klávesnice</a>
      </li>
      <li>
        <a href="">O vás</a>
      </li>
      <li>
        <a href="">O nás</a>
      </li>
      <li>
        <a href="">Kontakt</a>
      </li>
      </ul>
      
      
     
    <p id="horni_prvek">Kde nás také najdete</p> 

     <ul>
     <li>
     <a href="">Twitter</a>
     </li>
      <li>
     <a href="">Google+</a>
     </li>
      <li>
     <a href="">Facebook</a>
     </li>
      <li>
     <a href="">YouTube</a>
     </li>
     
     
     </ul>
    
    
<p id="horni_prvek">Užitečné odkazy</p>

 <ul> 
      <li>
       <a href="">Pravítka</a>
      </li>
      <li>
       <a href="">Obchod</a>
      </li>
      <li>
       <a href="">Klávesnice</a>
      </li>
      <li>
        <a href="">O vás</a>
      </li>
      <li>
        <a href="">O nás</a>
      </li>
      <li>
        <a href="">Kontakt</a>
      </li>
  </ul>
 


#cela-stranka {width: 960px; margin: 0px auto; 
padding: 10px 10px 10px 10px;}




#prave-menu {width: 160px; float: right; margin-top: 20px; margin-right: 37px;border: 2px solid gray; text-align:center;
}
#horni_prvek{background-color:gray; margin:0;  padding: 3px 3px 3px 3px;}



#nadpisvpravo {text-align: center}

#hlavni-text {width: 700px; float: left;}
#paticka {clear: left;}

.partner, #paticka {text-align: center; }

ul li {list-style-type: none; }


ul {
    margin: 0;
    padding: 0;
}

Tady to mám, ale ty menu jsou nasoukané na sebe nevíš jak mezi nima udělat mezery ?

Díky předem i za toto ;)
jenikkozak
Profil
Mezery udělej vlastností margin.
ellhonza
Profil
A kam to mám přesně dát ? :) (margin-bottom: 50px;)
jenikkozak
Profil
K té položce, která má spodní okraj 50 px mít. Třeba těm seznamům.
ellhonza
Profil
Zkouším to dávat do všeho, ale pořád mezi nimi není mezera :-/
jenikkozak
Profil
#prave-menu ul{margin-bottom:50px}
ellhonza
Profil
Pořád ne jsou jakoby pořád napojený na sebe.

Předtím jsem tam jenom <p></p>, ale to už mi teď nejde.. :-/
MyShare
Profil
ellhonza:
Pořád ne jsou jakoby pořád napojený na sebe.
>
Předtím jsem tam jenom <p></p>, ale to už mi teď nejde.. :-/
Css
#cela-stranka {
    width: 960px;
    margin: 0px auto;
    padding: 10px 10px 10px 10px;
}
#prave-menu {
    width: 160px;
    float: right;
    margin-top: 20px;
    margin-right: 37px;
    border: 2px solid gray;
    text-align:center;
}
#horni_prvek{
    background-color:gray;
    margin:0;
    padding: 3px 3px 3px 3px;
}
#nadpisvpravo {
    text-align: center
}

#hlavni-text {
    width: 700px;
    float: left;
}
#paticka {
    clear: left;
}
.partner, #paticka {
    text-align: center;
}
#prave-menu ul li {
    list-style-type: none;
    padding: 0 0 5px 0;
}
ul {
    margin: 0;
    padding: 0;
}

HTML
<div id="cela-stranka">
<div id="prave-menu">
 <p id="horni_prvek">Užitečné odkazy</p>

     <ul>
      <li>
       <a href="">Pravítka</a>
      </li>
      <li>
    <a href="">Obchod</a>
      </li>
      <li>
       <a href="">Klávesnice</a>
      </li>
      <li>
        <a href="">O vás</a>
      </li>
      <li>
        <a href="">O nás</a>
      </li>
      <li>
        <a href="">Kontakt</a>
      </li>
      </ul>



    <p id="horni_prvek">Kde nás také najdete</p>

     <ul>
     <li>
     <a href="">Twitter</a>
     </li>
      <li>
     <a href="">Google+</a>
     </li>
      <li>
     <a href="">Facebook</a>
     </li>
      <li>
     <a href="">YouTube</a>
     </li>
     </ul>

<p id="horni_prvek">Užitečné odkazy</p>

 <ul>
      <li>
       <a href="">Pravítka</a>
      </li>
      <li>
       <a href="">Obchod</a>
      </li>
      <li>
       <a href="">Klávesnice</a>
      </li>
      <li>
        <a href="">O vás</a>
      </li>
      <li>
        <a href="">O nás</a>
      </li>
      <li>
        <a href="">Kontakt</a>
      </li>
  </ul>
</div>
</div>
ellhonza
Profil
Pořád nic :-/
MyShare
Profil
ellhonza:
Pořád nic :-/
Nerozumiem teda... chceš rozdeliť odkazy medzi <ul></ul> ?
Alebo ? popíš to trochu :)
ellhonza
Profil
Ten první obrázek tak to vypadá teď a já z toho chci udělat to na co odkazuje šipka. Udělat mezi nima mezeru.

http://jpeg.cz/images/2013/05/12/B04Zg.jpg
MyShare
Profil
Ahaaaaa skús toto

#cela-stranka {
    width: 960px;
    margin: 0px auto;
    padding: 10px 10px 10px 10px;
}
#prave-menu {
    width: 160px;
    height: 100%;
    float: right;
    margin-top: 20px;
    margin-right: 37px;
    text-align:center;
}
#horni_prvek{
    background-color:gray;
    margin:0;
    padding: 3px 3px 3px 3px;
}
#nadpisvpravo {
    text-align: center
}

#hlavni-text {
    width: 700px;
    float: left;
}
#paticka {
    clear: left;
}
.partner, #paticka {
    text-align: center;
}
#prave-menu ul li {
    list-style-type: none;
    padding: 0 0 5px 0;
}
ul {
    margin: 0;
    padding: 0;
    border: 1px solid #000;
}
.vrch { padding-top: 0px; }
.stred { padding-top: 5px; }
.spodok { padding-top: 5px; }

<div id="cela-stranka">
<div id="prave-menu">

<div class="vrch">
 <p id="horni_prvek">Užitečné odkazy</p>

     <ul>
      <li>
       <a href="">Pravítka</a>
      </li>
      <li>
    <a href="">Obchod</a>
      </li>
      <li>
       <a href="">Klávesnice</a>
      </li>
      <li>
        <a href="">O vás</a>
      </li>
      <li>
        <a href="">O nás</a>
      </li>
      <li>
        <a href="">Kontakt</a>
      </li>
      </ul>
</div>

<div class="stred">
    <p id="horni_prvek">Kde nás také najdete</p>

     <ul>
     <li>
     <a href="">Twitter</a>
     </li>
      <li>
     <a href="">Google+</a>
     </li>
      <li>
     <a href="">Facebook</a>
     </li>
      <li>
     <a href="">YouTube</a>
     </li>
     </ul>
</div>

<div class="spodok">
<p id="horni_prvek">Užitečné odkazy</p>

 <ul>
      <li>
       <a href="">Pravítka</a>
      </li>
      <li>
       <a href="">Obchod</a>
      </li>
      <li>
       <a href="">Klávesnice</a>
      </li>
      <li>
        <a href="">O vás</a>
      </li>
      <li>
        <a href="">O nás</a>
      </li>
      <li>
        <a href="">Kontakt</a>
      </li>
  </ul>
</div>

</div>
</div>
ellhonza
Profil
Paráda. Moc děkuji ;)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: