[Tvorba webu] - Průhledný obrázek na pozadí Vyřešeno

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

[Tvorba webu] - Průhledný obrázek na pozadí

Příspěvekod Stene » 06 lis 2010 17:29

Ahoj, vytvářím menu s průhledným obrázkem. Ale když to nastavím takto, tak se ten prohledný obrázek zobrazí jenom pod textem, ale já chci, aby se zobrazil přes celý řádek. Jak to tedy dát dohromady?


.glossymenu {
list-style-type : none;
padding: 0;
}
.glossymenu li{
border-top: 2px solid white;
background: url(../images/levy_odkaz.gif) no-repeat 0 8px;
padding-top: 7px;
padding-bottom: 7px;
}
.glossymenu li.s{
border-bottom: 2px solid white;
background: url(../images/levy_odkaz.gif) no-repeat 0 8px;
padding-top: 7px;
padding-bottom: 7px;
}
a.leve_menu {
text-decoration : none;
color : white;
font-weight : bolder;
font-size : 13px;
padding: 0px 0px 0px 25px;
}
a.leve_menu:hover {
background: url(../images/m_p.png) ; /***Průhledný img**/
text-decoration: underline;
color : white;
font-weight : bolder;
font-size : 13px;
padding: 0px 0px 0px 25px;
}

<ul class="glossymenu">
<li><a href="#" class="leve_menu">text</a></li>
<li><a href="#" class="leve_menu">text</a></li>
<li><a href="#" class="leve_menu">text</a></li>
<li><a href="#" class="leve_menu">text</a></li>
<li><a href="#" class="leve_menu">text</a></li>
<li class="s"><a href="#" class="leve_menu">text</a></li>
</ul>

Reklama
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: [Tvorba webu] - Průhledný obrázek na pozadí

Příspěvekod CZechBoY » 06 lis 2010 18:07

pošli stránku kde to máš umístěný, průhledný obrázek je úplně stejný jako normální obrázek, akorát místo pozadí má "nic"
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: [Tvorba webu] - Průhledný obrázek na pozadí

Příspěvekod Stene » 06 lis 2010 18:57


Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: [Tvorba webu] - Průhledný obrázek na pozadí

Příspěvekod CZechBoY » 06 lis 2010 19:50

to bude otázka nějakýho width nebo něčeho takovýho, na to obrázek nemá vliv, klasické pozadí, zkus tma dát třeba černou barvu místo obrázku, mělo by to být stejné

nebo můžeš dát obrázek pro

Kód: Vybrat vše

div#main div#head div#text div#l_div ul.glossymenu li{background: url('ncjrnvj')}
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: [Tvorba webu] - Průhledný obrázek na pozadí

Příspěvekod Stene » 07 lis 2010 09:18

Dyt tam je nastavený pozadí, při hover.. Ale já chi aby bylo pozadí celého řádku, nikoly vyznačení textu, viz. odkaz.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: [Tvorba webu] - Průhledný obrázek na pozadí

Příspěvekod CZechBoY » 07 lis 2010 21:19

však tomu nastav šířku 100% nebo dej hover u toho li
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: [Tvorba webu] - Průhledný obrázek na pozadí  Vyřešeno

Příspěvekod Stene » 08 lis 2010 09:51

To nejde! Nastavit mu šířku, protože neměl nastavený display:block..
Teď už ej to v pořádku.


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Tvorba webu/aplikací
    od matty » 09 lis 2024 13:41 » v Programování a tvorba webu
    6
    4699
    od domitea Zobrazit poslední příspěvek
    14 lis 2024 19:51
  • Hra ve Scratch - tvorba Příloha(y)
    od zuzana3 » 27 bře 2025 09:44 » v Hry
    9
    7978
    od zuzana3 Zobrazit poslední příspěvek
    10 dub 2025 12:57
  • Hra ve Scratch - tvorba
    od zuzana3 » 21 bře 2025 07:45 » v Hry
    5
    4731
    od zuzana3 Zobrazit poslední příspěvek
    26 bře 2025 09:48
  • Index webu Příloha(y)
    od Tondaaaa » 18 srp 2024 00:15 » v Web-tipy a vaše weby
    5
    12238
    od HelFix Zobrazit poslední příspěvek
    28 srp 2024 12:14
  • Jak stáhnout celý tento návod z webu?
    od Peťa » 15 srp 2024 16:24 » v Internet a internetové prohlížeče
    6
    6356
    od Peťa Zobrazit poslední příspěvek
    16 srp 2024 08:52

Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 1 host