Autor | Zpráva | ||
---|---|---|---|
Bulva Profil |
Dobrý den,
Jsem začátečník co dělatmá za sebou asi dva weby. Snažil jsem se udělat web tímhle stylem http://keramika-zkouska.ic.cz/ uprostřed jakoby celá, aby člověk nemusel rolovat, ale narazil jsem na problém. Při různém rozlišení se mi menu posune, myslel jsem že tomu předejdu když udělám pozici v procentech, ale nejde mi to ani tak. Teď nevím jestli je to kvuli tom pozadí, že se roztáhne a menu je v podstatě furt stejně a posune se pozadí, a nebo jestli se posune menu. Pokud by to bylo pozadím tak bych prosil zároveň i o radu, jak udělat ten střed přes div, aby tam zůstal ten stín. Tady je stylopis, kód získáte ze stránky: html, body {margin:0; padding:0; background-color: white;} #stred {background-image: url('keramika_pozadi_prolnuti3.jpg'); z-index:2; position: absolute; width: 100%; height: 100%; background-repeat:no-repeat; background-position: center; } #onas {z-index: 3; position: absolute; width: 140px; height: 25px; left: 21%; top: 7.5%;} #nabidka {z-index: 3; position: absolute; width: 140px; height: 25px; left: 21%; top: 11.5%;} #cenik {z-index: 3; position: absolute; width: 140px; height: 25px; left: 21%; top: 15.6%;} #akce {z-index: 3; position: relative; width: 140px; height: 25px; left: 21%; top: 150px;} #kontakt {z-index: 3; position: absolute; width: 140px; height: 25px; float: 100px;} Prosím position: relative a float: 100px si nevšímejte, v zoufalé snaze jsem zkoušel všechno. |
||
Str4wberry Profil |
#2 · Zasláno: 13. 8. 2009, 22:49:31
Rada ohledně správného pozicovaní spočívá v tom, že pozicování nebudeš používat. Sice pořád žádám živé ukázky, ale teď by se hodil obrázek s kýženým výsledkem, protože je to tak rozhozené, že není jasné čeho chceš dosáhnout.
|
||
Bulva Profil |
#3 · Zasláno: 14. 8. 2009, 09:02:20
http://provit.cz/ ukazka napriklad zde, chci aby se menu levym okrajem jakoby dotykalo zevnitr bileho okraje
|
||
Plaváček Profil |
#4 · Zasláno: 14. 8. 2009, 11:07:03
Bulva
Nevím, zda jsem tvůj záměr správně pochopil, ale podobný layout kdysi řešil můj kolega Michal Malének, viz hezký návod: http://www.malenek.cz/cs/clanky/webdesign/vertikalni-a-horizontalni-centrovani |
||
MajoCQ Profil |
#5 · Zasláno: 14. 8. 2009, 19:57:23
skus nepouzivat absolutne poziciovanie - pouzi margin-left:auto; margin-rigth:auto; text-align:center - na hlavny div a budes to mat v strede
|
||
Bulva Profil |
#6 · Zasláno: 15. 8. 2009, 19:34:27 · Upravil/a: Bulva
Takze jestli to dobre chapu, tak udelam prostredni div bud metodou malenka, nebo majocq. Porad bych mel ale dalsi dotazy.
Pokud bych chtel, aby bylo menu 2px od okraje stredniho divu, pouziju margin, a kdyz budu chtit aby byli mezi jednotlivymi castmi menu jako je O nás, nabídka atd. udelat odsazeni 1px ve svislem smeru mezi kazdou polozkou, jak toho dosahnu. Kdyz to udelam pres div uprostred jak mam pak udelat ten stin co tam je, protoze kdyz ten obrazek ulozim tak ma za sebou ten stin pozadi. Moc Vám všem děkuju, že jste mi tak rychle a hlavně efektvně pomohli. |
||
Yur4Y Profil |
#7 · Zasláno: 15. 8. 2009, 19:42:54 · Upravil/a: Yur4Y
MajoCQ
„text-align:center“ Aký účel má text-align na blok, ktorý chceme vycentrovať? Je to tam zbytočné a navyše to väčšinou nechcene vycentruje text vnútri. |
||
Bubák Profil |
#8 · Zasláno: 16. 8. 2009, 00:16:51
„Aký účel má text-align na blok, ktorý chceme vycentrovať?“
Bulva nepoužil DTD, IE bude ve quirku, znáš jinou možnost, jak v IE ve quirku vycentrovat blok? MajoCQ sice naházel deklarace na jednu hromadu a tím tě zmátnul, přesnější formulace je třeba takto: V nadřadeném elementu, což je BODY deklaruj text-align:center; /* vycentruje blok v IE (ve quirku) */ DIVu deklaruj margin-left:auto; margin-rigth:auto; text-align:left; /* standardni centrovani bloku a zrusení centrovani */ Klasicý "centrovací odkaz": http://tiso.wz.cz/articles/vycentrovanie-obsahu-stranky.php |
||
Bulva Profil |
#9 · Zasláno: 16. 8. 2009, 22:51:05 · Upravil/a: Bulva
Ahojte, malenkova metoda mi ten prostredni div, pri ruznem rozliseni roztahla, coz nechci. Pozadi v zadu se mi roztahuje podle rozliseni, to zatim na netu nemam, ale nechci aby se ten prostredni div roztahoval.
Bubaku, tohle jsem pripsal do kodu: <div id="div"> </div> body {text-align:center;} # div {margin-left:auto; margin-rigth:auto; text-align:left; height: 100%; width: 100%; z-index: 5; background-image: url('div.jpg');} Ten div se mi ale nezobrazil, mozna tam mam nejakou chybu z nepozornosti, a nebo jsem to spatne pochopil. DIky za odpoved bubaku. |
||
Časová prodleva: 15 let
|
0