Autor Zpráva
KOM
Profil *
Dobry den.
Mam kus kodu, ktery budu volat pomoci funkce "include" jako paticku stranky.
Paticka se sklada ze dvou list a loga uprostred paticky. Nejak se nemohu dostat k tomu, aby logo bylo presne uprostred (jak na vysku tak na sirku, pres obe listy) paticky. V kazdem prohlizeci je logo jinak zobrazene nebo treba i vubec nezobrazene.

Zde je kod:

<div id="pbox">
<div id="pmodra_lista"></div>

<div id="plevy_roh">
<img src="image/zahlavi/paticka_left.gif">
</div>

<div id="pseda_lista"></div>

<div id="ppravy_roh">
<img src="image/zahlavi/paticka_right.gif">
</div>

<div class="pmic">
<img src="image/zahlavi/mic.gif" alt="Logo míče">
</div>
</div>

a css:

body {
text-align: center
}

#pbox {
width: 980px;
margin: 0 auto;
text-align: left
}

#pmodra_lista {
background-color: #1088FF;
width: 980px;
height: 5px;
font-size: 5px;
border-bottom: 1px solid black;
float: left;
z-index: 0;
}

#plevy_roh {
height: 14px;
width: 9px;
float: left;
margin-top: -1px; /* posunutí obrazku, byla tam mezera */
}

#pseda_lista {
background-color: #9FACB4;
height: 14px;
width: 962px;
float: left;
font: 11px tahoma;
z-index: 0;
}

#ppravy_roh {
height: 14px;
width: 9px;
float: left;
margin-top: -1px; /* posunutí obrazku, byla tam mezera */
}

.pmic {
position: absolute;
text-align: center;
left: 50%;
margin-bottom: 20px;
z-index: 100;
}

Poradi mi nekdo, kde delam chybu?
Diky
Plaváček
Profil
KOM

Nevím, jestli to jsem správně pochopil, ale řekl bych, odhadem, že by postačila tato úprava:

#pbox {
width: 980px;
margin: 0 auto;
text-align: left;
position:relative
}

+ možná nastavit patičce pevnou výšku. Ale to už hádám, bez znalosti kompletního HTML a CSS kódu víc nevydumám.
KOM
Profil *
Tak relative ani vyska nepomohla. Kod je cely, tedy krome <head>

Pro nazornost - takhle bych to chtel, aby se to zobrazovalo

Nejblize jsem v IE7, kde je mic pres sedou listu paticky, ale nedostanu ho vys. Ale napr v FF je obrazek mice odsazenej po slozeni stranky pres php5 az k hlavicce stranky a v IE6 se mic vubec nezobrazi. Pokud by jste chteli muzu dat odkaz, ale myslim ze obrazek takto pro nazornost staci.
KOM
Profil *
myslel jsem, ze kdyz obalim celou paticku jeste jednim divem, nebude moci logo mice nikam utect a pak si jiz s pozici poradim pres padding ci margin, ale to mi nefunguje. Ani vycentrovani na stred pres left: 50% neni idelani. Po zmenseni okna stranky se mic porad drzi na 50% left, takze pri zmensenem okne treba kousek od leveho kraje, ale ja chci aby byl porad na stredu. Vim, ze se chova jak jsem mu zadal, ale nejak nejsem jinak schopen ho na stred vycentrovat.
KOM
Profil *
nikoho nic nenapada?
Pepi
Profil *
Víš co zkus jak to máš v tom divu, tak tomu divu dej "text-align: center;"
Ale nevím to jistě!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0