| Autor | Zpráva | ||
|---|---|---|---|
| diadochos Profil * |
#1 · Zasláno: 12. 1. 2008, 10:46:17
Potřeboval bch jednu vychytávku, aby vnitří rám obrázku byl nalepen na fotku (nebyla mezi ním mezera jako tedko) a aby měl jinou barvu než vnější rám. Takže foto, vnitřní rám např. #666666 potom bílá mezera a vnější rám #006799
toto je můj aktuální styl: margin-right: 8px; margin-top: 8px; border: #006799 1px solid; margin-left: 1px; margin-bottom: 1px; padding: 1px; Dík moc za pomoc |
||
| Leo Profil |
#2 · Zasláno: 12. 1. 2008, 12:32:30
Border mate ovsem k dispozici jen jeden, cim byste chtel udelat ten druhy ramecek? Slo by to jen pokud misto img pouzijete obrazek na pozadi napr. nejakeho divu. Leo
|
||
| Manq Profil |
#3 · Zasláno: 12. 1. 2008, 12:54:57
Spolehlivé řešení bude asi obalit obrázek spanem, kterému nastavíš border a nějaký padding. Druhý border nastavíš obrázku.
|
||
| Dranel Profil |
#4 · Zasláno: 12. 1. 2008, 15:05:57
Manq
Proč spanem? Spíš divem ne? vždyť span je řádkový prvek, a blokový (img) nemá být v řádkovém. diadochos Proč tak složitě? Nešlo by třeba jen obrázek-mezera-rámeček? |
||
| Manq Profil |
#5 · Zasláno: 12. 1. 2008, 15:13:40
vždyť span je řádkový prvek, a blokový (img) nemá být v řádkovém.
Bez té závorky je ten text pravdivý. IMG je řádkový ;-). |
||
| xlx21 Profil |
#6 · Zasláno: 12. 1. 2008, 17:33:41
diadochos
Proč tak složitě? Nešlo by třeba jen obrázek-mezera-rámeček? No tak to sa da. Pužiješ border a padding. Ukážka: [img=http://img140.imageshack.us/img140/9603/ukaskagy8.th.jpg] Zdrojak:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
img {
border: 1px solid #FF0000;
padding: 10px;
}
</style>
</head>
<body bgcolor="black">
<img src="Misulko.jpg" />
</body>
</html>
Dúfam že sa bude páčiť. |
||
| diadochos Profil * |
#7 · Zasláno: 12. 1. 2008, 20:05:47
chlapy dík, ale potřebuju to zakomponovat sem do CSS, takže jak by jste přidali do tohoto:
margin-right: 8px; margin-top: 8px; border: #006799 1px solid; margin-left: 1px; margin-bottom: 1px; padding: 1px; |
||
| Leo Profil |
#8 · Zasláno: 12. 1. 2008, 20:12:24
"chlapy dík, ale potřebuju to zakomponovat sem do CSS, takže jak by jste přidali do tohoto"
Zmena CSS zavisi na vybranem reseni a musite zmenit i html, Leo |
||
| Str4wberry Profil |
#9 · Zasláno: 12. 1. 2008, 20:17:22
Odpovídám diadochos:
Vždyť to už máš, ne? img {margin-right: 8px;
margin-top: 8px;
border: #006799 1px solid;
margin-left: 1px;
margin-bottom: 1px;
padding: 1px;} |
||
| habendorf Profil |
#10 · Zasláno: 12. 1. 2008, 20:49:40
No pokud tedy stačí dva rámečky jiné barvy než je pozadí webu a bez mezery mezi nimi, pak není třeba žádný další element, stačí jen img.
|
||
| Manq Profil |
#11 · Zasláno: 12. 1. 2008, 20:52:09
No pokud tedy stačí dva rámečky jiné barvy než je pozadí webu a bez mezery mezi nimi,
Ano, to stačí. Ale původně diadochos přání trošku jiné - s mezerou. |
||
| habendorf Profil |
#12 · Zasláno: 12. 1. 2008, 22:43:40
Manq
Ale původně diadochos přání trošku jiné - s mezerou. No vlastně i s mezerou stačí jen img bez dalších elementů :o) |
||
| diadochos Profil * |
#13 · Zasláno: 12. 1. 2008, 23:20:34
Jde mi o tohle: http://www.docteur.ch/ zajedte na tu fotku a zobrazí se dva rámy okolo obrázku -já to nechci ale jen při najetí ale stále :-)
|
||
| Leo Profil |
#14 · Zasláno: 12. 1. 2008, 23:34:55
"Jde mi o tohle: http://www.docteur.ch/ zajedte na tu fotku a zobrazí se dva rámy okolo obrázku -já to nechci ale jen při najetí ale stále :-)"
Tam je ten vnitrni ramecek primo v tom obrazku, Leo |
||
| habendorf Profil |
#15 · Zasláno: 12. 1. 2008, 23:35:17
Tam mají rámeček přece přímo v obrázku - http://www.docteur.ch/bilder/health-eingangsbild-6.jpg
|
||
| habendorf Profil |
#16 · Zasláno: 12. 1. 2008, 23:38:39
Ale jak říkám - lze udělat dva rámečky s mezerou mezi nimi a jen pomocí nastylování img, žádné další elementy nejsou třeba.
|
||
| diadochos Profil * |
#17 · Zasláno: 13. 1. 2008, 13:17:31
Som s tého volako zmetěný :-) jak má tedy styl vypadat, pošlete mi prosím styl..
Poslali jste mi toto: img {margin-right: 8px; margin-top: 8px; border: #006799 1px solid; margin-left: 1px; margin-bottom: 1px; padding: 1px;} já tam ale vydím jen jednu barvu |
||
| Manq Profil |
#18 · Zasláno: 13. 1. 2008, 13:19:42
Ale jak říkám - lze udělat dva rámečky s mezerou mezi nimi a jen pomocí nastylování img, žádné další elementy nejsou třeba.
Myslíš pomocí :after a :before? diadochos já tam ale vydím jen jednu barvu A kolik bys jich chtěl vidět, když máš pouze jednu nadefinovanou? |
||
| diadochos Profil * |
#19 · Zasláno: 13. 1. 2008, 14:45:29
Jak jsem říkal, potřebuju aby to vypadlo jako zde http://www.docteur.ch/ Tam jsou ale dva rámečky ale až při najetí myši, u mě to chci bez najetí...
a potřebuji to udělat přes styli, někam do tohoto: margin-right: 8px; margin-top: 8px; border: #006799 1px solid; margin-left: 1px; margin-bottom: 1px; padding: 1px; nemůžu upravovat php... |
||
| habendorf Profil |
#20 · Zasláno: 13. 1. 2008, 15:50:19
Manq
Myslíš pomocí :after a :before? Ne, zbytečně složité. Klíčová slova jsou background, padding, border a outline. |
||
| diadochos Profil * |
#21 · Zasláno: 13. 1. 2008, 17:52:58
nic mi to neříká, jak to myslíš - nevím co je to: after a :before
|
||
| Leo Profil |
#22 · Zasláno: 13. 1. 2008, 17:57:42
Na vlastnost outline jsem si vubec nevzpomnel. V zivote jsem ji nepouzil, ani to snad nevidel nikde v kodu. Jak je na tom podpora v prohlizecich? Leo
|
||
| habendorf Profil |
#23 · Zasláno: 13. 1. 2008, 17:57:49
diadochos
nevím co je to: after a :before Vždyť píšu, že to pomocí :after a :before nedělám. |
||
| habendorf Profil |
#24 · Zasláno: 13. 1. 2008, 17:58:51
Leo
Jak je na tom podpora v prohlizecich? Leo Jako skoro se vším - až na IE ok. |
||
| diadochos Profil * |
#25 · Zasláno: 13. 1. 2008, 18:32:09
mohl bych to vyřešit jednodušeji - první rám nakreslit do img, ale chtěl jsem si to ulehčit
|
||
| habendorf Profil |
#26 · Zasláno: 13. 1. 2008, 18:43:10
diadochos
Já už fakt nevím co chceš. Máš tu řešení s dodatečným divem, máš tu řešení bez dodatečného divu. Když ti někdo něco píše, musíš to číst a používat hlavu. |
||
| Manq Profil |
#27 · Zasláno: 13. 1. 2008, 18:44:06
Klíčová slova jsou background, padding, border a outline.
Už chápu ;o). |
||
| diadochos Profil * |
#28 · Zasláno: 13. 1. 2008, 18:49:16
sory ale je to pro měšpanělská vesnice, chtěl jsem aby mi to někdo doplnil do mého stylu (dole) a já to jen zkopíroval do stylů:
margin-right: 8px; margin-top: 8px; border: #006799 1px solid; margin-left: 1px; margin-bottom: 1px; padding: 1px; Budu moc vděčný |
||
| Str4wberry Profil |
#29 · Zasláno: 14. 1. 2008, 11:47:20 · Upravil/a: Str4wberry
Odpovídám diadochos:
habendorf to asi myslel nějak takhle: <img style='outline: #006799 solid 1px; border: 1px solid #fff; background: #666; padding: 1px'> |
||
| habendorf Profil |
#30 · Zasláno: 14. 1. 2008, 12:13:44
Str4wberry
plus block |
||
|
Téma pokračuje na další straně.
|
|||
0