« 1 2 »
Autor Zpráva
diadochos
Profil *
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
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
Spolehlivé řešení bude asi obalit obrázek spanem, kterému nastavíš border a nějaký padding. Druhý border nastavíš obrázku.
Dranel
Profil
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
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
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 *
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
"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
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
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
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
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 *
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
"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
Tam mají rámeček přece přímo v obrázku - http://www.docteur.ch/bilder/health-eingangsbild-6.jpg
habendorf
Profil
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 *
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
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 *
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
Manq
Myslíš pomocí :after a :before?

Ne, zbytečně složité. Klíčová slova jsou background, padding, border a outline.
diadochos
Profil *
nic mi to neříká, jak to myslíš - nevím co je to: after a :before
Leo
Profil
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
diadochos
nevím co je to: after a :before

Vždyť píšu, že to pomocí :after a :before nedělám.
habendorf
Profil
Leo

Jak je na tom podpora v prohlizecich? Leo
Jako skoro se vším - až na IE ok.
diadochos
Profil *
mohl bych to vyřešit jednodušeji - první rám nakreslit do img, ale chtěl jsem si to ulehčit
habendorf
Profil
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
Klíčová slova jsou background, padding, border a outline.
Už chápu ;o).
diadochos
Profil *
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
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
Str4wberry

plus block
« 1 2 »

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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