Autor Zpráva
mijorozec
Profil
#1 · Zasláno: 26. 8. 2008, 20:51:42
Odpovědět Citovat
Mam problem.
#menu a {
text-decoration: none;
font-size: 150%;
background-image: url(http://mijorozecova.webovka.eu/img/tlacitko.png);
color:orange;
}
Vykresluje to takto :
Potrebujem aby sa zobrazilo cele pozadie a v strede text. cele to pozadie vyzera takto:
Dakujem
blackjoker
Profil
#2 · Zasláno: 26. 8. 2008, 20:58:50
Odpovědět Citovat
mijorozec
pokud to máš jednobarevný tak to udělej jako background-color: blue;
jinak zmenši text nebo zvětši pozadí
Nox
Profil
#3 · Zasláno: 26. 8. 2008, 20:59:12
Odpovědět Citovat
jednobarevná plocha rozhodně půjde udělat čistě pomocí CSS ;)
zarovnání textu na střed je text-align: center, jinak nevím na co se ptáš
mijorozec
Profil
#4 · Zasláno: 26. 8. 2008, 21:01:28 · Upravil/a: mijorozec
Odpovědět Citovat
keď si všimnete, on je tam urobeny aj tien, ale nie je ho vidno moc. potrebujem aby sa zobrazil cely obrazok, nie len vysec s velkostou textu
blackjoker
Profil
#5 · Zasláno: 26. 8. 2008, 21:06:55
Odpovědět Citovat
mijorozec
ten stín by šel v CSS udělat pomocí
border-top: 1px solid black;
border-right: 1px solid black;

Jinak si zkus nastav velikost toho pozadí a dát tam ten text-aling: center;
mijorozec
Profil
#6 · Zasláno: 26. 8. 2008, 22:17:45
Odpovědět Citovat
skusal som aj toto:
#menu a {
text-decoration: none;
font-size: 150%;
background-image: url(http://mijorozecova.webovka.eu/img/tlacitko.png);
color:orange;
width:175px;
height:35px;
}
ale stále bez výsledku. a s tým zarovnaním to viem. napadlo ma to dat aj do divu, ale to by bolo nepohodlne.
blackjoker
Profil
#7 · Zasláno: 26. 8. 2008, 23:14:28
Odpovědět Citovat
No jestli jsem tě správně pochopil tak chceš mít ten text uprostřed toho pozadí. Takže jsem to zkusil tak napsat bez použití toho obrázku na pozadí vypadat by to mělo stejně. Jen si musíš nastavit šířku a padding a velikost písma jak budeš potřebovat. Tak si zkus tohle:
Css 
menu a
{
padding: 4px 2px 4px 2px;
border-top: 1px solid black;
border-right: 1px solid black;
text-decoration: none; 
text-align: center;
font-size: 1.5em; 
background-color: blue; 
color:orange; 
height: 35px;
}

HTML 
<menu>
<a href="index.htm"> Kniha návštěv</a>
</menu>
mijorozec
Profil
#8 · Zasláno: 27. 8. 2008, 09:28:53 · Upravil/a: mijorozec
Odpovědět Citovat
to tvoje funguje, ale keby som chcel dat na pozadie iny obrazok, tak ho oreze. daval som mu aj sirku, ale nic
#menu a
{
padding: 4px 10px 4px 10px;
text-decoration: none;
text-align: center;
font-size: 1.5em;
background-image: url(http://mijorozecova.webovka.eu/img/tlacitko.png);
color:orange;
height: 35px;
width: 175px;
}
Sice funguje padding, ale ta sirka vobec nechce fungovat. Mne ide len o to, aby sa zobrazil celý obrázok, a v strede ten text: alebo
A este jedna otazka ktora sem nepatri ale: Ako nastavim vysku pozadia podla dlzky textu? Napr mam chcem, aby sa spravilo pole, kde bude text, a to pole sa sklada z obrazkov vrch.png, stred.png, spodok.png. takze pole bude zacinat suborom vrch.png, potom tam bude stred, ktory sa bude opakovat tolko, aby sa tam zmestil vsetok text, a nakoniec sa pole uzavrie suborom spodok.png
Priklad: http://img222.imageshack.us/my.php?image=prikladvo8.png
Časová prodleva: 16 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0