Umiestnenie prvku

M4rek · Napísal **M4rek**: 01.12.2007 10:14

Takze mam nasledovny problem, toto je moja stranka :

a na pravu stranu pod ten prvok kde su odkazy by som chcel dat toto:
Umiestnenie prvku

skusal som cez position: relative, left xx px, right: xx px, float:right, nebolo to dobre lebo mi ho hodilo na lavo od toho "Odkazy" , a ked som dal position relative a suradnice tak ostala tam medzera kde to dalo povodne na mieste z ktoreho som to posunul.
Dalej position: absolute nebolo dobre, lebo sa pocitaju tie suradnice od tagu body, takze pri inom rozliseni monitora ako mam ja to zobrazovalo inde. A cital som na jakpsatweb.cz ze sa da urcit v position:absolute nejaky prvok od ktoreho sa budu pocitat tie suradnice. Ale nepochopil som celkom ako, takze ako mam napr. urcit aby sa tie suradnice left, top pri position:absolute pocitali napr. od menu, alebo od toho "Odkazy" aby to pri kazdom rozliseni zobrazovalo tam kde to chcem, cize pd "Odkazy". Alebo ako inac sa to tam da umiestnit ?? Vopred diki snad ste pchopili co chcem

juho · Napísal **juho**: 01.12.2007 10:19

"aby sa to pocitalo" chrrr: ten prvok musis dat do toho divu menu. prvku nastav absolutnu poziciu a tomu nadradenemu cize menu zas relativnu poziciu. a uz sa ti to bude "pocitat" od menu. right:0; napravo. ale lepsie by to bolo cez obtekanie.

M4rek · Napísal autor témy **M4rek**: 01.12.2007 10:56

dakujem pekne, uz to tam mam

M4rek · Napísal autor témy **M4rek**: 01.12.2007 10:58

a este dac som chcel

ale to ema ic s tym na pravo. Takze neda sa cez CSS zaoblit rohy napr. headru ?

emer · Napísal **emer**: 01.12.2007 11:43

da sa

ja to robim takto::
CSS:

Kód:

.rtop, .rbottom{display: block; background: #969599;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden; 
  background: #FFF;
}

.r1{margin: 0 5px;}

.r2{margin: 0 3px;}

.r3{margin: 0 2px;}

.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px;
}

Zaobleny HTML prvok:

Kód:

        <!-- rohy vrch -->
        <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
        <!-- rohy vrch KONIEC --!>
          <h3>Najnovšie články</h3>
          <?php include "najnovsieclanky.php" ?>
        <!-- rohy spodok -->
        <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
        <!-- rohy spodok KONIEC --!>
        

A vznikne mi toto::

takže keď chceš mať zaoblené rohy headru hore (tak tomáš na stránke?) tak si tam dáš iba to čo som vyznačil poznamkov v kode

a fabu toho pozadia v CSS si daj tu modru, co mas background

Umiestnenie prvku

Podobné témy