WebSite X5Help Center

 
Sandro M.
Sandro M.
User

CSS Formularfelder  de

Autor: Sandro M.
Visitado 1427, Seguidores 1, Compartilhado 0  

Hallo

Ich habe mittels html Code Objekt testweise ein einfaches Formularfeld erzeugt.

Die Standard Einstellungen werden unter 2. Textstile eingestellt.

Wenn ich im HTML Objekt unter den Reiter CSS das aussehen ändern will funktioniert dies nicht.

Ich möchte verschiedene Formularfelder unterschiedlich darstellen. (HTML Objekt)

Wenn ich dies direkt ohne X5 mache klappt es. Wie kann ich dies in W5 bewerkstelligen?

Publicado em
9 RESPOSTAS - 3 ÚTEIS
Sandro M.
Sandro M.
User
Autor

Habe gerade getestet:

wenn ich CSS Code feld beim html Objekt z:B. festlege:

border: 1px solid #666666;
background-color: #FFFFCC;

erscheint nur rechts neben dem Eingabefeld ein Balken, dieser ändert sich auch in Größe und Farbe wenn ich unter Border diese Werte ändere. Die Anweisung mit dem Backgroundcolor hat überhaupt keine Auswirkungen.

Seltsamerweise bleibt auch das Formularfeld mit einem Rahmen umgeben.

Ich brauche aber dringend diese Funktionen da ich mittels den Formularfeldern Daten in eine DB ein und auslesen will.

Wie schon oben geschrieben, mit einer händisch programmierten Webseite ohne X5 funktioniert alles

Hoffe mir kann jemand helfen

Ler mais
Publicado em de Sandro M.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Das kann ich nur im Quelltext ersehen was du meinst. Um welche URL handelt es sich?

Du arbeitest noch in der V16 oder?  Vielleicht musst du einen Selektor nehmen für die Felder! Wenn du den STIL in dem HTML-Objekt änderst, kollidiert vielleicht die Farbanweisung mit dem Code.

Ler mais
Publicado em de Andreas S.
Sandro M.
Sandro M.
User
Autor

https://intraport.de/seite-4.php

oben rechts ist das mit HTML erzeugte Formularfeld, die CSS Anweisung Border iwird ausgeführt, der obere Teil alledings anscheinend überlagert. Die 2. Anweisung für den Background wird anscheinend komplett vom Formularfeld überlagert.

Das ist der Html Code:

<span class="ten"</span></td>
<input name="test" type="text" size="25" />

Das steht unter erweitert bei CSS

.ten
{
border: 10px solid #cffff6;
background-color: #FFFFCC;
}

Ganz unten das Formularfeld mit dem Sendebutton wurde testweise mit dem Formular Objekt erzeugt.

Was meinst Du mit Selektor?

Ler mais
Publicado em de Sandro M.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Willst du den Hintergrund komplett hellgrün haben?  Natürlich überlagert das FEld den Hintergrund, denn der ist automatisch weiss!  Vielleicht wenn du unter "2" Textstile, Felder schaust und dort bei Felder auf transparent schaltest.

Ler mais
Publicado em de Andreas S.
Sandro M.
Sandro M.
User
Autor

Habe unter 2. alles auf transaparent geschaltet, jetzt klappt es. Vielen Dank. Manchmal kommt man einfach nicht drauf. Bin davon ausgegangen im HTML Obekt erzeugte Felder nicht diesen Grundeinstellungen unterliegen bzw. mit den CSS Anweisungen überschrieben werden.

Wo kann ich diese Eigenschaften auch für Tabellen transparent schalten? Habe hier das Gleiche Problem.

VG

Ler mais
Publicado em de Sandro M.
Franz-Josef H.
Franz-Josef H.
Moderator

Hallo Sandro,
Du kannst einerseites im Tabellenobjekt die einzelnen Zellen der Tabelle auf transparent setzen, in dem Du mit dem Farbeimer-Symbol das entsprechend festlegst. Andererseits kannst Du iim Stil des Tabellenobjekts den Hintergrund des gesamten Objekts fetslegen.

Ler mais
Publicado em de Franz-Josef H.
Sandro M.
Sandro M.
User
Autor

Beim Tabellenobjekt selbst funktioniert ist, aber nicht wenn ich per html Objekt eine Tabelle einfüge.

https://intraport.de/seite-4.php

Außerdem funktioniert das ganze mit den Formularfeldern doch nicht so richtig. Obwohl ich unter 2. das Feld auf transparent gesetz habe, werden die CSS Befehle teilweise Ignoriert/überschrieben?

In dem Beispiel oben links ist das HTML Objekt und rechts das Standard Formular

Der CSS Code für das linke Feld

label {
clear: both;
width: 10em;
display: block;
float: left;
cursor: pointer; /* Mauszeiger aendern */
background-color: green;
}

form {

padding: 20px;
border: 1px solid silver;
}


input {

background-color: green;
}

bei Label und Form kein Problem , nur die Input Felder zicken rum.

Ich muss dazu sagen das ich ein größeres Projekt (Intranet) was zur Zeit unter Php 5.6 Läuft auf die Aktuelle 7.2 migrieren will. Dabei hatte ich vor auch gleich ein paar optische Änderungen vorzunehmen . WX5 brauch ich quasi nur als Gerüst, wie Footer, Grafiken, Zugänge, der Rest ist reines PHP . 

Das alte Intranet läuft unter dem Grundgerüst Weblica, welches ich schon seit der WX5-15 Version in der Schublade habe verschwinden habe lassen. Alle "normalen Webseiten" errstelle ich auch nur nochg mit WX5, und hatte daher gedacht dies auch hier zu nutzen. Allerdings wie die paar Tests zeigen ist das Händling was CSS betrifft komplizierter.

Wie eben auch bei den Tabellen. Sofern man nicht die Normalen Objekt Module nutzt sondern selbst unter dem HTML Objekt den Code schreiben will gibt es diese Probleme

Ler mais
Publicado em de Sandro M.
Franz-Josef H.
Franz-Josef H.
Moderator

Schau mal hier https://wiki.selfhtml.org/wiki/CSS/Tutorials/Tabellen_mit_CSS_gestalten unter "2.5 Überschrift gestalten".

Mit Klick auf Beispiel "ansehen" siehst Du eine Beispieltabelle mit CSS. Wenn Du die Codes in Deine HTML-Objekt in die entsprechenden Bereiche kopierst, sollte es funktionieren. Natürlich musst Du Deinen Code noch anpassen... 

Ler mais
Publicado em de Franz-Josef H.
Andreas S.
Andreas S.
Moderator
Usuário do mês DE

Dann erzwinge die grüne Farbe in dem du important dazuhängst.

background-color: green!important;

Ler mais
Publicado em de Andreas S.