✔ Dringende Hilfe gesucht

[roundaboutmedia]

You are the best!!
Danke, vielen dank.
Und ich hock da und zerbrech mir den Kopf und dabei ist es so einfach.

aber trotzdem noch mal auf die Frage zu kommen, wie würdest du sowas lösen?

 

[Maik]

Sprichst du von der 100%-Höhe? Dazu hab ich dir doch mein CSS-Tutorial empfohlen.

mfg Maik

 

[roundaboutmedia]

Nein ich mein diesen "news" Bereich, bei dem sich die Hintergrundfarbe hinter den ganzen Text legt quasi als "button" dargestellt werden soll.

 

[Maik]

Paßt dir die derzeitige Umsetzung nicht?

mfg Maik

 

[roundaboutmedia]

Doch eigentlich bin ich schon stolz drauf das ich das so überhaupt hinbekommen habe, nur würde ich gerne von einem Profi gerne wissen wie er es gelöst hätte.
Mich interessiert deine Meinung da ich irgendwann, vielleicht auch andere Seiten noch machen will und mich gerne fortbilde

 

[Maik]

Naja, da die einzelnen News-Blöcke gleichzeitig als Link dienen, ist so doch alles bestens

Einziger Kritikpunkt: Ein Inline-Element (a) darf kein Block-Element (h1) enthalten, sondern nur weitere Inline-Elemente.

So könntest du die "News-Überschrift" in ein span-Element einbetten, und dieses wie gewünscht formatieren.

mfg Maik

 

[Maik]

Achja, überprüf bitte nochmal im Stylesheet die Reihenfolge der Pseudoklassen, denn die stimmt noch immer nicht, und kann in diversen Browsern zu Fehlinterpretationen führen - siehe hierzu auch :link, :visited, :focus, :hover, :active (Pseudoklassen für Verweise und andere Elemente).

mfg Maik

 

[roundaboutmedia]

Einmal muss ich noch fragen.
Erstmal danke für den Tipp ich hab die Überschriften in span geschrieben.
auf meiner Track-Seite http://www.class-records.de/Tracks.html
ist normalerweise ein Unterstrich unter den Links wie im #Content festgelegt doch das macht er mir nicht

 

[Maik]

Im Vergleich zu der von mir vorhin lokal gespeicherten CSS-Datei, hast du nun diesen Regelblock entfernt, bzw. in einer Kurzform ohne die Pseudoklassen notiert:

#Content a, #Content a:link, #Content a:visited, #Content a:hover, #Content a:active {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        line-height: 140%;
        color: #FFFFFF;
        text-decoration: underline;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
}

mfg Maik

 

[roundaboutmedia]

Ja hab bischen ausprobiert, aber ich hab Ihne wieder eingefügt aber geht trotzdem nicht.