IE nedokaze dedit farbu !?

dalaman0

Věrný člen

10. 12. 2007 #1

Mam problem s vlastnostou color:inherit v IE7.

Mam stranku s takymto divom:

     <div  id="menu2text">

        		<a href="#">Subitem 0</a>

			<a href="#">Subitem 1</a>

       </div>

a potom styl divu a odkazu:

#menu2text

{

	background-color:#584848;

	color:#FFFFFF;

	margin: 0 auto;

	padding-top:3px;

	text-align:center;

	height:26px;

	width:920px;

	position:relative;

}



#menu2text a

{

	font: normal 11px verdana, arial, sans-serif;

	color:inherit;

	text-decoration: none;

	padding: 0px 4px;

	height:23px;

}



#menu2text a:hover

{

	text-decoration:underline;

}

A ja chcem aby sa menila color odkazu hned ako sa zmeni color v nadradenom dive. V FF a opere to bezi bezproblemov.

Nahlásit jako SPAM

IP: 147.175.185.–

Lepšie je mať psa na saláme ako salámu pod psom !!!

DraXík 0

Newbie

10. 12. 2007 #2

To dalaman : Odkaz by ani teoreticky neměl dědit vlastnosti po nadřazeném prvku. Barvu inherit neznám, ale zřejmě nemá platnou hodnotu pro IE proto si tam hodi defaultní.
Edit: Tak teď jsem si o tom něco přečet, tak zřejmě nebude podpora od IE, ale zajíalo by mě proč rovnou nezadat barvu konkrétně...

Nahlásit jako SPAM

IP: 213.226.196.–

DeaLer+2

Hero

Kultivátor příspěvků ve starém fóru – 2.01 % z celku

10. 12. 2007 #3

To DraXík : Inherit není barva ... to znamená zdědit. IE to opravdu neumí.

Nahlásit jako SPAM

IP: 84.21.124.–

Dušan Janošík | web: djanosik.cz, @djanosik

dalaman0

Věrný člen

11. 12. 2007 #4

Nejaky css hack alebo nieco co by mi pomohlo ?

Menim totiz javascriptom color nadradeneho dokumentu ktory obsahuje mnozstvo odkazov. Takze ked chcem zmenit ich farbu tak je jednoduchsie zdedit tuto vlastnost po nadradenom prvku...

Nahlásit jako SPAM

IP: 147.175.185.–

Lepšie je mať psa na saláme ako salámu pod psom !!!

Petroff0

Věrný člen

13. 12. 2007 #5

ŽÁDNÝ HACK NEPOTŘEBUJEŠ
Hele buď nepoužíváš JS a v tom případě můžeš hromadně odkazy v bloku nastavit selektorem bloku:
#menu a {color: barva}
nebo můžeš JS použít v IE k nahrazení chybějící funkčnosti inherit:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-type" content="text/html; charset=utf-8">

<title>pozadie</title>

<script type="text/javascript">

var menu2;

window.onload = function()

{

    menu2 = document.getElementById("menu2text");

    var links = menu2.getElementsByTagName("a");

    for(var i=0;i<links.length;i++) links[i].className="forIE";

}

</script>

<style type="text/css">

.forIE {

       color:inherit;

       color:expression(menu2.style.color)

       }

* { margin: 0; padding: 0 }



#menu2text {

       position: relative;

       width: 920px;

       margin: 0 auto;

       text-align: center;

       height: 26px;

       line-height: 24px;

       background: red;

       }

#menu2text a {

       font: normal 12px verdana, arial, sans-serif;

       text-decoration: none;

       padding: 6px 10px;

       }

#menu2text a:hover { text-decoration:underline overline }



ul { list-style: none }

li { display:inline }

</style>

</head>

<body>

<div  id="menu2text" style="color:white">

 <ul>

   <li><a href="#" onclick="menu2.style.color=this.innerHTML;return false">white</a></li>

   <li><a href="#" onclick="menu2.style.color=this.innerHTML;return false">pink</a></li>

   <li><a href="#" onclick="menu2.style.color=this.innerHTML;return false">yellow</a></li>

   <li><a href="#" onclick="menu2.style.color=this.innerHTML;return false">blue</a></li>

   <li><a href="#" onclick="menu2.style.color=this.innerHTML;return false">gray</a></li>

   <li><a href="#" onclick="menu2.style.color=this.innerHTML;return false">black</a></li>

   <li><a href="#" onclick="menu2.style.color=this.innerHTML;return false">green</a></li>

 </ul>

</div>

</body>

</html>

Vlastně bys mohl javascriptem nastavovat barvy odkazů podle hodnot proměnné (vždy v okamžiku změny - při nějaké události)
a na nějakou barvu rodičovského bloku se vytentit....stejně je to ostuda s tím IE žejo !?!

Nahlásit jako SPAM

IP: 89.102.211.–

Petroff0

Věrný člen

13. 12. 2007 #6

<to DraXík>
Dědičnost hodnot css vlastností u HTML prvků patří mezi základní znalosti. Odkaz je HTML prvek.
Vtip je v tom, že specifičnost při dědění je menší než 0.
Takže prohlížeč když nastavuje mezi výchozími styly něco jako:
a:link{color:blue} a:visited{color:violet??}
tak přebije děděné hodnoty pro barvu.
Ale jiné vlastnosti (které jsou dědičné) odkazy v pohodě zdědí, třebas výšku řádku (line-height)

Nahlásit jako SPAM

IP: 89.102.211.–

dalaman0

Věrný člen

27. 12. 2007 #7

To Petroff : Fakt moc dakujem... Pouzil som nieco z tvojej rady a funguje to...

V zivote som o expresion vlastnosti nepocul, velmi pomohla a neviem si ju vynachvalit :) :) :)

Nahlásit jako SPAM

IP: 78.98.100.–

Lepšie je mať psa na saláme ako salámu pod psom !!!

← Zpět na seznam vláken ← Zpět do Fóra