opgelost Logo invoeren via css

Hallo,

Graag had ik een logo op mijn site geplaats. Ik heb het met een tekenprogramma het resultaat reeds kunnen natekenen.

Ik heb Het logo als .PNG bestand en heb dit ge-upload naar mijn server.

Nu vraag ik mij alleen af, welke code ik in welke regel moet zetten van mijn template.css

Dit is de live versie van de website

en dit is het voorbeeld zoals ik het wil krijgen (zie rode kader)



Kan iemand mij helpen?

Alvast bedankt!

Hoi,

Je kan de volgende CSS defintie doen op het element waar je de afbeelding wilt hebben:

ok bedankt maar in welke regel moet ik jouw stukje code dan invoeren?

Ik weet niet in welke regel ik de code moet toevoegen om het gewenste resultaat te bekomen zoals op de printscreen..

Kan je mij daar ook nog bij helpen?

Groetjes

Waarschijnlijk heb je op die plaats een element staan. Dan moet je die doormiddel van de CSS selector selecteren. Daarbinnen doe je de definitie.

Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).

Maak je gebruik van Chrome, of Internet Explorer (9 of hoger)? Dan kun je op F12 drukken om de CSS definities te achterhalen.

Ja FireBug gebruik ik al lang..

Ik vind enkel het element ".art-shapes" maar daar krijg ik het gewenste resultaat nog niet goed mee..

Klopt het pad naar je afbeelding? Heb je het al geprobeerd met i.p.v. met

Met background-image krijg ik volgend resultaat (zie foto)




Met de content tag krijg ik niets..

Is al iets toch? Nu nog even verdiepen in css en je hebt een mooi logo.

Ja maar dat is het net.. Ik ken zeer weinig van CSS... Is het uberhaupt wel op dezelfde plaats te krijgen zoals in mijn eerste bijlage (met de rode kader)?

Alvast bedankt!

Het is me al gelukt om de no-repeat in te stellen..

Nu nog naar de voorgrond krijgen.. Dat moet met de z-index zie ik maar dit krijg ik niet goed..
geeft geen resultaat..

Bijkomend heb ik al wat zitten prutsen met een maar ook dit zonder resultaat..

Als wil je hem op die exacte plek hebben als je eerste post, dan zou ik nog een div aanmaken in je navigatie element. Als je de volgende CSS regels er aan mee geeft dan zit dat logo op de juiste plek:

Ik heb op regel 517 volgende code geplaatst:

Blijkbaar heb ik iets fout gedaan want ik zie niets op de front-end??