| Autor | Zpráva | ||
|---|---|---|---|
| wikman Profil * |
#1 · Zasláno: 29. 8. 2010, 03:10:39
Odkaz
Problém spočívá v tom, že nevím jak mám umístit patičku dolů,resp.obsah<p> v patičce. clear a float je v pohodě, celý problém je v tom, že jsem vytvořil div s definovaným pozadím (obrázek 1024x500px). jde o to , že <p> nechci pozicivat pomocí margin nebo padding, a když už, tak abych mohl margin resp. padding používat v %. Sám vím, že je možnost udělat menší obrázek, ale to by mi přivodilo spoustu jiných potíží. A proto se ptám - "existuje možnost pozicovat <p>jako <img> pomocí css takto- #*{positon:left bottom;}...? NEBO - existuje možnost dát <p>do divu, který bude v <div id="paticka"> a umístit pomocí position:absolute ? vím,že je to zbytečně komplikované atd.. |
||
| panther Profil |
#2 · Zasláno: 29. 8. 2010, 08:46:46
wikman:
„Problém spočívá v tom, že nevím jak mám umístit patičku dolů,resp.obsah<p> v patičce.“ marginem, paddingem (obsahu či nadřazeného bloku), abs. či relativní pozicí. „clear a float je v pohodě, celý problém je v tom, že jsem vytvořil div s definovaným pozadím (obrázek 1024x500px).“ co je na tom za problém? Kromě toho, že když text v patičce bude někde dole, bude tam zbytečně 500px nevyužitého místa. „a když už, tak abych mohl margin resp. padding používat v %.“ klidně použij, ale nevidím pro to důvod. Patička má pevně danou výšku, text, předpokládám, chceš na přesné místo (např. 50px od dolního okraje patičky). Na to se procenta nehodí. Jsou více „kůl“ nebo co? „existuje možnost pozicovat <p>jako <img> pomocí css takto- #*{positon:left bottom;}...?“ tohle jsem nepochopil. Position nabývá hodnot absolute/relative, hodnot, které jsi napsal ty, nabývá background-position. Požadovaný zápis jsem nepochopil. Za # musí následovat název identifikátoru, lze tedy např. #paticka * {} pro všechny elementy v patičce. |
||
| wikman Profil * |
#3 · Zasláno: 29. 8. 2010, 22:09:31
"*" (hvězdičkou) bylo míněno, že může zastupovat jakýkoli idetifikátor - něco jako hledání ve windovs ( *.mp3). Co se týče position, tak to jsem se "sekl" mělo tam být " background-position". Pokud jde o procenta, tak jen proto, že mám za to, že pokud bude definován styl pro <p></p> v procentech, který bude dejme tomu padding nebo margin 50% auto- že se umístí do středu nadřazeného divu, ale to nějak "ee" takže nevím. Pro lepší -pochopení obrázek v patičce dokončuje vizuální stránku stránky a slouží (byť zbytečně) jakokonec dokumentu - bla bla bla ... hle => Odkaz
|
||
| zvěřiňák Profil |
#4 · Zasláno: 29. 8. 2010, 22:59:41
#paticka {
width:1020px; height:495px; background-image:url("../pics/content.png"); display: table-cell; vertical-align: bottom; } |
||
| panther Profil |
#5 · Zasláno: 29. 8. 2010, 23:42:13
wikman:
„že může zastupovat jakýkoli idetifikátor“ ne, nic takového v CSS neexistuje. Ty snad víš, jak se identifikátor jmenuje, ne? „obrázek v patičce dokončuje vizuální stránku stránky a slouží (byť zbytečně) jakokonec dokumentu“ to přeci neznamená, že to musí být 500px vysoká patička a kilometr volného místa. Dej ten obrázek na pozadí nějakému povolanějšímu elementu, patička jako taková pak může být jedno/dvouřádková v klasickém odstavci. Ať tak či onak, výšku patičky znáš, pozici na středu (resp. margin/padding) si můžeš dopočítat ((#paticka height/2)/(#paticka p line-height/2)). Opravdu bych to ale řešil ten spodek jinak, aby tam nezela ta prázdnota. zvěřiňák: nebude fungovat v IE<=7 |
||
|
Časová prodleva: 15 let
|
|||
0