caption + span

GN · #1 (**permalink**) 02.01.2007, 13:47

Hallo,

wie bekomme ich die Pfeile rechts positioniert?

Code:

caption {
    font: bold 12px Arial;
    text-align: left;
    vertical-align: middle;
}
<caption>Januar <span style="text-align: right;">&laquo; &nbsp; &raquo;</span></caption>

GN

Geronimo · #2 (**permalink**) 02.01.2007, 14:03

Mit „text-align: right“?

heiko_rs · #3 (**permalink**) 02.01.2007, 14:10

Wenn "Januar" links stehen soll und der Rest rechts, muß Januar in span (oder strong oder em etc.), das links floatet (passende Breite vergeben!). caption bekommt dann text-align: right; (innerhalb des Floats auf left zurücksetzen).

Deine bisherige Lösung klappt nicht, da span kein Blockelement ist und daher nicht die volle Breite einnimmt, sondern gerade mal die Pfeile umschließt, also hat text-align innerhalb von span de facto keinerlei Auswirkung.

GN · #4 (**permalink**) 02.01.2007, 23:13

Hallo,

habe es jetzt so:

Code:

caption {
    font: bold 12px Arial;
    text-align: right;
    vertical-align: middle;
}

<table class="cal">
<span style="float: left;">Januar</span> <caption>&laquo; &nbsp; &raquo;</caption>
  <tr>

Es steht aber nicht auf gleicher Höhe!?

GN

heiko_rs · #5 (**permalink**) 02.01.2007, 23:32

Code:

caption {
    font: bold 12px Arial;
    text-align: right;
    vertical-align: middle;
}

Das sollte raus und durch padding-top/-bottom ersetzt werden.

GN · #6 (**permalink**) 02.01.2007, 23:49

Hi,

hab es so:

Code:

caption {
    font: bold 12px Arial;
    text-align: right;
    padding: 5px 5px;
}

Januar und die Pfeile stehen trotzdem nicht auf gleicher Höhe.

GN

heiko_rs · #7 (**permalink**) 03.01.2007, 00:10

Stimmt, middle ist ja eh default, nimm also top.

heiko_rs · #8 (**permalink**) 03.01.2007, 01:21

Mir fällt gerade auf, daß Du das Markup ganz anders umgesetzt hast, als ich gemeint hatte. Du hast folgendes:

Code:

<table class="cal">
<span style="float: left;">Januar</span> <caption>&laquo; &nbsp; &raquo;</caption>
  <tr>

Aber "Januar" samt umgebendem span muß natürlich innerhalb von caption bleiben! Klar, daß es bei derartig invalidem Markup anders aussieht als erwartet

Außerdem gib span eine Breite.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
grafische Navigation horizontal zentrieren, klappt nicht	lila_3	CSS	4	30.11.2010 11:25
Float-Problem?	mischaef	CSS	33	20.10.2010 17:20
[Gelöst] Span in <button> ausserhalb positionieren (FF)	andir	CSS	9	23.10.2009 00:52
Navigation verschwindet im IE6	emti	CSS	4	12.05.2009 16:01
span-infobox wird in ie6 nicht angezeigt?	locita	CSS	9	13.07.2008 17:33