Hallo,

ich möchte einen Balken in 50 px Höhe zwischen 2 Textfeldern einbauen. Der Balken soll über die komplette Breite der Seite gehen und einen Farbton zugewiesen bekommen.

Was gibt es da für eine Lösung?

Viele Grüße,
Sigi

Hallo Sigi,

Zunächst müsstest Du (am besten in Chrome) über einen Rechtsklick den Punkt "untersuchen" wählen. Daraufhin öffnet sich eine Ansicht, in der Du die ID des anzusteuernden Elements auslesen kannst (sieht etwa so aus: "cc-m-123456789"). Diese ID kopierst Du, ersetzt diese in folgendem Code und speicherst diesen anschließend in deinem Head:

<style type="text/css">
/*<![CDATA[*/
 
#cc_m_123456789{
background-color: #3366ff;/*die Farbe deiner Wahl*/
margin: 0 -500%;
padding: 0 500% !important;
}
 
/*]]>*/
</style>
 

Gruß,
Andre

Soweit verständlich. Nur wie erstelle ich das Element? Ist es ein leeres Textfeld, oder ein leeres "Widget/HTML"?

Würde ein Abstandselement nehmen, da du da gleich die px-Höhe einstellen kannst.

Funktioniert super. Obwohl ich mit Chrome das Element nicht finden konnte. Habe mich für Firefox Developer Edition entschieden. Einmal auf "Extras" --> "Web-Entwickler" --> "Inspektor" klicken und schon klappt das suchen.

Ach ja, eine Sache ist noch irgendwie doof. Ist der Code im Head eingearbeitet, kann man das Abstandselement nicht mehr richtig bearbeiten. Man kann zwar die Höhe noch einstellen, aber es fehlen die Schaltflächen für das Speichern. Auch fehlt die Schaltfläche für das komplette Löschen des Elements. Also zuerst wieder den Code raus nehmen. Dann läßt sich das Element wieder bearbeiten. Etwas mühsam.

Auch eine gute Lösung.

Vielen Dank noch einmal.