Wrapper Template ce_download(s)

Hallo zusammen,

ich würde gerne den Downloadblöcken einen Ankertag verpassen. Allerdings ist im ce_downloads nicht der Rahmencode enthalten sondern nur die Downloads selbst.

Code:

---

<?php $this->extend('block_searchable'); ?>


<?php $this->block('content'); ?>
  <ul>
    <?php foreach ($this->files as $file): ?>
      <li class="download-element ext-<?= $file['extension'] ?>">
        <a href="<?= $file['href'] ?>" title="<?= $file['title'] ?>" type="<?= $file['mime'] ?>"><?= $file['link'] ?> <span class="size">(<?= $file['filesize'] ?>)</span></a>
      </li>
    <?php endforeach; ?>
  </ul>


  <?php if(count($this->files) == 0): ?>
    Aktuell noch keine Dateien verfügbar.
  <?php endif; ?>


<?php $this->endblock(); ?>

---

Wo muss ich denn ran wenn ich an das DIV drumherum möchte?

Code:

---

<div class="ce_downloads trenner block">


.....


</div>

---

VG Frank

block_searchable, steht ja drin ;). Entweder du packst den Code von block_searchable mit ins ce_download Template oder du machst eine Kopie vom block_searchable Template, machst darin die Änderungen und erweiterst dann eben dieses Template mit deinem ce_download. Vermutlich gibt es auch noch andere Ansätze.

Hmm OK. Block Searchable habe ich nicht als Wrappertemplate gesehen.....bzw. als passenden Kandidaten ausgemacht :-)

Zitat:

---

Zitat von Kahmoon

ich würde gerne den Downloadblöcken einen Ankertag verpassen.

---

Du meinst einfach eine CSS-ID vergeben? Das kannst du ja bei jedem Element.

Ne, ich habe einen fixen Header der über der Seite liegt. Sprich die Anker liegen immer unterhalb der Navi und der Sprung wirkt so "falsch" bzw. ist zu tief.

Ich muss dem ce_downloads ein position:relative geben und dem Anker (alter Code mit <a name="cssid"></a>) via position:absolute ein top:-80px geben.

und warum kein margin-top: -80px;
Müsste doch auch klappen ohne den Aufwand oder?

Edit: Sorry war wohl falscher Gedanke , aber ein ein positives margin müsste doch auch gehen

Edit2: Ich hatte das mal so gemacht

Code:

---

<span class="anchor" id="anker1"></span>

---

Code:

---

span.anchor {
        display: block;
        height: 80px;
        margin-top: -80px;
        visibility: hidden;
}

---