Autor Zpráva
BlueX
Profil
Nazdar mám takýto problém : Našiel som vysúvacie menu a chcel som namiesto textu dať obrázky
a vyšlo to asi takto :

Ak si všimnete napr. to prvé District menu je preťaté.
Ukážka ako vyzerá to District menu orig.

Kód ( Celý Rar download :http://leteckaposta.cz/810387364 ) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">;
  <title></title>
  </head>
  <body>
  <style>
   * { border:0px solid #cccccc; margin:0; padding:0; color:#444444; font-weight:bold; }

ul#menu a {  display:block; }
ul#menu {  list-style-type:none; }
ul#menu li { display:block; float:left; width:127;}
ul#menu li a {  font-size: 14;padding:0.25em 1em 0.25em 1em; border:0px solid #cccccc;  text-decoration:none;background-image: URL('images/cervena.jpg')}
ul#menu li a:hover { border:0px solid #cccccc; background-image: URL('images/zlta.jpg'); }
ul#menu li ul {  display:none; }
ul#menu li ul li {  display:block; float:none; border:0px solid #cccccc; }
ul#menu li ul li a { height: 18; width:127; border:0;}
ul#menu li ul li a:hover { color:#ffffff; }
li { behavior:url('hover.htc'); }
ul#menu li:hover ul, ul#menu li.hover ul { display:block; position:absolute; } 
</style>

<ul id='menu'>
  <li><a href="" style="height: 18;width: 127; background-image: URL('images/menu_1.PNG')"></a>
    <ul>
      <li><a href=''>Keci</a></li>     
      <li><a href=''>Keci</a></li>
    </ul>
  </li>
  <li><a href=''style="height: 18;width: 127; background-image: URL('images/menu_2.PNG')"></a>
    <ul>
      <li><a href=''>Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>A Zasa Keci</a></li>
      <li><a href=''>Furt Keci</a></li>
    </ul>
  </li>
  <li><a href=''style="height: 18;width: 127; background-image: URL('images/menu_3.PNG')"></a>
    <ul>
      <li><a href=''>Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>A Zasa Keci</a></li>
      <li><a href=''>Furt Keci</a></li>
    </ul>
  </li>
  <li><a href=''style="height: 18;width: 127; background-image: URL('images/menu_4.PNG')"></a>
    <ul>
      <li><a href=''>Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>A Zasa Keci</a></li>
      <li><a href=''>Furt Keci</a></li>
    </ul>
  </li>
    <li><a href=''style="height: 18;width: 127; background-image: URL('images/menu_5.PNG')"></a>
    <ul>
      <li><a href=''>Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>A Zasa Keci</a></li>
      <li><a href=''>Furt Keci</a></li>
    </ul>
  </li>
  <li><a href=''style="height: 18;width: 127; background-image: URL('images/menu_6.PNG')"></a>
    <ul>
      <li><a href=''>Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>A Zasa Keci</a></li>
      <li><a href=''>Furt Keci</a></li>
    </ul>
  </li>
  <li><a href=''style="height: 18;width: 127; background-image: URL('images/menu_7.PNG')"></a>
    <ul>
      <li><a href=''>Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>Zasa Keci</a></li>
      <li><a href=''>A Zasa Keci</a></li>
      <li><a href=''>Furt Keci</a></li>
    </ul>
  </li>
 
</ul>
  </body>
</html>

Pomôžete mi takto : Ak to niekto dokáže opraviť nech to uploadne niekam a hodí sem link na download.
Vo pred ďakujem
panther
Profil
BlueX:
Pomôžete mi takto :
je fajn, že si řekneš, jak ti máme pomoci.

Co kdyby místo odkazu na zdrojové soubory web někam nahrál, abych to nemusel dělat já? Nějaká letecká pošta mě odrazuje, takže...
Joker
Profil
BlueX:
Ak si všimnete napr. to prvé District menu je preťaté.
No jasně, protože položka menu má šířku 127 a ten obrázek má šířku 144.

Poznámka ke kódu:
- Všechny položky mají některé styly stejné, proč jim raději nedáte CSS třídy?
- Chudáci prohlížející s vypnutými obrázky (například já na mobilu nebo vyhledávače), místo hlavních položek uvidí jenom obdélníčky.

Pár rad pro příští dotazy:
- Zkuste ten obrázek oříznout jen na podstatnou část. Daleko lépe by se porovnávalo, kde je vlastně problém, kdybych měl správný a skutečný obrázek z menu blízko u sebe a ne mezi nimi obrovskou (a zbytečnou) bílou plochu.
- „Celý Rar download“ - Ále notak. Snad není takový problém nám tu stránku přímo nahrát na web. Každý bude muset klikat, stahovat, rozbalovat, zase klikat, prohlížet a potom mazat jenom kvůli tomu, že Vám chce poradit? Většinu potenciálních pomocníků tím odradíte.
- „Ak to niekto dokáže opraviť nech to uploadne niekam a hodí sem link na download.“ - Většinu pomáhajících nebude bavit upravovat celý kód. Poradíme jak vyřešit problém a zbytek práce už si pak uděláte.
BlueX
Profil
Ok budem sa snažiť to nabudúce nespraviť

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: