CSS segítség

**papys** · 2009-12-04, 16:47

Egy háttér gombot szeretnék betenni a szöveg alá de sehogy se akar összejönni.

HTML kód:

div.moduletable h3,
div.moduletable-hilite h3 {
    background: url(../images/top_bg.png) no-repeat center right;
    height:32px;        
    color: #FF760E;
    font-size: 150%;
    line-height: normal;
    margin: 0 0 0 0;
    padding-left: 10px;
    padding-top:8px;
}
div.moduletable h3 div,
div.moduletable-hilite h3 div {
    background: url(../images/top_bg1.png) no-repeat center left;
    padding: 0;            
}

a jobb oldal bejön de eléje a bal nem, mit nem vettem észre?

Hasonló témák:

**Bagi Zoltán** · 2009-12-04, 17:35

Papys, linket tudnál adni, mert ezt így nehéz elképzelni.

**papys** · 2009-12-04, 21:32

Bagi Zoltán eredeti hozzászólása

Papys, linket tudnál adni, mert ezt így nehéz elképzelni.

átment priviben még nem publikus

**Bagi Zoltán** · 2009-12-04, 21:49

Az elsőt módosítani kell, az alsót pedig beszúrni.

Kód:

div.moduletable h3, div.moduletable-hilite h3 {
padding-top:0px}


div.moduletable h3 span{
height:32px}

**thomasz** · 2010-01-01, 10:25

CSS Sprites megpróbáltam használni a webmania.cc leírása szerint el is jutottam hogy megvan de hogy lehet azt megcsinálni hogy a háttér megfelelő részeire lehesen kattintani?

**WSzP** · 2010-01-01, 12:33

thomasz eredeti hozzászólása

CSS Sprites megpróbáltam használni a webmania.cc leírása szerint el is jutottam hogy megvan de hogy lehet azt megcsinálni hogy a háttér megfelelő részeire lehesen kattintani?

Egyrészt manócskának fordítani nem semmi volt. Másrészt a cikket nem kommentálnám. Nézd meg a blogregeny.com forráskódjának részleteit, hogy én hogy használom.
Az alapötlet az, hogy az összes képet, amit használnál CSS-ben tedd be egyszer külön képként, mintha nem is lenne CSS sprite. Mikor minden a helyén van és a design összeállt, végleges, akkor az egészet Photoshopban vagy más hasonló programban tedd egy nagy PNG-re. Ez után már csak annyi a dolgod, hogy az összes backgroundban az kép elérési útját kicseréled az új nagy PNG ére, majd beállítod az x és y pozíciókat a képen belül. (Itt jön jól a PS measure toolja.) Ez egy optimalizálási művelet, ezért a design végén van a helye.

**istir** · 2010-01-04, 15:00

Sziasztok!

Dolgozok egy oldalon és a következő problémába ütköztem. Van egy pofás háttere az oldalnak,függőlegesen és vízszintesen ketté szeretnék szedni és betenni egy plusz elemet hogy ez X illetve Y irányba tudjon ismétlődni, hogy a hosszú listák mögött is legyen háttérkép. Ezt hogyan lehetne CSS-ben megoldani?

**kow** · 2010-01-04, 19:11

Dolgozok egy oldalon és a következő problémába ütköztem. Van egy pofás háttere az oldalnak,függőlegesen és vízszintesen ketté szeretnék szedni és betenni egy plusz elemet hogy ez X illetve Y irányba tudjon ismétlődni, hogy a hosszú listák mögött is legyen háttérkép. Ezt hogyan lehetne CSS-ben megoldani?

Ezt le tudod rajzolni?
Az segít pontosítani, hogy mit szeretnél, plusz te is jobban megérted a problémát.

**istir** · 2010-01-04, 19:37

Valahogy így tudnám vizualizálni :P A lényeg az, hogy ahogy bővül az oldalon a tartalom ne ismétlődjön az egész háttér, csak a beszúrt rész.

**kow** · 2010-01-04, 20:43

ez így egyszerűnek hangzik:

body{
background: #fff url( images/bg.jpg ) no-repeat center top;
}

a listádat csomagold egy list_wrapper id-jú DIV-be:

#list_wrapper{
margin-top: 100px;
width: 100%;
background: #fff url( images/bg2.jpg ) repeat-x center top;
}

Téma: CSS segítség

LinkBack

Téma eszközök

Display

CSS segítség

re: CSS segítség

re: CSS segítség

re: CSS segítség

re: CSS segítség

re: CSS segítség

re: CSS segítség

re: CSS segítség

re: CSS segítség

re: CSS segítség

A téma címkéi:

Hozzászólás szabályai