CSS pozicovanie boxov

Programovacie jazyky, rady, poradňa...
harrison314
Hardcore addict
Hardcore addict
Používateľov profilový obrázok
Príspevky: 8222
Registrovaný: 27 máj 2009, 20:42
Bydlisko: Bratislava
Kontaktovať používateľa:

CSS pozicovanie boxov

Príspevok od používateľa harrison314 »

Zdravim,
mam problem s CSS pozicovanim boxov v dive.
Hlavny div (čierna farba) ma nastvenie pozadie obrazok s pozicovanim (je to v podstate mapa),
do neho sa genruju dva divy (zelena, cervena), ktore obsahuju obrazok so sipkou, tehto div ma relativne pozicovanie,
ked ho mam len jeden tak je presne tam kde ma, ked ich je viac, je na svojej pozicii iba jeden a druhy je posunuty po x-ovej alebo y-ovej osi, ako tento rpoblem odstranit?

Kód: Vybrať všetko

<div style="border: 1px solid red; width: 482px; height: 420px; background-color: rgb(255, 255, 255); background-image: url(mapa.jpg); background-position: -276px -399px; background-repeat: no-repeat no-repeat;">
  <div style=" position: relative; width:100px; height:100px; left:224px; top:153px;">
    <img src="map-arrow.png" alt="arrow">
  </div>
  <div style=" position: relative; width:100px; height:100px; left:257px; top:65px;">
    <img src="map-arrow.png" alt="arrow">
  </div>
</div>
Prílohy
ukazka.PNG
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: CSS pozicovanie boxov

Príspevok od používateľa audiotrack »

hlavnému divu daj position:relative, a tým divom vnútri daj position:absolute namiesto relatívnej pozície
harrison314
Hardcore addict
Hardcore addict
Používateľov profilový obrázok
Príspevky: 8222
Registrovaný: 27 máj 2009, 20:42
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS pozicovanie boxov

Príspevok od používateľa harrison314 »

Vdaka, pomohlo to
Napísať odpoveď