container im container vertikal?

Begonnen von Shapeir, 19 Jun 2012, 18:17

« vorheriges - nächstes »
Nach unten

Shapeir

Hallo.
Wie im Bild zu sehen ist, habe ich im header verschiedene links untergebracht.
Ich möchte nun einzelne container erstellen (pro Häckchen ein image zum anklicken) welche übereinander verlagert sind anlegen.
Hier der bisherige Code aus der product.tpl:

<!-- Header -->
<div id="header">
<div class="page">
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}"/>
</a>
<div id="header_right">
             <!--   <a href="/cms.php?id_cms=16">
<img class="herz" src="/img/bilder/1PNG" style="margin-left: 5px;"/>
                      </a>                -->
                                      <a href="/cms.php?id_cms=4">
<img class="headlink" src="/img/bilder/karl.PNG" style="margin-left: 0%;" title="{l s='Wer ist Karl?'}"/>
                      </a>
                        <a href="/cms.php?id_cms=71">
<img class="headlink" src="/img/bilder/4.PNG" style="margin-left: 2%; "title="{l s='Wir über uns'}"/>
                      </a>
                          <a href="/cms.php?id_cms=20">
<img class="herz" src="/img/bilder/2PNG" style="margin-left: 2%; "title="{l s='Feine Rezepte'}"/>
                      </a>
                                   <!--   <a href="/cms.php?id_cms=16">   -->
<img class="herz" src="/img/bilder/1PNG" style="margin-left: 2%;" title="{l s='Unsere Konditionen'}"/>
                      </a>
                       <!--    <a href="/127-spezial">
<img class="headlink" src="/img/bilder/5.PNG" style="margin-left: 2%;"/>
                      </a>      -->
         {$HOOK_TOP}
</div>
</div>
</div>


Ich möchte von Bild a zu Bild b.

Ich bräuchte Hilfe was ich in der product.tpl anpassen muss und evtl. was ich in der global.css eintragen muss.

Vielen Dank für eure Hilfe :)

Shapeir

#1
20 Jun 2012, 00:50 Last Edit: 20 Jun 2012, 00:56 by Shapeir
Ich habe es mitlerweile selbst herausgefunden.... :)

Sorry es kann sein das im code fehler enthalten sind oder etwas umständlich programiert ist, ich kenne mich eigentlich nicht sehr damit aus...daher.... über jeden Verbesserungshinweis bin ich dankbar :)!

<!-- Header -->
<div id="header">
<div class="page">
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}"/>
</a>
<div id="header_right">
            <!--   <a href="/cms.php?id_cms=16">
<img class="herz" src="/img/bilder/1PNG" style="margin-left: 5px;"/>
                     </a>                -->
                         <div style="float: left; width: 270px;">          <a href="/cms.php?id_cms=4">
<img class="headlink" src="/img/bilder/karl.PNG" style="margin-left: 0%;" title="{l s='Wer ist Karl?'}"/>
                     </a>
                       <a href="/cms.php?id_cms=71">
<img class="headlink" src="/img/bilder/4.PNG" style="margin-left: 2%; "title="{l s='Wir über uns'}"/>
                     </a>
                         <a href="/cms.php?id_cms=20">
<img class="herz" src="/img/bilder/2PNG" style="margin-left: 2%; "title="{l s='Feine Rezepte'}"/>
                     </a>   </div>
          <div  id="header_right2">

<div> <!--<a href="/cms.php?id_cms=1">  --><img  src="/img/bilder/1b" style="margin-left: 2%" title="{l s='Wir Mischen täglich frisch!'}"  />    </div>
             <div><a href="/cms.php?id_cms=1"> <img  src="/img/bilder/2b" style="margin-left: 2%" title="{l s='Infos zum Versand'}"  />    </div>


                </div>
        {$HOOK_TOP}
</div>
</div>
</div>


Wie zusehen ist, habe ich den ersten div (<div id="header_right">) etwas früher geschlossen und einen neuen div (<div id="header_right2">) aufgemacht und in diesem header einfach 2 neue div hinzugefügt. :)

Egal wie ... es läuft :)


Nach oben