Autor Zpráva
kikinet
Profil
Zdravím,
nenašla jsem, nebo možná nevím jak najít, řešení překrytí více prvků obrázkem. Prakticky jde o menu odkazy, které jsou po najetí myší překryté jednoduchým malým obrázkem. Obrázek celý má ale na šířku víc než je šířka odkazů a já potřebuju, aby se zobrazovalo i to, co přesahuje odkaz. Zkoušela jsem overflow, možná špatně. A padding zvětšit nemůžu, jelikož by se položky nevlezly do samotné lišty menu. Pro ukázku ještě styl:

      div#menu li {
    text-decoration: none;
    display: inline;
    text-align: center;
    padding: 30px 3%;
}
      div#menu a {
      color: white;
    text-decoration: none;
    font-size: 15px;
    overflow: visible;
    text-align: center;
}
      div#menu li a:active, div#menu li a:hover {
    background-image: url(menuact.png);
    background-repeat: no-repeat;
    background-position: center center;
}

A takhle vypadají odkazy v kódu:
<li><a href="index.php?page=main">HOME</a></li>
majja01
Profil
kikinet:
zkus background-size nevím přesně co chceš...
Bubák
Profil
kikinet:
já potřebuju, aby se zobrazovalo i to, co přesahuje odkaz.
A to je co? Zkus upřesnit. Též by mi by pomohlo, kdybych zmíněný obrázek viděl, případně můžečš odkázat i na malůvku, jak má menu vypadat.

padding zvětšit nemůžu
Co můžeš? Pokud vím, tak možnosti jsou dvě, deklarovat šířku, nebo padding.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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