CSS help

**papys** · 2010-09-25, 16:39

A kérdésem, hogy miként lesz ebből:

Kód:

div.sobi2latest img {
 max-width:85px;
 max-height: 110px;
 padding:5px 6px 0 6px;
 text-align:center;     
}
div.sobi2latest a {
    display:block;
    text-align: center;
    color: #336600;
    font-weight: bold;
}

div.sobi2latest {
    background:url(../images/bg_curve.jpg) #eaead0 repeat-x top left;
    border-left:1px solid #dbdcbe;
    border-right:1px solid #dbdcbe;
    width: 95px;
    height: 96px;
}
div.sobi2latest div{
    background:url(../images/top_curve.jpg) no-repeat top left;
    padding-top:7px;
    width:95px;
}
div.sobi2latest div div{
    background:url(../images/btn_curve.jpg) no-repeat bottom left;
    width:95px;
    padding-bottom:7px;
}

Ilyen:

CSS help-screenhunter_01-sep.-25-17.01.jpg

előre is köszi a megoldást

**benedictus** · 2010-09-25, 16:58

a felsorolt képdarabokból background:url(...), illetve térbeli igazításokból állítja össze

a legjobb mód rájönni hogy mi mit csinál ha a számokat picit átírod

**papys** · 2010-09-25, 17:14

A problémám az, hogy nem tudom a tetejére és az aljára tenni a háttérképet:

CSS help-screenhunter_02-sep.-25-17.37.jpg

**speeedfire** · 2010-09-25, 17:20

Ez a

Kód:

padding-bottom:7px;
padding-top:7px;

miatt van. Fent és lent is 7 px magas térköz van. Ha ezeket leveszed 0-ra akkor már nem lesz.

**B. Joe** · 2010-09-25, 17:21

papys eredeti hozzászólása

A problémám az, hogy nem tudom a tetejére és az aljára tenni a háttérképet:

Kattints a képre a nagyításhoz

Cím: ScreenHunter_02 Sep. 25 17.37.jpg
Megnézték: 42
Méret: 3,4 KB
Azonosító: 959

Ezt kitudnád bővebben fejteni? Az első vagy a második képen szereplőt szeretnéd megvalósítani?

**speeedfire** · 2010-09-25, 17:39

Az elsőt szeretné, de nekem is most esik le h ő a háttérképpel bajlódik. Próbáld meg azt, hogy a felső és az alsó háttérképhez illeszdbe a css részbe a

Kód:

z-index:1;

-et

**papys** · 2010-09-25, 18:04

Egy kicsit bővebben: van két modul amiből az egyik a felső képformát adja (a kiskép mögötti zöldes háttérképet) ezt szeretném egy másik modulban is megvalósítani.

A második kép a hibás, azaz nem jelenik meg a tetején és az alján a lekerekített kis kép/ek.

az eredeti modulban ez van:

Kód:

div.lbslide .topcurve{
    background:url(../images/top_curve.jpg) no-repeat top left;
    padding-top:7px;
    width:95px;
}
div.lbslide .btncurve{
    background:url(../images/btn_curve.jpg) no-repeat bottom left;
    width:95px;
    padding-bottom:7px;
}
div.lbslide .content{
    background:url(../images/bg.jpg) #eaead0 repeat-x top left;
    border-left:1px solid #dbdcbe;
    border-right:1px solid #dbdcbe;
}
div.lbslide .lbimg{
padding:5px 6px 0 6px;    
    height:70px !important;
    text-align:center;
    overflow:hidden;
    
}

és ezt próbáltam áttenni a másik css-be de nem jól jelenik meg a háttérkép.

erre várok javaslatokat.

köszi papys

**B. Joe** · 2010-09-25, 18:19

Add meg a height értékét a .btncurve-nek és a .topcurve-nek.

**edem** · 2010-09-25, 18:49

z:index csak a relatív, vagy abszolút pozicíonált elmeknél működik.

Papys, tudnál linkelni egy html dokumentumot?

**speeedfire** · 2010-09-25, 20:09

z:index csak a relatív, vagy abszolút pozicíonált elmeknél működik.
Jogos, bár ebből a kis tartalomból nem derül ki melyikről is van szó.

Téma: CSS help

Téma eszközök

Display

CSS help

re: CSS help

re: CSS help

re: CSS help

re: CSS help

re: CSS help

re: CSS help

re: CSS help

re: CSS help

re: CSS help

A téma címkéi:

Könyvjelzők

Könyvjelzők

Hozzászólás szabályai