zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit <span>

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.08.2007, 16:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2006
Beiträge: 21
Dzaacky befindet sich auf einem aufstrebenden Ast
Standard Problem mit <span>

Hallo zusammen,

ich bin gerade dabei meine Homepage etwas zu überarbeiten.
Dabei viel mir auf, das bei der zu bearbeitenden Seite die Überschriften in einer
höheren Auflösung dort nicht in der Mitte der Seite sein würden.
Deshalb habe ich "width:auto" gesetzt und so waren die Überschriften wie sie sollten.
Allerdings steht rechts neben den Überschriften mit <span> das Datum des jeweiligen Eintrags und dieses ist dann plötzlich aus dem Fenster raus, sodass man scrollen muss.
Ich habe jetzt schon eine ganze Weile überlegt, wie man das ändern kann, bin aber auf keine Lösung gekommen, ich hoffe ihr könnt mir helfen.

Die betreffende Seite: Klick mich

Der betreffende Quellcode:

#content h4 {
width:auto;
margin-top:10px;
margin-bottom:7px;
text-align:center;
font-weight:bold;
font-size:15px;
color:#000;
background: url(titel.gif) no-repeat center top;
}

#content h4 span {
width:0px;
float:right;
text-align:right;
font-weight:normal;
font-size:13px;
color:#fff;
}


Vielen Dank schonmal
Dzaacky
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.08.2007, 16:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

Drück mal im Firefox ein-, zweimal Strg-+. Font-Größen in Pixel sind böse.

Zitat:
Zitat von Dzaacky Beitrag anzeigen
Code:
#content h4 span {
	width:0px;
	float:right;
	text-align:right;
	font-weight:normal;
	font-size:13px;
	color:#fff;
	}
EDIT: text-align:right ist auch recht zwecklos.

Robin
__________________
CSS-Rauch! Nicht einatmen!

Geändert von RoToRa (08.08.2007 um 16:34 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.08.2007, 18:13
Benutzerbild von Loïs Bégué
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2007
Ort: Freiburg (D)
Beiträge: 780
Loïs Bégué wird schon bald berühmt werden
Standard

Zitat:
#content {
margin-left: 170px;
/* width:auto; */
margin-right: 50px;
width:100%
padding: 10px 0 50px 0;
background-color: yellow;
}
und
Zitat:
#content h4 {
margin-right: auto;
margin-top:10px;
margin-left:10px;
margin-bottom:5px;
text-align:center;
font-weight:bold;
font-size:15px;
color:#000;
/* background: url(images/news/titel.gif) no-repeat center top; */
background-color: red;

}
funktioniert bei mir (FF) einwandfrei.

Allerdings solltest Du auch bedenken, statt "h4" lieber "h3" zu benutzen, sonst springst Du von einem h2 ("news") direkt in einem h4, was semantisch nicht korrekt ist.
__________________
To attain knowledge, add things everyday. To obtain wisdom, remove things everyday. (Lao Tzu)
Links : Some needfull links (Delphi, XHTML...)
Tools : Arpoon Freeware (Checksum...)
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
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 11:01
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 10:57
Problem mit WordPress und dem Bilder Upload Maxefix Serveradministration und serverseitige Scripte 0 19.12.2006 15:58
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:13 Uhr.