Zum Inhalt springen

efa-fontsizer: Icons werden mit einem Div gewrapt

Erstellt am 12. Juni 2009 · 7 Antworten · letzte Antwort am 12. Juni 2009

Tags: HTML & CSS, Frage

Unbekannter Benutzer ·

Hallo,

ich benutze die extension efa-fontsizer, was auch gut klappt (über Sinn oder Unsinn lässt sich streiten).
Nun möchte ich die Schaltericons (A-, A, A+) in einer Reihe mit weiteren Icons anzeigen lassen (Print, Sitemap, ...). Leider werden die Icons von efa-fontsizer mit einem <div class="tx-efafontsize-pi1"> gewrappt und somit nicht in der gleichen Reihe angezeigt.
Hat jemand einen Tipp, wie ich den Div wegbekomme? Ich kann in den Codes der gesamten Extension keine Div-Anweisung finden.

Danke

Rainer

Floater ·

Hallo,

wie du das DIV entfernen kannst, kann ich Dir leider nicht sagen.
Aber dass die Buttons in einer Reihe angezeigt werden, das kannst Du per CSS lösen.

Gruß,
Floater

Unbekannter Benutzer ·

Hallo Floater,

danke für deine Antwort. Aber wenn ich in einem <p>-Tag einen <div> ein geschachtelt bekomme, dann führt das doch meiner Meinung nach automatisch zu einem Zeilenumbruch?

Hier (gekürzt) der Auszug aus dem Quelltext:

<p > 
<img src="fileadmin/template/images/icon_friend.gif" title="Seite weiterempfehlen" border="0">&middot; 
<img src="fileadmin/template/images/sitemap1.gif" width="9" height="14" title="Seitenübersicht" border="0">
<img src="fileadmin/template/images/drucker3.gif" width="16" height="16" border="0" alt="" title="" /> &middot; 

	<!--
		BEGIN: Content of extension "efafontsize", plugin "tx_efafontsize_pi1"
	-->
	<div class="tx-efafontsize-pi1">
		<script type="text/javascript">
/*<![CDATA[*/
document.write(efa_fontSize06.smallerLink);document.write(efa_fontSize06.resetLink);document.write(efa_fontSize06.biggerLink);
/*]]>*/
</script>
	</div>
	<!-- END: Content of extension "efafontsize", plugin "tx_efafontsize_pi1" -->
 &middot; </p>

Danke

Rainer

Unbekannter Benutzer ·

Das div das du meinst ist die Basis Class und findet sich in der Datei class.tx_efafontsize_pi1.php. Such nach

return $this->pi_wrapInBaseClass($content);

und ändere das dann nach deinen Vorstellungen ab, zum Beispiel einfach

return ($this->content);

Achtung: bei Updates der Extension geht das wieder verloren.

Ansonsten korekt. p ist ein blocklevelelement und zieht standardmäßig einen Umbruch nach sich. Außer du vergibst hier ein float:left;, dann fließen auch p's nach links nebeneinander.

Floater ·
rainerAgain schrieb

Hallo Floater,

danke für deine Antwort. Aber wenn ich in einem <p>-Tag einen <div> ein geschachtelt bekomme, dann führt das doch meiner Meinung nach automatisch zu einem Zeilenumbruch?

Im CSS gibt es "float: left;" und "display: inline;".
Das sollte Dir weiter helfen.

Im Coder der Extension herumzuändern halte ich nicht für sinnvoll, da - wie schon erwähnt - die Änderung nach einem Update verloren geht.

Gruß,
Floater

just2b ·
Floater schrieb

Im Coder der Extension herumzuändern halte ich nicht für sinnvoll, da - wie schon erwähnt - die Änderung nach einem Update verloren geht.

per xclass könnte mans ja ändern, aber css geht sicher auch