CSS tlačítka – CSS – Fórum – Programujte.com

Dobrý den,

chci zezeptat jak se dělají tyto tlačítka s přechody? TAk aby byly v jakémkoliv prohližeči stejná?

viz příloha

oprava

Tohle vypadá přímo na styl prohlížeče nebo OS.

Ale podobný výsledek má připojení stylu k tlačítku.

<input type="button" style="background-image: url('obrazek.jpg');" id="tl1" />

pravě že to prohlížeč nedělá. viz http://www.pc-case.cz/sortiment/pocitacove-skrine/s-neony/

obrázek to asi taky není pokud to neni nastaveno v externim css

Je to normálny background-image, nič viac! Najnovšie verzie prehliadačov to v pohode zvládajú, ale ako na tom je napr. taký IE6 a starší to netuším.

Tak v tom externím css to je nastaveno

<input type="submit" class="button" name="basket[buy][21]" value="Koupit" />

.button {

	background: #C6C5D7 url(/images/bg-buttons.png) repeat-x;

	padding: 1px;

}

Mam problem, vytvoril som si CSS menu v ktorom su jednoduche tlačitka bez obrazkov, ked na stranke mam len jedno tlačitko všetko je ok, ale ako nahle tam dam dalsie už ani to prve mi nefunguje, ako zobrazi sa aj po kliknuti nan presmeruje ale mouseover nejde prejdem myšou a nezmeni sa, ale ak je len jedno tak to ide ok

To jurij1987 : Bez nějakého zdrojáku nebo lepšího popisu Ti těžko někdo pomůže

tak tu je ten zdrojak k vyšie uvedenemu problemu

<style type="text/css">

input.groovybutton
{
font-size:13px;
color:#0033FF;
width:200px;
background-color:#CC0033;
border-style:groove;
border-color:#990033;
}

</style>

<script language="javascript">

function goLite(FRM,BTN)
{
window.document.forms[FRM].elements[BTN].style.color = "#00FF99";
window.document.forms[FRM].elements[BTN].style.backgroundColor = "#CC6600";
}

function goDim(FRM,BTN)
{
window.document.forms[FRM].elements[BTN].style.color = "#0033FF";
window.document.forms[FRM].elements[BTN].style.backgroundColor = "#CC0033";
}

</script>





<p>
<a href="index.php"><form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="Úvod"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form>

</a>
<a href="forum/index.php"><form name="groovyform">
<input
type="button"
name="groovybtn2"
class="groovybutton"
value="Fórum"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form>
</a>
<a href="ludia.php"><form name="groovyform">
<input
type="button"
name="groovybtn3"
class="groovybutton"
value="Ľudia"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form></a>
<a href="foto.php"><form name="groovyform">
<input
type="button"
name="groovybtn4"
class="groovybutton"
value="Foto"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form></a>
<a href="chat.php"><form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="Chat"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form></a>
</p>

Promiňte mi mou otázku, ale toto myslíte opravdu vážně????? a nebo to je pouze vtip?

ak to smerovalo ku mne tak ano myslim to vazne neviem v čom je chyba ked je to tlačitko iba jedno funguje pekne, a ked je to takto zobrazi sa ale mousover nejde

To jurij1987 : Možná to někteří zde budou považovat za příliš tvrdé, ale pokud tuto chybu nevidíte, tak bych Vám vřele doporučil nejdříve se naučit základy (X)HTML a JavaScript.

Protože kdybych měl opravit Váš zdroják, tak bych ho musel CELÝ přepsat.

no dakujem za kritiku vsimol som si chybu, nechcelo sa mi pisat kazde tlacitko tak som to len rozkopiroval a to cele takze pardon za spam

To jurij1987 : Radši se neptám, jak vypadá opravený zdroják...

ked to nieje podla vasich predstav tak sorry, no mne to funguje tak ako to ma
<form name="groovyform"><a href="index.php">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="Úvod"
title="index.php"
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">

</a>

<a href="forum/index.php">
<input
type="button"
name="groovybtn2"
class="groovybutton"
value="Fórum"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">

</a>
<a href="ludia.php">
<input
type="button"
name="groovybtn3"
class="groovybutton"
value="Ľudia"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</a>
<a href="foto.php">
<input
type="button"
name="groovybtn4"
class="groovybutton"
value="Foto"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</a>
<a href="chat.php">
<input
type="button"
name="groovybtn5"
class="groovybutton"
value="Chat"
title=""
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</a>
</body>

To jurij1987 : Krom toho, ze tam chybi ukoncit formular je to dobry. Ja jsem se jen lekl, ze to bude jak posledne, kdy byl odkazem cely formular... :-)

viete islo o to vytvoril som jedno tlacitko, a teraz sa mi dalsie nechcely pisat tak som ich nakopiroval a neuvedomil som si ze aj z formularom, to az ked ste napisal ze trebalo by cele prepisat tak som sa na to zameral, vacsinou som hladal chybu v hlavicke, ale aj tak vdaka a ten formular som uz ukoncil, len tu som to nakopiroval skor

To jurij1987 : ja se omlouvam, ze zacatku to vypadalo, ze jste takovy ten typ cloveka, ktery jen nekde zkopiroval kod, aniz by vubec vedel, co v nem je... najednou to nefunguje a chce to opravit... takove totiz nemam rad.

nemusite sa ospravedlnovat je to v poriadku, moj profesor matematiky vzdy hovori kazdy sa moze zmylit aj einstein sa zmylil, aj ja som sa zmylil...
ale skutocne som si to nevsimol, vobec neviem ako som si to nemohol vsimnut, skutocne to bude tym ze som sa zameral na style a script, inak takych ludi ani ja nemam rad...

To jurij1987 : ja se omlouvam, ze zacatku to vypadalo, ze jste takovy ten typ cloveka, ktery jen nekde zkopiroval kod, aniz by vubec vedel, co v nem je... najednou to nefunguje a chce to opravit... takove totiz nemam rad.