Autor Zpráva
Vavroch
Profil
Zdravím,mám dotaz v přiloženeém zdrojovém kodu je vysouvací menu,na pozadí je definovaný obrázek a já bych chtěl aby jsem přes něj(na střed) mohl umístit text.

Zápisem do zdrojáku,tak jak to tam je..to bohužel nejde a nadpis se zobrazi,jen když není definováno pozadí,jak to tedy udělat,abych nemusel jako pozadí dávat obrázky s textem.Tzn aby se dal text vybrat myší.

Díky za rady.

HTML
<div class="menu">

<ul>
<li><a class="drop" href="../menu/index.html"></a>
<!--[if IE 7]><!-->

<!--<![endif]-->

<table><tr><td>

	<ul>
	<li><a href="../menu/form.html" title="Styling forms">Text,který bych chtěl zobrazit</a></li>
	</ul>

</td></tr></table>

<!--[if lte IE 6]>
</a>
<![endif]-->
</li>
</ul>

</div>
CSS
@charset "utf-8";
/* CSS Document */

 /* prichozi stylovani*/
.menu {
	font-family: verdana, sans-serif;
	position:relative;
	font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
	margin-bottom:0px;
}


.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
position:relative;
float:left;
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:81px;
	height:81px;
	font-weight:bold;
	text-indent:-999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/menu_big.png);
}

.menu ul li ul {
	visibility:hidden;
	position:absolute;
	width:190px;
	top:0;
	left:0;
	border:1px solid #FF00FF;
}

table {
margin:0; padding:0; border:0; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;
width:215px;
}

.menu ul li:hover ul {
visibility:visible;
}

.menu ul li:hover ul li a {
display:block; 
background:#cce3f6;
border:0;
margin:0;
text-indent:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:180px;
text-align:left;
}

.menu ul li:hover ul li a:hover {
background:#888; 
color:#fff;
}
roberta
Profil
takže bez pozadia sa text zobrazí a s pozadím nie. nemá ten text náhodou podobnú farbu, ako pozadie? čierne písmo na čiernom pozadí neuvidíš...
Vavroch
Profil
Právě,že nemá:( Je to zcela odlišné,menu se bude includovat takže je to černé písmo,na bílém pozadí.
sibilax
Profil *
Omlouvám se za reakci bez přečtení celého příspěvku... ale nestačí prostě nastavit správné z-order v CSS? Jestli náhodou není text až pod obrázkem...
Radek
Str4wberry
Profil
Odpovídám Vavrochovi:
Tohle dejte pryč:
text-indent:-999px;

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: