Vysvietit pozadie po prejdeni myskou

Red_Scorpion · Napísal **Red_Scorpion**: 29.03.2009 3:27

Caute,

Mam taky delikatny problemik. Chcem sa opytat videl som to us na vela weboch ale neviem ako na to. Ide o to ze potrebujem v CSS spravit vecicku ktora mi po prejdeni myskou po danom dive "vysvieti" pozadie /ale pozor neni to link je to len pozadie pod textom/.

Dakujem za pomoc

don jebot · Napísal **don jebot**: 29.03.2009 6:06

skusk prestudovat toto
http://www.mandarindesign.com/opacity.html

Flety · Napísal **Flety**: 29.03.2009 11:04

Upozorňujem, že to nepôjde v IE, ten to podporuje len v prípade elementu <a ... > existuje na to ale htc fix, skús pohľadať na googli.

don jebot · Napísal **don jebot**: 29.03.2009 11:15

nepojde to iba v IE 6! Ie7 a vyssie ide !

Ďuri · Napísal **Ďuri**: 29.03.2009 11:28

V IE sa to tiez da simulovat pomocou filter.

don jebot · Napísal **don jebot**: 29.03.2009 12:27

my sme s flatym ozoberali hover a nie transparenciu ...

pa3ck · Napísal **pa3ck**: 29.03.2009 14:12

tiez som prave vcera toto riesil

a som sa cudoval preco mi nejde v IE

Ale vyriesil som to hackom

Do toho divu v html dokumente som pridal:

Kód:

<!--[if IE]>
<img src="zakl.obr" onmouseover="this.src='hover.obr'" onmouseout="this.src='zakl.obr'">
<![endif]-->

1daemon1 · Napísal **1daemon1**: 14.04.2009 14:32

mas na mysli toto ?

Kód:

a:hover { color:#c0b184; text-decoration:none; background-color: #858585;}

color- ti urci farbu textu
text-decoration:none - nebdue sa ti podciarkovat
background-color - nastavis si aku farbu pozadia xes mat po prilozeni

potom si tam mozes dat este linka visited. ale link ktory xes aby mal pod sebou ine poyadie po prilozeni mu musis v css udat parametre

pilná lama glama · Napísal **pilná lama glama**: 14.06.2009 19:09

mam nieco taketo

Kód:

<td class="<?php if ($str == 'Úvod') {echo 'ButtonsTD2';} else {echo 'ButtonsTD1';}?>"><a href="index.php?str=Úvod">Úvod</a></td>

css

Kód:

.ButtonsTD2 {
   background-color:#CCCCCC;
   cursor: help;
   vertical-align: top;
   }

.ButtonsTD2:hover {
   background-image: url(img/menu/bckg1.gif);
   background-repeat: repeat-x;
   }
   
.ButtonsTD1 {
   background-color:#CCCCCC;
   cursor: pointer;
   vertical-align: top;
   
   }
   
.ButtonsTD1:hover {
   background-image: url(img/menu/bckg2.gif);
   background-repeat: repeat-x;
   }

lenze by som potreboval aby cely blok reagoval na click a nie len text/odkaz/
ako na to pls?
dik :roll:

EDIT

este dodavam ze tie polia nemaju pevnu sirku

Ďuri · Napísal **Ďuri**: 14.06.2009 19:21

Bude treba JS:

Kód:

<script>
window.onload = function()
{
   var bunkytabulky = document.getElementById('tejbl').getElementsByTagName('TD');
   for (i = 0, size = bunkytabulky.length; i < size; i++)
   {
      bunkytabulky[i].style.cursor = 'pointer';
      bunkytabulky[i].onclick = function()
      {
         document.location = this.childNodes[0].href;
      };
   };
};
</script>

Pricom 'tejbl' je ID tabulky, kde mas tie <td> s odkazmi. Nezabudaj, ze medzi otvaracimi znackami <td> a <a> nesmie byt nic, ani len medzera, inak to fungovat nebude.

pilná lama glama · Napísal **pilná lama glama**: 14.06.2009 19:37

funguje perfektne

dakujem

myslim ze by sa mal hodit medzi casto ziadane skripty alebo tak

Vysvietit pozadie po prejdeni myskou

Podobné témy