Tlačítko (button) na web

Na to přece stačí libovolný grafický editor, třeba Gimp.

Ano ale já to myslel jak to dát na web

že když na to někdo klikne aby se rozevřelo takové okno a v nem text

dělá se to přes
.css

Asi hledáš toto:
rozbalovaci-menu
(Nemusí to býtjen pro menu) Prostě JS.

Možná se Ti bude hodit i toto:
display.html

Pokud myslíš otevřít do nového okna prohlížeče, což tak trochu zní, tak toto:
target="_blank"

Jak to dát na web? Můžeš zkusit lepenku, ale nevím.

Dobře děkuji moc :)

snad to nějak dám dohromady :)

Můžu se prosím ještě na něco zeptat ?
jak udělat aby ten display fungoval přes celý obrázek ?

Ty chceš kliknout na ten Tvůj odkaz, aby se někde něco otevřelo?
a.tlacitko { display: block;}

Ale to už jsi asi měl, nejsem si jist, že rozumím, teda nerozumím :).
Dovnitř otevíranýho můžeš narvat cokoliv.

Poznámka: To o čem se celou dobu bavíme není button. Ten nejde stylovat prakticky. To je jen odkaz.

ne ne :)
myslím toto :)

koukni tady to je

Na živo

mam udělaný nahoře panel a v něm mam mp3 player atd..

pak na levo tam mam takový obrázek "Extrazone" a jde na něj kliknout jen úplně na hoře (aby se zobrazil ten display) a já bych to potřeboval přes celý ten obrázek :)
jestli víš co myslím...

Auč.

Hezký efekt v menu, JQuery? Firefox tu stránku drží na nohách, v IE padá ze živa. Asi tvaříš v nějakým nablblým systému.

Vypiš html a css kod ohledně tohoto, špatně se v tom orientuji. (A když vemu v úvahu viz 2 řádky výše, tak se nedivím.)
Ještě mi napiš co chceš, aby to dělalo, a kde.

Stručně: Obrázek bude pozadí divu, tomu musíš natavit rozměry, nastavit div jako odkaz a odkaz jako block. (V´dyt máš celé menu jako blokové, tak snad to dáš dohromady)

Tak jsem to odzkoušel, trochu mi to trvalo, ale bylo to vlastně i jednodušší než jsem čekal.

Tady máš pár příkladů, dokonce jsem i strčil do svýho zkušebního.
2.html

Poznámka: V tom návodu jsem kecal, odkaz to být nemusí.

Perfekto

Nechápu to ...

všechno jsem udělal podle toho a pořád to jde zmáčknout jen z hora...
Už si nevím rady.

Na tom pokusu nade mnou to je bezva. Tak si tam zkopíruj kus kódu a uprav slova.

To jsem taky udělal ;)

jenže asi ten panel tomu braní aby to nešlo přes celý obrázek..

Ještě jsem to snad trochu ujasnil v odkazu, kdyžtak se koukni.

Nerozumím - jaký panel? jaký obrázek? Já myslel že obrázkem(button) to chceš otevřít.

OT: Nevíte někdo jak nastavit aby script otevřel více "míst" najednout?
<h4 ... onclick="zobrazSkryj('oddil2')" ... </h4> (zkoušel jsem normálně jak pro dvě třídy bezničeho, středník, nevím)

Ano obrázkem co mam v tom panelu chci otevřít ten display ale nejde to přes celý ten obrázek nwm proč no...

ted tu zveřejním css aby jste mě když tak poradily :)

#fixedMenu {width: 100%; position: fixed; top: auto; right: 0px; float: right;}

.popsany	{
 height: 35px;

}
.pruhledne {
	opacity: 0.6;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.teaser {
	background:#1A1A1A  top no-repeat;		
	border:5px solid #1A1A1A;
	font-size:16px;
	position:relative;
	padding: none;
	color:#1A1A1A;
	margin-bottom:15px;
	display: block;
}


html 			{ background: black  }
body 			{ padding: 0; margin: 0; 	color: #666;	width: 100%;	display: table; }
a			{ font-family: times new roman; color: white; text-decoration: underline }
a:hover			{ font-family: times new roman; color: white; text-decoration: none }
.otevrit		{cursor: pointer; cursor: hand; text-decoration: underline; display: block;  }
.otevrit:hover	{cursor: pointer; cursor: hand; text-decoration: none; color: white}
.skryty			{display: none; color:white; border:1px solid #1A1A1A; width:300px; background:#1A1A1A; font-size:12px; position:absolute; left:0px; top:20px;
 top:28px; padding:10px; z-index:100; font-weight:normal; text-decoration:none; }
#ZK { width: 100%; height: 100%;  background: url(http://extrazone.eu/GamePortal/horni-panel/images/ikona1.png); display: block;}
#ZK h2 { text-align: center; display: Block; line-height: 349px;; color: red;}

Už mě to přestává bavit, naučte se jak fungují div(a jejich pozice-zejména defaultní-ta bez ničeho), asi nevíte na jaké místa kody vkládat. Já jsem tam kus kodu našel, vůbec jsem nechápal, co tam má dělat a ve výsledku jsem ho na stránce ani neviděl.
http://qu.wu.cz/webtest/jednoduche-schema-stranky. htm

Ale opakuji OT :), docela by mě to zajímalo:
OT: Nevíte někdo jak nastavit aby script otevřel více "míst" najednout?
<h4 ... onclick="zobrazSkryj('oddil2')" ... </h4> (zkoušel jsem normálně jak pro dvě třídy bezničeho, středník, nevím)

A zkopíroval sis i javascript z <head>?

 <script type='text/javascript'>
    function zobrazSkryj(idecko){
        el=document.getElementById(idecko).style; 
        el.display=(el.display == 'block')?'none':'block'; }
</script>

Ano

No už jsem možná zjistil proč to nešlo :)

měl jsem tam vložený ještě mp3 player a ty hodiny a když jsem je dal pryč tak už to jde
neví někdo proč ?

Můžu se prosím ještě zeptat jak správně na centrovat text pomocí text-aling ?

abych např. ty hodiny tam dal na pravou stranu a ten mp3 player