[Erledigt] CSS - Span als horizontale Linie

Baltasar · 23.01.2009, 10:46

Ich arbeite zur Zeit daran ein Template für Joomla 1.5 meinen Vorstellungen anzupassen und bin ganz gut voran gekommen. Allerdings versuche ich jetzt seit bestimmt einer Stunde einen Span so zu formatieren, dass eine dünne horizontale Linie angezeigt wird. Der Span wird von Joomla automatisch als Spacer zwischen Inhalts-Elementen erzeugt und ich kann ihn daher nicht einfach löschen oder ersetzen, sondern muss ihn mit CSS formatieren. Allerdings wird der Span deutlich zu hoch angezeigt. Eigentlich sollte er eine Höhe von 1px haben, hat aber bestimmt 5 - 10px. Ich denke, dass das Problem darauf resultiert, dass der Span von joomla mit einem leerzeichen gefüllt wird und ich habe versucht dementsprechend alles anzupassen, aber er will nicht. Naja..Anbei mal der entsprechende CSS-Code und ein Link zur Seite. Dort werden ihr schon sehen, was nicht richtig ist.

Code:

PHP-Code:

  span.article_separator {
        display:block;
    height: 1px;
        width:750px;
        background:#000;
        line-height:1px;
        font-size:1px;
        margin:0;
        padding:0;
        border:0;
}

Link: Infos

David · 23.01.2009, 10:58

Deine Angaben zur Höhe werden von

Code:

table.blog span.article_separator {
display:block;
height:20px;
}

in template.css (line 651) überschrieben.

Installier Dir mal Firebug. Damit kannst Du Dir anzeigen lassen, welche CSS Eigenschaften für ein bestimmtes Element gelten.

Baltasar · 23.01.2009, 11:09

vielen, vielen dank für die schnelle hilfe und den tipp mit firebug. damit werde ich micht bestimmt auseinandersetzen!

nikosch · 23.01.2009, 12:46

Notfalls hilft ein !important.

Manko10 · 23.01.2009, 13:43

Zitat:

Der Span wird von Joomla automatisch als Spacer zwischen Inhalts-Elementen erzeugt und ich kann ihn daher nicht einfach löschen oder ersetzen, sondern muss ihn mit CSS formatieren.

Aua!
Ich weiß schon, warum ich Joomla für immer den Rüchen gekehrt habe. SPAN als Separator, da hatte wohl jemand einen ganz schlechten Tag.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Horizontale 100% Div-Box mit padding rechts bzw links	PsychoEagle	HTML, Usability und Barrierefreiheit	8	17.04.2007 12:51
dicke linie	anno	PHP Tipps 2007	6	01.04.2007 17:27
Linie zeichnen	anno	PHP Tipps 2007	12	23.03.2007 09:04
dicke Linie	anno	PHP Tipps 2007	4	21.03.2007 07:06
Horizontale Scrollbar erscheint wenn Vertikale auftaucht	PsychoEagle	HTML, Usability und Barrierefreiheit	7	20.06.2006 08:54
span?	notyyy	HTML, Usability und Barrierefreiheit	2	14.03.2006 20:58
[Erledigt] Link mit andersfarbiger Linie!		HTML, Usability und Barrierefreiheit	6	30.06.2005 08:27
[Erledigt] Zellen 2er Tabllen mit Linie Verbinden		PHP-Fortgeschrittene	5	12.04.2005 14:12
span mittels css in div positionieren		HTML, Usability und Barrierefreiheit	6	10.02.2005 14:15
[Erledigt] HTMl-Tag HR (Linie) einfärben in Mozilla mit CSS		HTML, Usability und Barrierefreiheit	8	02.11.2004 12:20
textmakieren in span per js		HTML, Usability und Barrierefreiheit	0	29.10.2004 12:46
Linie zwischen Tabellen löschen		HTML, Usability und Barrierefreiheit	4	16.08.2004 12:36
horizontale Linie <hr>		HTML, Usability und Barrierefreiheit	4	04.06.2004 21:09
horizontale Linie &lt;hr&gt;		HTML, Usability und Barrierefreiheit	0	04.06.2004 11:20
linie???	Creativ	HTML, Usability und Barrierefreiheit	12	03.06.2004 14:17

23.01.2009, 10:46
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	[Erledigt] CSS - Span als horizontale Linie Ich arbeite zur Zeit daran ein Template für Joomla 1.5 meinen Vorstellungen anzupassen und bin ganz gut voran gekommen. Allerdings versuche ich jetzt seit bestimmt einer Stunde einen Span so zu formatieren, dass eine dünne horizontale Linie angezeigt wird. Der Span wird von Joomla automatisch als Spacer zwischen Inhalts-Elementen erzeugt und ich kann ihn daher nicht einfach löschen oder ersetzen, sondern muss ihn mit CSS formatieren. Allerdings wird der Span deutlich zu hoch angezeigt. Eigentlich sollte er eine Höhe von 1px haben, hat aber bestimmt 5 - 10px. Ich denke, dass das Problem darauf resultiert, dass der Span von joomla mit einem leerzeichen gefüllt wird und ich habe versucht dementsprechend alles anzupassen, aber er will nicht. Naja..Anbei mal der entsprechende CSS-Code und ein Link zur Seite. Dort werden ihr schon sehen, was nicht richtig ist. Code: PHP-Code: `span.article_separator { display:block; height: 1px; width:750px; background:#000; line-height:1px; font-size:1px; margin:0; padding:0; border:0; }` Link: Infos


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.01.2009, 10:58
David Erfahrener Benutzer Registriert seit: 05.09.2007 Beiträge: 5.044	Deine Angaben zur Höhe werden von Code: table.blog span.article_separator { display:block; height:20px; } in template.css (line 651) überschrieben. Installier Dir mal Firebug. Damit kannst Du Dir anzeigen lassen, welche CSS Eigenschaften für ein bestimmtes Element gelten.

23.01.2009, 11:09
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	vielen, vielen dank für die schnelle hilfe und den tipp mit firebug. damit werde ich micht bestimmt auseinandersetzen!

23.01.2009, 12:46
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Notfalls hilft ein !important. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --