Grafik rechts oben im Header Theme:Web2.0

Aphix

Hallo,

ich versuche jetzt schon eine ganze Weile eine Grafik in meinen Header zu setzen. Das klingt einfach ist aber tricky :mrgreen: Ich sah auf Copywriting tips for online marketing success from Copyblogger den Störer rechts oben und das will ich auch gern machen - leider funktionierts nicht. Ich habe versucht, einen Link in direkt in die Header-Datei zu setzen, ich versuchte, einen Link in die CSS-Datei zu bauen und das ist glaub ich ne gute Idee, denn es gibt eine Klasse, die rechts oben residiert und genau da will ich die Grafik einbauen (Quasi über dem Text: Männer können verstanden werden liegend). Hier der Code für die Klasse:

PHP

#wp-header dfn {
    color: <?php echo $web2_hs_color; ?>;
    }

Das dumme an der Sache ist auch, dass das Theme eine variable Breite hat und eine Tabelle (das Hellgraue) über der Klasse liegt (wenn ich das richtig kapiert habe...)

Weiß jmd weiter?? Was kann ich noch probieren?

Ps.: Ich hab die Grafik vorübergehend neben den AdSense-Block gelegt, sie soll aber über den Header-Balken liegen...wenns geht, also :)

Pps.: Die Webadresse ist: Frag-einen-Mann.de hab ich vor Lauter *** vergessen ;)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Zwei Gegenfragen habe ich ...

1 Was versuchst du denn mit PHP zuerreichen ?
2. Wozu die Tabelle ?

Was du möchtest wird nahezu komplett über CSS erreicht.
Der Grafikcontainer muss innerhalb des Headercontainers liegen, und wird absolut (!) positioniert und das Bild als Hintergrundimage definiert.
De Headercontainer wird "pseudo"-relativ positiniert.
( Bekommt keine Positionsangaben, aber so funktioniert die Absolutpositionierung wieder ! )

Code

<div id="header">
  <div id="stoerer">
  </div>
</div>

Code

CSS Bsp.:
#header{
position: relative;
}
#stoerer{
position: absolute;
background:transparent url('pfad_zum_bild.png') no-repeat scroll;
height:100px;
left:500px;
top:0px;
width:200px;
}

Alles anzeigen

Aphix

Ich hab eben versucht das hin zu würgen - die tabelle war drin, weil ich überzeugt davon war, dass ich damit AdSense & den Störer besser platzieren kann. Es sah genau so aus wie vorher, also hab ichs drin gelassen.

Vielen Dank für Deine Hilfe!! Hat mir geholfen, alles bestens, hehe :mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Grafik rechts oben im Header Theme:Web2.0

Jetzt mitmachen!