Autor Zpráva
ellhonza
Profil
#1 · Zasláno: 12. 5. 2013, 13:29:29
Odpovědět Citovat
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
#2 · Zasláno: 12. 5. 2013, 13:43:18
Odpovědět Citovat
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
#3 · Zasláno: 12. 5. 2013, 14:04:22
Odpovědět Citovat
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
#4 · Zasláno: 12. 5. 2013, 14:34:01 · Upravil/a: jenikkozak o okamžik později
Odpovědět Citovat 
<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
#5 · Zasláno: 12. 5. 2013, 15:37:42
Odpovědět Citovat 
<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
#6 · Zasláno: 12. 5. 2013, 17:19:27
Odpovědět Citovat
Mezery udělej vlastností margin.
ellhonza
Profil
#7 · Zasláno: 12. 5. 2013, 17:27:30
Odpovědět Citovat
A kam to mám přesně dát ? :) (margin-bottom: 50px;)
jenikkozak
Profil
#8 · Zasláno: 12. 5. 2013, 17:36:07
Odpovědět Citovat
K té položce, která má spodní okraj 50 px mít. Třeba těm seznamům.
ellhonza
Profil
#9 · Zasláno: 12. 5. 2013, 17:40:20
Odpovědět Citovat
Zkouším to dávat do všeho, ale pořád mezi nimi není mezera :-/
jenikkozak
Profil
#10 · Zasláno: 12. 5. 2013, 17:42:06
Odpovědět Citovat 
#prave-menu ul{margin-bottom:50px}
ellhonza
Profil
#11 · Zasláno: 12. 5. 2013, 17:43:39
Odpovědět Citovat
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
#12 · Zasláno: 12. 5. 2013, 18:24:28
Odpovědět Citovat
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
#13 · Zasláno: 12. 5. 2013, 18:31:38
Odpovědět Citovat
Pořád nic :-/
MyShare
Profil
#14 · Zasláno: 12. 5. 2013, 18:34:05
Odpovědět Citovat
ellhonza:
„Pořád nic :-/“
Nerozumiem teda... chceš rozdeliť odkazy medzi <ul></ul> ?
Alebo ? popíš to trochu :)
ellhonza
Profil
#15 · Zasláno: 12. 5. 2013, 18:50:12
Odpovědět Citovat
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
#16 · Zasláno: 12. 5. 2013, 19:09:38
Odpovědět Citovat
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
#17 · Zasláno: 12. 5. 2013, 19:40:09
Odpovědět Citovat
Paráda. Moc děkuji ;)
Časová prodleva: 12 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0