zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden caption + span

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.01.2007, 13:47
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard caption + span

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.01.2007, 14:03
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Mit „text-align: right“?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.01.2007, 14:10
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
  #4 (permalink)  
Alt 02.01.2007, 23:13
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard hm...

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
Mit Zitat antworten
  #5 (permalink)  
Alt 02.01.2007, 23:32
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Code:
caption {
    font: bold 12px Arial;
    text-align: right;
    vertical-align: middle;
}
Das sollte raus und durch padding-top/-bottom ersetzt werden.
Mit Zitat antworten
  #6 (permalink)  
Alt 02.01.2007, 23:49
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #7 (permalink)  
Alt 03.01.2007, 00:10
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Stimmt, middle ist ja eh default, nimm also top.
Mit Zitat antworten
  #8 (permalink)  
Alt 03.01.2007, 01:21
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.

Geändert von heiko_rs (03.01.2007 um 01:24 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:08 Uhr.