ShoutBox <hr> Linien gehen nicht weg

[nyou]

Hallo Leute,

ich hoffe ich bin hier richtig ;)....

Ich hätte da mal eine Frage und zwar ich habe eine Shoutbox im phpBB Forum Installiert.

Ich habe es auch alles so bearbeitet wie ich es haben will, CSS Style etc pp.

Allerdings hänge ich jetz an einem Problem was ich nicht hinbekomme :sad: undzwar zwischen den einzelnen Posts ist eine <hr> Linie, jedenfalls sieht sie so aus, im code finde ich ein "<hr>" nicht....

Könnte mir vielleicht jemand Helfen der weiß woran das liegen könnte oder welchen Teil ich entfernen müsste aus dem Code?

ein Bild hab ich auch rangehangen :) falls etwas unverständlich war.

Da der Code so viele Zeichen hat hab ich mir gedacht ich Hänge es lieber mal als Anhang an, sonst verliert man ja komplett den überblick :)..


Liebe GRüße

 

[Icy]

In der CSS fehlt irgendwie etwas, zum Beispiel die Klassen "inner" und "postbody", wo sind die? Ich vermute, dass eine davon die Eigenschaft border hat.

MfG Icy

 

[nyou]

Hmm Okai, so richtig weiß ich nicht was du meinst.. Ich habe ansich nicht viel rausgenommen... Der CSS Style da wurde nur was hinzugefügt und nichts gelöscht..

Bei dem variablen {chatrow.time} etc, habe ich etwas verändert damit die also hintereinander sind

das ist der original text, da ist auch ein postbody vorhanden:

<!-- BEGIN chatrow -->
            <div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
                <div class="inner"><span class="corners-top"><span></span></span>
                    <div class="postbody">
                        <p class="author">{chatrow.TIME} </p>
                        
                        <div class="content">{chatrow.MESSAGE}</div>
                    </div>
                    <dl class="postprofile" id="profile{postrow.POST_ID}">
                        <dt>{chatrow.USERNAME_FULL}</dt>
                    </dl>
                        <!-- IF U_ACP or U_MCP -->
                            <ul class="profile-icons postprofile">
                                <li class="delete-icon">
                                    <a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
                                </li>
                            </ul>
                        <!-- ENDIF -->
                    <span class="corners-bottom"><span></span></span>
                </div>
            </div>
        <!-- END chatrow -->---{LAST_ID}

Allerdings ist da das Problem wenn ich das so lasse ist alles untereinander geschrieben, genau das will ich ja nicht ;) will alles schön in einer Linie.

Grüße

 

[Efchen]

Icy meint, Du sollst schauen, ob eines Deiner Elemente per CSS die Eigenschaft "border" definiert hat. Das ist ein Rahmen um das Element. Geht auch nur mit "border-bottom" (z.B.).

Leicht findest Du solche Dinge, wenn Du Dir für Firebox das Plugin "Firebug" installierst, da kannst Du die Website untersuchen (F12) und fährst mit der Maus auf das gewünschte Element und bekommst HTML- und CSS-Code dazu angezeigt.

 

[nyou]

Icy meint, Du sollst schauen, ob eines Deiner Elemente per CSS die Eigenschaft "border" definiert hat. Das ist ein Rahmen um das Element. Geht auch nur mit "border-bottom" (z.B.).

Leicht findest Du solche Dinge, wenn Du Dir für Firebox das Plugin "Firebug" installierst, da kannst Du die Website untersuchen (F12) und fährst mit der Maus auf das gewünschte Element und bekommst HTML- und CSS-Code dazu angezeigt.

Hm, also im CSS Style ist nichts drin. Der steht ja mit im Code..

<style type="text/css">
    <!--
        #act_indicator {
            visibility:hidden;
        }
        .shouts {
            width: 85%;
            font-size: 0.9em;
            height:300px;
            overflow:auto;
            float:left;
        }
        #chat {
            width: 100%;
            text-align:left;
        }
        .postprofile {
            min-height: 1px !important;
        }
        .chatform {
            width: 90%;
            text-align:center;
        }
        .onlinelist {
            width: 15%;
            overflow:auto;
            height:300px;
        }
        .users {
            width: 90%;
            text-align: left;
            font-size: 0.9em;
            text-indent: 1px;
            margin-left:auto;
            margin-right:auto;
        }
        .user {
            width: 95%;
            font-size: 1.1em;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            line-height: 1.4em;
        }
        #act_indicator {
            visibility: hidden;
        }
        .chatinput {width: 80% !important;}
        .online_img {
            vertical-align:middle;
        }
        
    -->
    </style>

Ich weiß auch irgendwie nich weiter :>....

P.S. Firebug ist installiert, aber mh naja...

&bull; Foren-Ãœbersicht

Das ist die Seite mit der Shoutbox

 

[Efchen]

Firebug sagt mir:

.post {stylesheet.css (Linie 473)
background-color:white;
border-style:solid;
border-width:1px;
}

In .postbody Geerbt von div#p490.post

ALso in postbody einfach "border-style:none;" und weg isser.

 

[nyou]

Wahnsinn!

Wunderbar, Danke dir :)...

Da wäre ich nie drauf gekommen..

Grüße

 

[Efchen]

Ein bisschen Übung mit Firebug, dann kriegst Du das auch sofort raus...

In dem Fall: F12, dann auf "Untersuchen", mit der Maus auf so ein Element fahren, klicken, dann hast Dus im HTML-Code markiert und rechts zeigt er Dir die CSS-Eigenschaften an. Da siehst Du border-style, und dass das geerbt ist. Dann schaust Du Dir das Element an, von dem das geerbt ist, also im HTML-Code suchen, anklicken. Dann siehst Du die Werte rechts im CSS.
Da kannst Du dann übrigens auch direkt Änderungen vornehmen, schon bei .postbody und border-style auf "solid" klicken und einfach "none" drüber schreiben, Enter und schon sind die Zeilen weg und Du hast die Gewissheit, dass das die richtige Stelle ist, wo Du es ändern musst.