[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
    4373
    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
    7480
    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
    4341
    od zuzana3 Zobrazit poslední příspěvek
    26 bře 2025 09:48
  • MEZERA NA WEBU Příloha(y)
    od webovynadsenec » 08 srp 2024 00:22 » v Programování a tvorba webu
    2
    6037
    od HelFix Zobrazit poslední příspěvek
    09 srp 2024 10:15
  • Index webu Příloha(y)
    od Tondaaaa » 18 srp 2024 00:15 » v Web-tipy a vaše weby
    5
    11917
    od HelFix Zobrazit poslední příspěvek
    28 srp 2024 12:14

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 6 hostů