Autor Zpráva
NewHope
Profil
Vyřešil jsem to podle svého...

    <div class="menu-left">
     <div class="under-menu1">
      <a href="#Pejsci">
       <span class="span1">O pejscích</span>
      </a>     
     </div>
     <div class="under-menu2">
      <a href="#kocicky">
       <span class="span2">O kočičkách</span>
      </a>     
     </div>
    </div>
    <div class="menu-right">
     <div class="under-menu3">
      <a href="#krecici">
       <span class="span3">O křečcích</span>
      </a>     
     </div>
     <div class="under-menu4">
      <a href="#hadi">
       <span class="span4">O hadech</span>
      </a>     
     </div>    
    </div>

a v css:

.menu-left {
      float: left;
      width: 512px;
      border-top:  1px solid #000;
       border-bottom:  1px solid #000;
      text-align: center;
       overflow: hidden;     
    }
.menu-right {
      float: right;
      width: 512px;
       border-top:  1px solid #000;
       border-bottom:  1px solid #000;
       text-align: center;
      overflow: hidden;      
    }
.under-menu1{
      float: left;
      width: 256px;
      height: 40px;
      overflow: hidden;      
    }
.under-menu2 {
      float: right;
      width: 256px;
      height: 40px;
      overflow: hidden;     
    } 
.under-menu3{
      float: left;
      width: 256px;
            height: 40px;
       overflow: hidden;          
    }
.under-menu4 {
      float: right;
      width: 256px;
       height: 40px;
        overflow: hidden;    
    }     
.span1 {
        position: relative;
        top: 5px;
        }
.span2 {
        position: relative;
        top: 5px;    
        }
.span3 {
        position: relative;
        top: 5px;        
        }
.span4 {
        position: relative;
        top: 5px;     
        }
Batrachus
Profil
Od pohledu bych řekl, že problém je v opačné orientaci floatů (dejte všechny left nebo všechny right). Máte nějakou živou ukázku?
NewHope
Profil
Batrachus:
Už to mám, viz. edit
habendorf
Profil
A co chceš kde centrovat? Jinak je to teda napsaný naprosto úděsně.
NewHope
Profil
habendorf:
Už to mám, jak je to napsaný je jedno, hlavně, že to funguje všude dobře
jenikkozak
Profil
NewHope:
Ukážeš nám výsledek?
NewHope
Profil
jenikkozak:
až to budu mít všechno hotové
habendorf
Profil
NewHope:
jak je to napsaný je jedno, hlavně, že to funguje všude dobře

Hm, zvláštní přístup, ale budiž.
Formen
Profil *
Jen takovy dost ddobre nechapu proc nemas v
HTML
<span class="span">O pejscích</span>
      .
      .
      .
<span class="span">O kočičkách</span>
      .
      .
      .
<span class="span">O křečcích</span>
      .
      .
      .
<span class="span">O hadech</span>

A v CSS

.span {
position: relative;
top: 5px;
}
habendorf
Profil
Formen:
Z toho si nic nedělej, já zas nechápu, proč tam ty spany vůbec cpe, když by stačil třeba padding-top pro odkazy. Ale beru to tak, že velkejm profíkům prostě rozumět nemůžu ;o)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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