ID- oder Class-Namen für eine Infobox vergeben?

Ich möchte in meinem Forum an mehreren Stellen eine Infobox gestalten.
Zum einen sollen diese in den Modulen aber auch in den Kategorien eingefügt werden.
Später vielleicht auch in den Beiträgen. (HTML ist aktiviert)
Bisher hatte ich dafür eine Grafik verwendet und möchte nun umsteigen und es über das CSS lösen um nicht ständig die Grafiken ändern zu müssen.

Ich habe es auch bereits mit einigen Lösungsansätzen aus dem I-net versucht, jedoch bin ich bei der Vergabe im CSS gescheitert.

Meine bisherigen Versuche in einem Modul:

Code:

Dieser Text ist eine Infobox!


Code:

Dieser Text ist eine Infobox!

Im CSS:

Code:

.infobox {
background: #FF0000;
border: 5px solid;
box-shadow: 0 2px 8px #00FF00;
color: #0000FF;
}

Hat vielleicht jemand einen Lösungsansatz für mich um mein Vorhaben umzusetzen? THX

Hallo inde,

du solltest deinen CSS-Code nochmal auf seine Vollständigkeit überprüfen. Ein vollständiger Rahmen-Code beinhaltet u.a. eine Farbe, "background" solltest du durch "background-color" ersetzen ...

Liebe Grüße
Günther

Hallo zusammen,

tut mir Leid Günther, das ist hier nicht das Problem. Inde, versuch bitte mal diesen Code, das müsste funktionieren.

Code:

<center><div class="infobox">Dieser Text ist eine Infobox!</div></center>

Gruß,
Cyborg

Das muss ich wiederum verneinen. Wenn man das CSS meinem Beitrag gemäß anpasst, dann funktionieren beide HTML-Codes von inde. An den HTML-Codes liegt es nicht, wobei der zweite natürlich aufgrund des span-Elementes seine Besonderheiten hat. Beim ersten ist alles okay.

Na, wenn das so ist, ist ja okay. Ich mein nur, dass ein <div> Tag in Modulen etc. auf jeden Fall funktioniert, auch ohne die weiteren Elemente.
Aber das muss inde selbst entscheiden.

Das stimmt schon, aber das Absatzelement wird genauso erkannt und angezeigt wie das div-Element. Wenn du beide untereinander einfügst, wirst du erkennen, dass es keine Anzeigeunterschiede gibt.

Die Fehler waren wirklich im CSS zu suchen.

Erst einmal Danke ihr Beiden für die Tipps.

In meinem Forum 1 oben Links, auch für Gäste zu sehen steht nun dieser HTML-Code.

Code:

<center><p class="infobox">Dieser Text ist eine Infobox!</p></center>
<br>
<center><span class="infobox">Dieser Text ist eine Infobox!</span></center>

Das oben im Beitrag erwähnte CSS war nur als Beispiel gedacht.
Ich habe nun einmal das hier ins CSS eingetragen, jedoch bekomme ich nichts angezeigt und Firebug zeigt mir auch keine Class beim markieren des Abschnittes an.

Code:

.infobox {
    background-image: url("http://www.imgbox.de/users/independent2/flash_gfxtopicboardscom/FGT_Blue_new_kpr71.jpg");
    background-repeat: repeat-x;
    border: 1px solid #3E78A8;
    box-shadow: 0 1px 10px;
    -o-box-shadow: 0 1px 10px;
    -webkit-box-shadow: 0 1px 10px;
    -khtml-box-shadow: 0 1px 10px;
    }

Dann hast du den Code wahrscheinlich im WYSIWYG-Editor eingefügt.
Erstelle bitte erneut ein persönliches Indexmodul und achte diesmal darauf, dass über dem Eingabefenster dieser Button angezeigt wird:

Sollte :nohtml: angezeigt werden, klicke darauf und du gelangst in den richtigen Eingabemodus.
Hast du nun Erfolg?


Dazu habe ich noch eine Bitte an dich:

inde schrieb:Das oben im Beitrag erwähnte CSS war nur als Beispiel gedacht.

Wenn du das nächste mal einen Code hier einstellst, dann stelle bitte gleich den richtigen ein oder sage uns zumindest, dass es sich nur um ein Beispiel handelt. Dann sehe ich mir den Code nämlich nicht genau an und untersuche ihn auf Fehler, um danach zu erfahren, dass es sich nicht einmal um diesen Code gehandelt hat. Danke!

Sry, aber das wäre zu einfach gewesen.
Ich habe unabhängig davon trotzdem noch ein neues Modul eingestellt,........immer noch nichts.

LG inde

PS. Ja das nächste Mal kommt dann gleich der richtige Code mit.

Ich habe die Situation in meinem Testforum nachgestellt und es sollte mit beiden Codes kein Problem geben, auch nicht, wenn ich dein restliches persönliches CSS hinzufüge.
Es kann sein, dass entweder dein Basisstyle durch einen Eintrag diese Class überschreibt oder dass du auf dem Weg irgendwo einen kleinen Fehler gemacht hast. Wenn ich ein neues, persönliches Modul im richtigen Eingabemodus erstelle, die CSS- und HTML-Codes genau so einfüge und mir das Ergebnis ansehe, wird alles einwandfrei dargestellt.

Darf ich einmal Dein Testforum mit den Codes sehen?

Bitteschön (ohne span-Element, weil dieses hier nicht so gut aussieht):


Wie gesagt, ich habe dein persönliches CSS für das Modul auch übernommen, hier siehst du es gerade beim Hovern. Hier sind also keine Fehler versteckt.
Du hast jedoch ein sehr umfangreiches CSS-Stylesheet, das im Gesamten auch dafür verantwortlich sein kann. Hier müsstest du dir allerdings in aufwändiger Kleinarbeit alles durchsehen und prüfen, da du mit Firebug und Co dort automatisiert keinen Fehler findest (das habe ich natürlich bereits überprüft). In diesem Fall musst du dein gesamtes CSS manuell durchgehen, wenn du dir sicher bist, dass du keinen anderen Fehler gemacht hast (z.B. beim Erstellen des Moduls).

Verrätst Du mir noch welchen Grundstyle Du in dem Forum hast?

Ich würde es dann erst einmal selbst damit dann versuchen, bevor ich mein sehr umfangreiches CSS durchwühle.

Danke

Gerne.

Bei meinem BB3-Testforum habe ich bewusst den Standardstyle "Prosilver (blau)".

Edit: Ich habe mich jetzt in deinem CSS genauer auf die Suche gemacht und den Fehler gefunden. So sieht dort dein CSS-Eintrag aus:

Code:

by FGT .infobox {
    background-image: url("http://www.imgbox.de/users/independent2/flash_gfxtopicboardscom/FGT_Blue_new_kpr71.jpg");
    background-repeat: repeat-x;
    border: 1px solid #3E78A8;
    box-shadow: 0 1px 10px;
}

Das by FGT hat hier die Classenzuordnung blockiert, du musst es nur entfernen.

Upps, das hatte ich befürchtet....so heißt auch der Grundstyle von meinem Forum.

Dann werde ich mich wohl oder übel auf der Suche nach dem Hebel im CSS begeben müssen.

Danke nochmals für die Hilfe, ich setze dann gleich das erledigt Icon.

LG inde

EDIT: Ich haue mir gleich selber eine rein.
Dann hätte ich es auch schon heute Nachmittag fertig haben können. Sonst setze ich zum Testen die neuen Codes auch immer vor meinem Copyright ein.
Also waren meine Codes dann doch schon alle richtig und es gab eigentlich gar kein Grund zum zweifeln.

Danke nochmals.

Bitte beachte meinen Edit.

Wenn du schon eine Anmerkung in einer CSS-Datei machst, dann bitte nur als gekennzeichneter Kommentar. Der Browser kann ja nicht wissen, dass du nur einen Copyrighthinweis einfügen wolltest, und kann keine Zuordnung zum Element herstellen.

Und hier haben wir wieder dasselbe, dass du hier nicht exakt den Code gepostet hast, den du auch in deinem Forum verwendet hast. Andernfalls hätte ich den Fehler sofort erkannt und das Problem wäre erledigt gewesen.
Meine Bitte an dich lautet, bei solchen Problemen den gesamten und identischen Code hier im Supportforum zu posten. Wenn du das in Zukunft machen würdest, wäre ich dir sehr dankbar!


Edit: Sieh es positiv - du hast jetzt wenigstens etwas Wichtiges gelernt und kannst aus dieser Situation etwas mitnehmen. Ein solcher Fehler passiert dir garantiert kein zweites Mal mehr.
Ich freue mich, dass ich dir helfen konnte. Gern geschehen.
-done-