fehler bei seitenkopfbild [kubrick theme]

• 

  n01531w · Mitglied · April 30, 2008 at 8:43 am

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  hallo

  habe erst gerade einen blog eröffnet und einen selbst erstellten seitenkopf raufgeladen, habe ihn im standardformat 760px x 200px erstellt, also wurde die bearbeitung umgangen.
  die darstellung ist aber katastrophal, habs in FF2 und IE6/7 angeschaut, es ist kein browser bug.
  das ganze css scheint sowieso eine ziemliche katastrophe zu sein, x-regeln überschreiben sich selbst mit denselben werten und das debugging stellt sich auch mit firebug und weitreichenden css-kenntnissen als ziemlich schwer dar…

  schaut euch den header an: wiesion.wordpress.com

  grüsse

• 

  zodiac1978 · Mitglied · April 30, 2008 at 5:25 pm

  • Link kopieren

  Ja, da überschreibt sich allerdings alles mögliche. Ich habe zwar eine Lösung, aber weiß leider auch nicht, wie die Umsetzung aussehen kann.

  #header     { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
  #headerimg  { margin: 7px 9px 0; height: 192px; width: 740px; }
  #headerimg { background: url(http://wiesion.files.wordpress.com/2008/04/bloghead.gif) no-repeat top;}
  #header h1 a, #header h1 a:hover, #header .description {
  	color: #ffffff;
  }
  
  body { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickbgcolor.gif?m=1273203575i"); }
  #page { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickbg.gif?m=1273203575i") repeat-y top; border: none; }
  #header { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickheader.gif?m=1273203575i") no-repeat bottom center; }
  #footer { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickfooter.gif?m=1273203575i") no-repeat bottom; border: none;}
  #header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
  #headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; }
  #headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: ; }
  #headerimg h1 a, #headerimg .description { display:  }

  Der obere Part ist das neue Bild. Das alte Bild wird aber trotzdem noch definiert (der zweite Part. Richtig funktionieren würde folgendes:

  #header     { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
  #header { background: url(http://wiesion.files.wordpress.com/2008/04/bloghead.gif) no-repeat top;}
  #headerimg  { margin: 7px 9px 0; height: 192px; width: 740px; }
  #header h1 a, #header h1 a:hover, #header .description {
  	color: #ffffff;
  }
  
  body { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickbgcolor.gif?m=1273203575i"); }
  #page { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickbg.gif?m=1273203575i") repeat-y top; border: none; }
  /* #header { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickheader.gif?m=1273203575i") no-repeat bottom center; } */
  #footer { background: url("https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickfooter.gif?m=1273203575i") no-repeat bottom; border: none;}
  #header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
  #headerimg 	{ margin: 7px 9px 0; height: 192px; width: 740px; }
  #headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: ; }
  #headerimg h1 a, #headerimg .description { display:  }

  Wobei dein Header-Bild bis zum unteren Ende des Bildes gehen müsste (siehe Kubrick-Original: https://s-ssl.wordpress.com/wp-content/themes/default/images/kubrickheader.gif)

  Gruß, Torsten