banjalukaforum.com

Pozdrav drugari...

Vidim da ovde ima dosta ljudi koji se razumiju u programiranje i web dizajn, pa me zanima da li bi mi neko mogao pripomoci oko problema u Wordpress sajtu - naime, hocu da preko backgrounda u headeru (fina slika velika) stavim kockasti prozor u kojem bi bio animirani gif gdje bi se rotirale slicice. Postavio background header, napravio (nacrtao) taj kockasti dio u kojem bih sad da se prikazuje taj animirani gif, ali nemam pojma kako da ubacim taj gif preko tog backgrounda. Pokusao par stvari i ili se zakuca na sam vrh strane (centar, lijevo, desno) ili na dno, ne mogu da ga pomjerim marginama nikako.

Ono sto sam uradio je da sam u header.php ubacio ovako:

<div id="main">
<?php if (is_home()) { ?>
<div id="main-top"><div id="main-top3">
<?php } else { ?>
<div id="ostale-top">
<?php } ?>

Gdje mi je taj main-top u css-u glavna slika velika u backgroundu, a main-top3 taj gif koji bih da smjestim na odredjenu poziciju u headeru.

U Cssu napravio zatim ovako:

#main-top {
margin:0; padding:0;
width:100%; height:100%;
background:url(images/main-top.gif) no-repeat top center;
position:relative;
}

#main-top3 {
margin:0; padding:0;
width:100%; height:100%;
background:url(images/animirani.gif) no-repeat top center;
position:relative;
}

I petljao po tom main-top3 marginama, paddingu i nema sta ne, ali nece da se pomjeri na zeljenu poziciju.

Pitanje je dakle, kako pomjeriti u CSSu tacno taj animirani gif na zeljenu poziciju, i gdje grijesim?

Hvala mnogo ako neko moze pomoci, smorih se najgore sa ovim, a sve ostalo gotovo

Slikovito receno, ovo mi treba:

Rijesio problem, da se ne muci neko ako je bio voljan pomoci

#main-top je relative, a #main-top3 ti je onda absolute i pomjeraj tacno gdje hoces. Ili recimo ako nisi definisao ni #main-top, onda mozes float right #main-top3 i marginama vuces gdje treba

_________________
http://www.codebluestudio.com