Ako napozicovat obrazok v css

Programovacie jazyky, rady, poradňa...
eNyCe
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 218
Registrovaný: 28 apr 2008, 14:22

Ako napozicovat obrazok v css

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

Ako sa da napozicovat obrazok v css?
Ak chcem dat napriklad logo na iny obrazok cez postion : absolute.Viem napozicovat text ale nvm obrazok. :(
__construct
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 108
Registrovaný: 23 sep 2009, 9:32
Bydlisko: Dark Side of The Moon
Kontaktovať používateľa:

Re: Ako napozicovat obrazok v css

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

Dá sa to niekoľkými spôsobmi, ale asi najpraktickejší a najsematickejší bude:

Kód: Vybrať všetko

    .hlavicka{
        position:relative;
        background-color: red;
    }
    .logo{
        position:absolute;
        top:5px;
        left:5px;
    }

Kód: Vybrať všetko

    <div class="hlavicka">
        <img class="logo" src="logo.png" alt="" />
    </div>
To position: relative; v "rodicovskom" dive Ti zabezpečí že logo bude "plávať" vnútri - ak by si to tam nemal pozicovanie by sa rátalo od body
eNyCe
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 218
Registrovaný: 28 apr 2008, 14:22

Re: Ako napozicovat obrazok v css

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

Diky moc K :plus:

//autoeditácia príspevku (09 Mar 2010, 16:37)
Este mam taky problem ze robim stranku cez html a css, nastavil som si farbu pozadia a naneho dal este zeleny obrazok ktory som vycentroval do stredu a nastavil vysku a sirku. Teraz tam davam odkazy v menu, logo a obsah cez absolutne pozicovanie ktore mam nastavene v triedach. Myslite ze to bude zobrazovat v kazdom rozliseni presne na tom zelenom obrazku ktore som pouzil ako "druhe pozadie" ?
DjBass
Darca
Darca
Používateľov profilový obrázok
Príspevky: 2068
Registrovaný: 24 máj 2008, 13:07
Bydlisko: Košice
Kontaktovať používateľa:

Re: Ako napozicovat obrazok v css

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

Skús hodiť nejaký odkaz, kde by sa to dalo pozrieť. Ak neukážeš kód, je ťažko si to predstaviť, čo tam vlastne máš.
forfun
Light Expert
Light Expert
Príspevky: 77
Registrovaný: 03 jan 2010, 17:26

Re: Ako napozicovat obrazok v css

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

Ako povedal DjBass len tazko si vieme predstavit co tam vlastne mas.

Ale ja osobne by som sa absolutnemu poziciovaniu vyhol pokial sa da.
Ja by som to riesil asi tak ze by som si ten zeleny obrazok dal ako div, do neho by som umiestnil dalsi div a donho by som uz daval jednotlive odkazy menu, od okraja ich posunies paddingom.
eNyCe
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 218
Registrovaný: 28 apr 2008, 14:22

Re: Ako napozicovat obrazok v css

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

Ano, vyriesil som to marginom a paddingom
Napísať odpoveď