pozicia obrazku

capricorn7 · Napísal **capricorn7**: 12.04.2009 14:02

ako datefinujem poziciu obrazku v css?

skusal som toto ale nenasmeruje to dobre...:

Kód:

 #blog {
   position: absolute;
   top: 0px;
   left: 0px;
}

Kód:

 #blog {
   position: absolute;
   top: 0px;
    left: left;
}

Kód:

#blog {
   position: absolute;
   top: 0;
                float: left;
}

uz si stym neviem rady, vie mi niekdo poradit?

Svolo · Napísal **Svolo**: 12.04.2009 14:06

http://www.jakpsatweb.cz/css/ - po prve si to nastuduj, po druhe poziciuj relativne a po tretie, robi sa to margin-top,...

capricorn7 · Napísal autor témy **capricorn7**: 12.04.2009 14:31

uz viem kde som spravil chybu

shaggy · Napísal **shaggy**: 12.04.2009 20:03

Svolo píše:

po tretie, robi sa to margin-top

Nemyslím, na pozicovanie slúži práve to "top, left, bottom, right", margin je okraj (aj keď sa dá pomocou neho pozicovať). Takže sa nedá jednoznačne povedať, že to robí zle a že na to slúži margin.

Svolo · Napísal **Svolo**: 12.04.2009 20:23

No tak ja som to myslel pri relative.

Ďuri · Napísal **Ďuri**: 12.04.2009 21:31

Aj pri relativnej pozicii sa pouziva top, left, bottom, right. Margin je okraj a aj ked obe mozu zobrazit rovnaky vysledok, netreba to miesat.

Tominator · Napísal **Tominator**: 12.04.2009 22:29

no tak ja keď poziciuem, tak nenastavujem parameter position ale pracujem s float, margin a a padding. Má to jedno obrovskú výhodu a to tú, že prehliadače zobrazujú stránku zhruba rovnako.

shaggy · Napísal **shaggy**: 13.04.2009 0:39

Tominator píše:

Má to jedno obrovskú výhodu a to tú, že prehliadače zobrazujú stránku zhruba rovnako.

za výhodu by som to považoval, ak by to prehliadače zobrazili rovnako a nie "iba" zhruba rovnako

Ale čuduj sa svete, aj pri "klasickom" pozicovaní to prehliadače zobrazia rovnako, ak to človek vie, nie sú s tým problémy. A dokonca mi to prehliadače zobrazujú presne tak isto, nie iba zhruba rovnako.

lio · Napísal **lio**: 13.04.2009 1:45

Top, right, bottom, left ma pre mna jednu nevyhodu a sice taku, ze nemozem deklarovat vsetky styri hodnoty pomocou jednej vlastnosti. Napr. mozem pozicovat objekt takto pomocou vonkajsieho okraja: margin: 10px 15px 20px 25px; co je zhodna pozicia so zapisom:

top: 10px;
right: 15px;
bottom: 20px;
left: 25px;

Opravte ma, ak sa mylim.

Tominator · Napísal **Tominator**: 13.04.2009 11:38

shaggy píše:

:lol: za výhodu by som to považoval, ak by to prehliadače zobrazili rovnako a nie "iba" zhruba rovnako

Ale čuduj sa svete, aj pri "klasickom" pozicovaní to prehliadače zobrazia rovnako, ak to človek vie, nie sú s tým problémy. A dokonca mi to prehliadače zobrazujú presne tak isto, nie iba zhruba rovnako.

No zhruba rovnako znamená, že prehliadače majú rôznu veľkosť zobrazovanej plochy

. Pri klasickom som mal problémy keď som zmenšoval. Taktiež som sa musel veľa "piplať" s tým, že IE to dáva o pár px hore ... Teraz takéto problémy nemám ...

shaggy · Napísal **shaggy**: 13.04.2009 17:31

lio - lenže ten margin v tvojom prípade urobí niečo úplne iné ako tie to pozicovanie (top, left...).
Ten margin nastaví vonkajší okraj, kým v tom druhom prípade nastavuješ vzdialenosť od "okraja" stránky.

1daemon1 · Napísal **1daemon1**: 14.04.2009 14:41

nedavaj tam left ale margin-left a potom ti to pojde

pozicia obrazku

Podobné témy