Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Tvorba webu - "alt" obrázku z černým pozadím.

Nevěděl by někdo jak udělat to, že když si najedu myší nad obrázek tak aby popisek měl tmavé pozadí? Jako to mají tu http://www.onebit.cz/webhosting/cenik-doplnkovych- sluzeb/ . Když najedete na otazník vedle textu tak má popisek tmavé pozadí. Jak to udělat u obrázku? Mám třeba <img src="1.jpg" alt="Krajinka"> a jak to upravit aby bylo pozadí popisku také tmavé.

Děkuji

Předmět Autor Datum
Tak se podívej do zrojového kódu ne? #jqhint { text-align: left; display: none; position: absolute;…
Wikan 12.01.2011 18:37
Wikan
Když to ale vložím do stránky tak se mi to zobrazí jako text na stránce.
Karel Goot 13.01.2011 17:11
Karel Goot
:-) Tohle máš zkopírovat do CSS souboru ke tvojí stránce. Do stránky píšeš jenom identifikátory
vlk56 13.01.2011 17:23
vlk56
Ok toto dám do css souboru zvlášť, ale co napíšu do hlavičky v index.html? Aby to vědělo o tom css s…
Karel Got 16.02.2011 17:57
Karel Got
<meta name="language" content="czech" /> <link rel="alternate" title="RSS - novinky" href="rss-novin…
SnoopySnoop 16.02.2011 18:00
SnoopySnoop
A nemůžete mi to někdo označit , neviznám se moc v tom co ukáže na ten css soubor.
Karel Got 16.02.2011 18:05
Karel Got
Předpokládám že ten css soubor nazvu jako něco v tomto kódu. Díky za trpělivost jsem strašnej já vím…
Karel Got 16.02.2011 18:08
Karel Got
Dám ti jednu dobrou radu, božský Kájo - dělej to, na co stačíš.
host 16.02.2011 18:34
host
Takže mam zůstat u zpěvu? Poraďte mi s tím někdo!!!!!
Karel Got 18.02.2011 20:36
Karel Got
Na rozkazy tady nejsme zvyklí. Máš tam jenom 5 otazníků, víc neumíš?
host 18.02.2011 20:42
host
To nechápu.
Karel Got 18.02.2011 21:28
Karel Got
Koukám, že jsem místo vykřičníky napsal otazníky, ale to je jedno, tady je zbytečné něco vysvětlovat…
host 18.02.2011 21:49
host
Nevím proč mi pořád píšeš, stejně jsi mi nic neporadil tak mi neodepisuj něco co se vůbec tématu net… poslední
Karel Got 19.02.2011 00:03
Karel Got

Tak se podívej do zrojového kódu ne?

#jqhint {
  text-align: left;
  display: none;
  position: absolute;
  margin-right: 20px;
  font-size: 1px;
  z-index: 10000;
}
IMG.jqhint {
	VERTICAL-ALIGN: middle;
}
IMG.jqhint_help {
	float: right;
	POSITION: relative;
	TOP: 4px;
	CURSOR: help;
}
IMG.jqhint_help_red {
	POSITION: relative;
	TOP: 4px;
	LEFT: 10px;
	CURSOR: help;
	DISPLAY: none;
}
#jqhint_img {
  margin: 0 20px;
}
#jqhint_text {
  background-color: black;
  color: white;
  margin: 0;
  padding: 1px 10px;
  text-align: left;
  font-family: Arial;
  font-weight: normal;
  line-height: 17px;
  font-size: 12px;
}
div.jqhint_lt,div.jqhint_rt,div.jqhint_tb,div.jqhint_lb,div.jqhint_rb {
  height: 5px;
  max-height:5px;
  font-size:1px;
  margin: 0;
}
div.jqhint_lt {background:url("/img/hint-lt.png") 0 0 no-repeat;}
div.jqhint_rt {background:url("/img/hint-rt.png") 100% 0 no-repeat;}
div.jqhint_lb {background:url("/img/hint-lb.png") 0 0 no-repeat;}
div.jqhint_rb {background:url("/img/hint-rb.png") 100% 0 no-repeat;}
div.jqhint_tb {background-color:#000; margin:0 5px;}

<meta name="language" content="czech" />
<link rel="alternate" title="RSS - novinky" href="rss-novinky.xml" type="application/rss+xml" />
<link rel="shortcut icon" href="/img/onebit.ico" />
<!-- BEGIN STYLE //-->
<link media="screen,projection" href="/styl.css" type="text/css" rel="stylesheet" />
<!--[if lte IE 6]>
<link media="screen,projection" href="/styl_ie6.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" language="javascript1.2" src="/js/supersleight.js"></script>
<![endif]-->
<!-- END STYLE //-->

<script type="text/javascript" language="javascript1.2" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript1.2" src="/js/jquery-oth.js"></script>
<script type="text/javascript" language="javascript1.2">
$(function(){
$(".jqhint,.jqhint_help,.j

Tady si to najdi

Zpět do poradny Odpovědět na původní otázku Nahoru