Wie 2 weitere "Boxen" unter Headerleiste einfügen?

agm

Hallo zusammen!

Ich habe folgendes Problem:
Unter dem Header und damit zwischen Header und Page (inkl. Sidebar) sollen 2 weitere Bereiche von 760px Breite und 20px Höhe eingezogen werden. Wie zwei parallele Streifen unterhalb der Headergrafik. Mir ist es mit meinen leider manchmal ein wenig beschränkten Kenntnissen nicht gelungen, diese Streifen vernünftig zu platzieren. Entweder schwebten die Dinger über dem Header oder irgendwo im oberen Drittel des Page-Bereiches. Es wäre toll, wenn mir jemand da ein bisschen auf die Sprünge helfen könnte!

Ziel des Ganzen: Headergrafik, gefolgt von einem kleinen Streifen, in dem sich ein Flashobjekt abspielt, gefolgt von einem kleinen Streifen, der eine Grafik enthält und dann soll nahtlos die Hauptseite mit der Sidebar anschließen.

Welche Informationen braucht Ihr, um mir helfen zu können?
Es dreht sich um folgende Site: http://www.skandaloid.com

Vielen Dank im Voraus für jedweden Tip!
Alex

//Oh Mist: Gerade gesehen - Ich bin im falschen Forum gelandet... Könnte mich ein Moderator in "Design" verlegen? Über Antworten freue ich mich natürlich trotzdem!

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

agm

Och nö. Da quält man sich tagelang rum, nichts geht und kaum postet man hier - Schwupps, schon läuft's...

Ich habe es doch tatsächlich von jetzt auf gleich hinbekommen.
Folgendermaßen:

In der header.php

Code

<body>


<div id="page">
<!-- Headerimage zum Link machen -->
<div id="header" onclick="location.href='http://blog.skandaloid.com/';" onkeypress="location.href='http://blog.skandaloid.com/';">
</div>


<div id="flashheader">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="587" height="20">
      <param name=movie value="http://images.skandaloid.com/start.swf">
      <param name=quality value=high>
      <embed src="http://blog.skandaloid.com/wp-content/themes/default_de/images/skandaloid_headerflash.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="587" height="20">
      </embed> 
      </object>
</div>


<div id="ornamentheader">
<img src="http://blog.skandaloid.com/wp-content/themes/default_de/images/ornament.gif"/>
</div>

Alles anzeigen

habe ich, wie man sieht, die DIVs "flashheader" und "ornamentheader" eingefügt und mit Inhalt gefüllt.

In der style.css habe ich folgendes hinzugefügt:

Code

#flashheader {
    height: 20px;
    background: #000;    
    text-align: center;
}


#ornamentheader {
    height: 38px;
    text-align: center;
}

Alles anzeigen

und das war's...

agm

HILFE!

Wie ich gerade feststellen musste, scheint meine Änderung etwas zerschossen zu haben. Die Seite sieht normal aus, aber sobald man einen Monat aus dem Archiv anklickt, oder die Suche benutzt, tritt der Effekt ein, dass Teile der Hintergrundgrafik und der Footer nicht mehr angezeigt werden.

Bitte probiert es mal aus:
http://blog.skandaloid.com/index.php?s=Test

In der header.php habe ich übrigens auch noch folgende Änderungen (in rot) vorgenommen:

PHP

<style type="text/css" media="screen">
/*	To accomodate differing install paths of WordPress, images are referred only here,
	and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
	not, then go right ahead and delete the following lines, and the image files. */
		
	body { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); }	
<?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single())) { ?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; } 
<?php } ?>
	#header { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickheader.gif") no-repeat top center; }
	#footer { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickfooter.jpg") no-repeat bottom; border: none;}
  	[COLOR="Red"]#flashheader { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
  	#ornamentheader { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }[/COLOR]

Alles anzeigen

Könnte es damit zusammenhängen?

Ich bin für jede Hilfe sehr dankbar,
Alex

agm

Ich will wirklich nicht nerven, aber hat nicht vielleicht doch jemand eine Idee? Ich bastle seit Stunden daran rum, doch das Problem bleibt und die Site sieht ziemlich doof aus..

Vielen Dank im Voraus!
Alex

agm

Dieser *Bump* ist nur ein stummer Schrei nach Hilfe...
Sorry, aber ich verzweifle ernsthaft. :cry:

agm

Bin nach einigen verzweifelten Stunden selbst dahinter gekommen.
Das Topic kann gerne geschlossen werden.

Alex

copernica

Vorher wüßten wir aber gern noch die Auflösung des Rätsels :-D

agm

Nur selbst rausfinden bringt tagelangen Spaß! :mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie 2 weitere "Boxen" unter Headerleiste einfügen?

Jetzt mitmachen!