Autor Zpráva
petrr
Profil *
ahojky potrebuji poradit jak udelat tlacitko, ktere bude mit psany text ale nejake pozadi???? diky

Moderátor Str4wberry: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
Keeehi
Profil
www.jakpsatweb.cz/formulare-html.html#input
<input type="image" name="obrazek" src="images/jpw.gif">
panther
Profil
petrr:
případně, pokud chceš obyčejný text (který budeš moci měnit) s obrázkem na pozadí, dá se použít submit (případně jiný input) s nastaveným pozadím.
petrr
Profil *
a jakpak tam vlozim ten textik? diky
panther
Profil
petrr:
value. Nevím, co chceš, dal jsem to jako alternativu k [#2]. V obou případech se jedná o input, tak se koukni na odkaz uvedený v [#2].
petrr
Profil *
pokud vytvorimnejake pozadi pomoci::

<input type="image" name="obrazek" src="images/jpw.gif">
mam treba modrej obdelnik, jak pak docilim aby jsem ho mohl popsat napr: odeslat data (aby to videl takto uzivatel)??
panther
Profil
petrr:
tak znovu. Přečti si, co jsem napsal v [#3].
petrr
Profil *
nejak se do toho zamotavam - vytvorim:
<input type="submit"  name="tlacitko" value="Přihlášení" >
tlacitko je sice popsano ale nevim jak na nej nastavit pozadí????? díky

Moderátor Str4wberry: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou. Otazník stačí jeden.
Moderátor Str4wberry: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
panther
Profil
petrr:
[#3] CSS vlastnost background.

<input type="submit" name="tlacitko" value="Přihlášení" class="submit">
CSS:
.submit {background: red url('obrazek.png') no-repeat;}
petrr
Profil *
ok, dikess pomohlo
petrr
Profil *
jeste mi ale neco v tomto porad nebezi a to jsou velikosti toho tlacitka - pokousim se width, height a nebezi to, cim to muze byt? diky
petrr
Profil *
porad nemuzu prijit na to jak nastivit width, height u submit ?
Davex
Profil
A zadáváš u rozměrů jednotky? Nastavuješ to pomocí CSS?
petrr
Profil *
ano pokousim se vselijak ale porad mi to nejede, chci aby vysledkem bylo tlacitko s mojim pozadim a psanym textem ?
petrr
Profil *
<html>
<form action="index.html">
<input type="image"  name="tlacitko" value="Přihlášení" class="submit"> 
</form>
</html>

css:

.submit {background: white url(../images/button.png) no-repeat;width: 130px; height: 28px;}

 submit  {
    font: 0.9 em Verdana, Arial, Helvetica, sans-serif;
    margin: 0px; padding: 0; border: 0; width: 130px; height: 28px;
    }

Moderátor Davex: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Moderátor Davex: Výpisy sloučeny do jednoho příspěvku
xmark
Profil
petrr:
chci aby vysledkem bylo tlacitko s mojim pozadim a psanym textem ?

Zřejmě chceš. Ukaž jak máš napsaný kód toho tlačítka v html a jak máš napsané související css.
panther
Profil
petrr:
3. řádek v CSS tvého zápisu je chybný. Začni u základů CSS, zjistíš, že:
element {} /* deklarace pro samotný element, např.: p, a, h1 */
.trida {} /* deklarace pro tridu, nazev tridy totzny s atributem CLASS v HTML */
#identifikator {} /* deklarace pro ID v HTML */


Ty tedy styluješ druhou deklarací element, který by byl v HTML zapsán jako <submit>, což evidentně není. První deklaraci styluješ s tečkou (to je ta třída v HTML, kterou jsem ti o příspěvek výše zvýraznil).

Pokud ani teď nevíš, opravdu si nastuduj základy CSS, vše potřebné jsem již napsal.
Petr ZZZ
Profil
petrr:

Čteš si vlastně poznámky moderátorů?



Nauč se syntaxi HTML a CSS. Pokud si nejsi jistý, kopíruj a jenom upravuj. Dávej přitom pozor na každý znak, i tečka nebo středník mohou mít (v syntaxi CSS mají) rozhodující význam.

Znáš už Odkazy jako tlačítka?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0