Problem mit CSS

[ubi_sam]

Nabend,

irgendwie bekomm ich dieses problem nicht in griff:

Bitte kostenlos registrieren, damit du die Links siehst.

Bei den 2 Kreisen wo nichts steht, ist eigentlich [Autor], aber wegen der gleichen Farbe sieht man das nicht. Ist aber das gleiche Problem.

Weiß jemand was?!

Hier der Auszug aus der CSS:

div.box div.bar
{
	height: 23px;
	clear: both;
	background: url('./images/box_foot.jpg') repeat-x;
	color: #d1e3ee;
	font: 11px Tahoma;
}
	
	div.box div.bar span
	{
		height: 23px;
		display: block;
		background: url('./images/box_foot_left.jpg') no-repeat;
		float: left;
		padding: 4px;
	}
	
	div.box div.bar span span
	{
		height: 23px;
		width: 2px;
		background: url('./images/box_foot_right.jpg') top right no-repeat;
		float: right;
		display: block;
		margin: -4px;
	}
	
	div.box div.bar a
	{
		display: block;
		color: #d1e3ee;
		text-decoration: none;
	}
	div.box div.bar a.right
	{
	text-align: center;
	}

gruß

 

[d3221]

AW: Problem mit CSS

man bräuchte vllt. noch den code wie wo was drinne ist und nicht nur die CSS weil sosnt weiß man gar nicht wo du was angewendet hast

 

[ubi_sam]

AW: Problem mit CSS

Hab mal alles hochgeladen

 

[sokie]

AW: Problem mit CSS

ja, aber was genau ist denn das Problem?

 

[maromedia84]

AW: Problem mit CSS

ja, aber was genau ist denn das Problem?

Dem schliesse ich mich an !
Also bei mir erscheint das Author in einer Eckigen Klammer!

 

[Blackivory]

AW: Problem mit CSS

Das Rote Span ist das Problem.

<span>
<span></span>
<a href="#" class="right">[Autor]</a>

</span>

Versuch es mal mit

<div class="bar">
                     <span>
                         <span style="width:50px;"><a href="#" >[Autor]</a></span>

                        
                    </span>

und Binde es in der css ein zb so

<div class="bar">
                     <span>
                         <span ID="titel"><a href="#" >[Autor]</a></span>

#titel{
width:50px;
}

 

[ubi_sam]

AW: Problem mit CSS

Dem schliesse ich mich an !
Also bei mir erscheint das Author in einer Eckigen Klammer!

Das es diesen Zeilenumbruch gibt z.B. bei ältere News oder das Autor nach unten rutscht.

Ich probier jez mals Blackivory's lösung.

 

[Blackivory]

AW: Problem mit CSS

Habe es mal abgeändert wie es überall gehen sollte.

 

[ubi_sam]

AW: Problem mit CSS

Super klappt =) Danke

Und jetzt weiß du bestimmt noch eine Lösung, wie ich dann die rechte trennungs-seite da dann (wieder) hinbekommt?

 

[Blackivory]

AW: Problem mit CSS

Hatte es zwar schon oben Hin geschrieben aber ok

<div class="bar">
                     <span>
                         <span style="width:50px;"><a href="#" >[Autor]</a></span>

                        
                    </span>

Erzeugt eine Breite des Spans von 50 pixel kannst du beliebig kleiner Größer machen an besten Bindest es mit in css ein und gut

<div class="bar">
                     <span>
                         <span ID="titel"><a href="#" >[Autor]</a></span>

#titel{
width:50px;
}

 

[sokie]

AW: Problem mit CSS

id="titel" sollte aber eine class sein, weil dieser Teil ja für jede Nachricht kommt (IDs wiederholen sich nicht!)

 

[ubi_sam]

Cool klappt danke =)

Könnte man das fest rechts hinmachen? So wie links?

Gruß und danke nochmal

Habs jez

<div class="bar">
                     <span>
                         <span style="width:183px;"><a href="#" >[Autor]</a></span>

                        
                    </span>

Die breite der grafik minus 7px rand.

gute nacht