Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 17. Juni 2012 13:37

simonson
kennt CMS/ms
Ort: Wien
Registriert: 07. März 2012
Beiträge: 192

[GELÖST] anchor - Bild statt Text

Hallo Gemeinde,
<div class="right49">{anchor anchor='main' text='TOP'}</div>
funktioniert prima, aber ich hätte statt TOP lieber ein Bild.
How to do?
Dank vorab!


mfg
simonson

CMSMS 1.12     Apache/2.4.6 (Linux/SUSE) - PHP 5.4.20 - MySQL 5.0.95 - W7 ultimate - FF 38.0.1

Offline

#2 17. Juni 2012 13:49

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.437

Re: [GELÖST] anchor - Bild statt Text

Ich würde es so machen:
Template:

<div class="right49 anchorlink">{anchor anchor='main' text='TOP'}</div>

CSS:

.anchorlink a {
    overflow:hidden;
    text-indent:-999%;
    background:url("[[uploads_url]]/pfad zum bild") no-repeat;
    width: 32px;
    height: 32px;
    display:block;
}

Kurze Erklärung: Du gibst dem Div, welches den Ankerlik enthält eine weitere Klasse namens "anchorlink". Im Stylesheet formatierst Du Links, die sich in einem Element der Klasse "anchorlink" befinden so, dass deren Texteinzug (text-indent) irgendwo gaaanz weit außerhalb des Links liegt. Mit overflow:hidden verhinderst Du, dass Inhalte, die aus dem Link rausfallen würden, angezeigt werden. Dann gibst Du dem Link eine Hintergrundgrafik, eine Breite und eine Höhe und das sollte es dann gewesen sein.
Hat den Vorteil, dass der Link nicht leer ist, sondern tatsächlich verwertbaren Text beinhaltet.


Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Offline

#3 17. Juni 2012 14:12

simonson
kennt CMS/ms
Ort: Wien
Registriert: 07. März 2012
Beiträge: 192

Re: [GELÖST] anchor - Bild statt Text

merci vielmals!
Hab's inzwisch so gelöst:
<div class="right49">{anchor anchor='main' text='<img style="float: right;" src="uploads/images/ToP.gif" alt="" width="22" height="22" />' }</div>
Deine Lösung ist natürlich eleganter und besser anpassbar.

Beitrag geändert von simonson (17. Juni 2012 14:14)


mfg
simonson

CMSMS 1.12     Apache/2.4.6 (Linux/SUSE) - PHP 5.4.20 - MySQL 5.0.95 - W7 ultimate - FF 38.0.1

Offline

#4 17. Juni 2012 14:20

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.437

Re: [GELÖST] anchor - Bild statt Text

Aber dann gib dem Bild wenigstens noch einen Alternativtext beim alt="" und evtl. noch einen title (den kannst Du bei meiner Lösung auch dem Div geben). Dann wird's unmissverständlich.


Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Offline

#5 17. Juni 2012 14:34

simonson
kennt CMS/ms
Ort: Wien
Registriert: 07. März 2012
Beiträge: 192

Re: [GELÖST] anchor - Bild statt Text

latürnich - war wieder einmal zu rasch und damit schlampig unterwegs!

Hab' Dir anlässlich "floaten" geschrieben

Herzlichen Dank! Einfach - wenn man's weiss ;-)
SO wie Ihr hier mit newbies umgeht, ist wirklich herzerfrischend!

und muss das einfach wiederholen!


mfg
simonson

CMSMS 1.12     Apache/2.4.6 (Linux/SUSE) - PHP 5.4.20 - MySQL 5.0.95 - W7 ultimate - FF 38.0.1

Offline

#6 17. Juni 2012 19:27

Andynium
Moderator
Ort: Dohna / SN / Deutschland
Registriert: 13. September 2010
Beiträge: 7.018
Webseite

Re: [GELÖST] anchor - Bild statt Text

simonson schrieb:

SO wie Ihr hier mit newbies umgeht, ist wirklich herzerfrischend!

Weitersagen, weitersagen, weitersagen  big_smile ...

Offline