Kästen um Name, E-Mail und Textbox sind nicht da

[farchris]

Hallo,
ich habe soeben CuteNews (CutePHP Content Management) installiert.
Nachdem man auf Kommentare klickt, sollte eigl. standardmäßig ein schwarzer Kasten um Name, E-Mail und der Textbox zur besseren Übersicht erscheinen.

Es sollte eigl. so aussehen:
http://george.networkeleven.net/~flexer/cutenews/screenshots/Comment.gif

Wieso werden bei mir diese Kästen nicht angezeigt?
www.comuse.org

Ich gehe davon aus, dass es etwas mit meiner CSS Datei zu tun hat.
www.comuse.org/comuse.css

Denn allein aufgerufen klappt es:
http://comuse.org/news/show_news.php

Ich bitte um Antwort.

Vielen Dank!

 

[prm]

Füge mal noch das deiner CSS-Datei hinzu:

input, textarea {border: 1px solid black;}

 

[farchris]

hi, so klappt es, danke.

Allerdings wird der "Kommentar hinzufügen" Button nicht richtig angezeigt.
Es sollte eigl.. so aussehen:
http://comuse.org/news/show_news.ph...ts&id=1216581877&archive=&start_from=&ucat=1&

sieht aber so aus:
www.comuse.org

und die kleine Box bei "Benachrichtigung neuer Kommentare" ist beim Internet Explorer auch schwarz umrandet, bei Firefox ist alles normal.

Danke.

 

[prm]

Links funktionieren nicht.

 

[farchris]

hi, sorry.

1.
Also hier sieht man wie der Button "Kommentar hinzufügen" normalerweise aussieht:
http://comuse.org/news/show_news.ph...ts&id=1216635716&archive=&start_from=&ucat=1&

und in meiner Seite sieht er anders aus:
www.comuse.org

Ich würde ihn gerne so wie oben haben.

2.
Wenn man den zweiten Link mit dem Internet Exporer 7 aufruft, dann ist dort das Kästchen von "Benachrichtigung neuer Kommentare" auch schwarz umrandet. Bei Firefox ist es nicht so. Ziel: Nicht schwarz umrandet.

edit: Habe die Farbe geändert. Jetzt ist der Kasten hellblau umrandet.

Danke.

 

[Efchen]

Allerdings wird der "Kommentar hinzufügen" Button nicht richtig angezeigt.

Buttons, wie auch Formularfelder, sind abhängig vom Betriebssystem. Hier unter Linux/Firefox sehe ich Buttons z.B. mit border-styleutset. Unter Vista ist dieser 3D-Effekt nicht mehr vorhanden, da sehen Buttons und Eingabefelder ganz anders aus.
"nicht richtig" ist also relativ :-)

Gruß,
-Efchen

P.S.: Auf den beiden zuletzt von Dir verlinkten Seiten sehen die Buttons (und Eingabefelder) nämlich bei mir immer noch unterschiedlich aus.

 

[farchris]

hi,
im Moment sieht der Button mit Windows XP und Firefox sowie dem IE7 folgendermaßen aus:
www.comuse.org/button4.jpg

Er sollte aber normalerweise so aussehen:
www.comuse.org/button3.jpg

Danke.

 

[neuroleptika]

In der css hast du folgendes stehen:

*{
padding:0px;
margin:0px;
border:none;
}

Damit werden alle border abgeschaltet.

Später steht da noch:

input, textarea 
{
border: 1px solid #D3D3D3;
}

Da bekommen alle input-Elemente und textarea den border zurück.

<input type="submit"> ist ebenfalls ein input-Element. Deshalb hat es die gleiche Umrandung wie die anderen input-Elemente (je nach Browser mehr oder weniger).

Entferne das das border: none; aus dem "Jokerselektor":

*{
padding:0px;
margin:0px;
}

Entferne diesen Eintrag:

input, textarea 
{
border: 1px solid #D3D3D3;
}

Suche in deiner html-Datei alle Inputfelder denen du deine eigenen Rahmen geben möchtest und weise ihnen eine Klasse zu:

<input [COLOR=DarkRed]class="input_rahmen"[/COLOR] type="text" name="mail">

Dann weise der Klasse die eigenen Rahmen zu:

[COLOR=Black].[/COLOR][COLOR=Black]input_rahmen {
border: 1px solid #D3D3D3;
}
[/COLOR]

Jetzt sollte submit wieder das ungestylte aussehen haben.

Mache Browser lassen sich ihre Formular-Elemte nur bedingt verändern.
Insbesondere Konqueror, Safari und Opera sind da je nach Version etwas Stur (gerade was die Button angeht).
Von daher ist es nicht verkehrt dem submit-Button sein ursprüngliches aussehen zurückzugeben.
Safari-Benutzer finden ihre apple-style-buttons superschick, was sie ja auch sind.

 

[farchris]

Danke, alles klar! :)