Div probleme / ele if background hochschieb Probleme - doofheit

[bast1an]

Hi,
ich habe ein doofes Problem - mich ;-)
Ich hoffe ich kann mein Problem sinnig erklären...
Evt. kann mich jemand erleuchten?

Ich bastele gerade an einem Wordpress Template für Projekt Osteo
Ich habe dort ein div mit nem blauen bild gebastelt und will nun je nach Link ein (jeweils anderes Bild) drüberschieben ..
Das drüberzuschiebene Bild hab ich ins nächste div gepackt und rufe es per else if hintergrund.

Das mit dem else if etc für anderes Bild funktioniert wunderbar.
Nur leider geht das hochschieben nicht. Ich hab das bisher über margin -290px gelöst aber irgendwie geht das mit dem else if nicht.
Bzw evt geht es auch nicht weil ich da einen hintergrund rufe?
(Hab ne transparente gif drüber liegen um die höhe etc hinzubekommen)

Hier mal der Code in dem der Fehler stecken sollte:
Bzw die Frage, wie ändere ich den Code ab um das elseif bild hochzuschieben ? Wenn ich (gaanz unten) statt margin 0 0 0 20px .. margin -290 ... schreibe verschwidet das bild (das gif verschiebt sich aber ..)

  
<div style="z-index:-2 ;">  
 <img src="http://www.osteopathie-grindel.de/Osteopathie/hamburg/slideshowbg.png" alt="Hund">  
</div>  
  
<div style=" background-image: url('<?php  
    bloginfo('stylesheet_directory');  
  
    if (is_home())  
{  echo "/images/testbild.jpg"; }  
elseif (is_page('4'))  
{ echo "/images/osteopathie-main.jpg";   }  
elseif (is_page('13'))  
{ echo "/images/osteopathie-ausbildung-hamburg.jpg";   }  
  
  
?> ')  
;background-repeat:no-repeat; margin: 0 0 0 20px; ">  
<img src="http://www.osteopathie-grindel.de/Osteopathie/wp-content/themes/johnmaske/images/hamburg.gif" alt="Hamburg" >  
</div>

Ich weiss, es wäre total einfach den blauen Rahmen um jedes Bild zu legen, will der Kunde aber nicht.

[ChrisB]

Hi,

Das drüberzuschiebene Bild hab ich ins nächste div gepackt und rufe es per else if hintergrund.

Und das soll jetzt irgendwie verständlich sein?

Nur leider geht das hochschieben nicht.

Was meinst du denn eigentlich mit „hochschieben“?

Ich hab das bisher über margin -290px gelöst aber irgendwie geht das mit dem else if nicht.
Bzw evt geht es auch nicht weil ich da einen hintergrund rufe?

Hintergründe lassen sich nicht „rufen“.

Bzw die Frage, wie ändere ich den Code ab um das elseif bild hochzuschieben ?

Warum willst du es denn überhaupt „hochschieben“?

Warum bindest du nicht einfach das Bild direkt an der Stelle ein, wo du es haben willst?
Den blauen Farbverlauf kannst du doch dann als Hintergrundbild hinter das Bild legen.

Ich weiss, es wäre total einfach den blauen Rahmen um jedes Bild zu legen, will der Kunde aber nicht.

Damit meinst du, den blauen Bereich direkt ins Bild zu integrieren?
Nun, das muss ja auch nicht.

MfG ChrisB

[bast1an]

Hi Danke für die Hilfe, denke das hat mich auf den richtigen weg gewiesen
gehe das jetzt so an und funktioniert~~~html <div style=" background-image: url(http://www.osteopathie-grindel.de/Osteopathie/hamburg/slideshowbg.png)" >

<img src="<?php
    bloginfo('stylesheet_directory');
    if (is_home())
{  echo "/images/testbild.jpg"; }
elseif (is_page('4'))
{ echo "/images/osteopathie-main.jpg";   }
elseif (is_page('13'))
{ echo "/images/osteopathie-ausbildung-hamburg.jpg";   }

elseif (is_page('6'))
{ echo "/images/qigong-main.jpg";   }
elseif (is_page('15'))
{ echo "/images/about-john-maske.jpg";   }

elseif (is_page('8'))
{ echo "/images/osteopathie-kotakt.jpg";   }

else
{  echo "/images//testbild.jpg"; }

?>">

</div>

[Der Martin]

Hallo,

Hi Danke für die Hilfe, denke das hat mich auf den richtigen weg gewiesen
gehe das jetzt so an und funktioniert

ich habe zwar immer noch nicht verstanden, was dein eigentliches Problem ist/war, aber schön, wenn es erledigt ist.

if (is_home())

{  echo "/images/testbild.jpg"; }
elseif (is_page('4'))
{ echo "/images/osteopathie-main.jpg";   }
elseif (is_page('13'))
{ echo "/images/osteopathie-ausbildung-hamburg.jpg";   }

elseif (is_page('6'))
{ echo "/images/qigong-main.jpg";   }
elseif (is_page('15'))
{ echo "/images/about-john-maske.jpg";   }

elseif (is_page('8'))
{ echo "/images/osteopathie-kotakt.jpg";   }

else
{  echo "/images//testbild.jpg"; }

  
Anstatt einer langen if-else-Folge bietet sich auch die switch-Anweisung an. Das macht es IMO etwas übersichtlicher, vor allem wenn die Anweisung in jedem Zweig "im Prinzip" dieselbe ist.  
  
Ciao,  
 Martin  

-- 
Früher habe ich mich vor der Arbeit gedrückt, heute könnte ich stundenlang zusehen.  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(