/* padding: 0; Zwischenabstände auf Null setzen */ /* margin: 0; Aussenabstände auf Null setzen */ /* --- Anfang der divs ---------------------------------------------------------------- */ #a_0000 { /* background-color: #FFC000; Hintergrundfarbe in section_0000 */ /* background-image: url(../00_images/back013.gif); */ margin-left: 230px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0100 { min-height: 700px; padding: 20px; /* background: lightblue; */ /* border: 2px solid blue; */ /* background-color: #FFC000; Hintergrundfarbe in section_0000 */ /* background-image: url(../00_images/back006.gif); */ margin-left: 230px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0200 { /* background-color: #18AD2F; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back007.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0300 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back008.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0400 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back004.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0500 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back014.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0600 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back003.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* --- Ende der divs ------------------------------------------------------------------ */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang von KI wenn mehr Inhalt dann größer-------------------------------------- */ .flexible-box { min-height: 700px; background: lightblue; padding: 20px; border: 2px solid blue; } /* --- Ende von KI wenn mehr Inhalt dann größer-------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang von KI wenn mehr Inhalt dann Scrollbar ---------------------------------- */ .fixe-box { height: 700px; overflow: auto; background: lightcoral; padding: 20px; border: 2px solid red; } /* --- Ende von KI wenn mehr Inhalt dann Scrollbar ---------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang Gästebuch -------------------------------------------------------------- */ .container { width: 900px; background: #fff; padding: 20px; margin-top: 20px; border-radius: 10px; box-shadow: 0 0 10px gray; } .eingabeformular input, .eingabeformular textarea { width: 100%; margin-bottom: 10px; padding: 10px; } textarea { height: 100px; resize: vertical; } .btn { background: firebrick; color: white; border: none; padding: 10px 15px; cursor: pointer; border-radius: 5px; } .btn.small { padding: 5px 10px; font-size: 0.9em; margin-right: 5px; } /* --- Ende Gästebuch --------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang edit.php --------------------------------------------------------------------- */ .edit-container { width: 900px; margin: 50px auto; padding: 20px; background: #fff; border: 1px solid #ccc; border-radius: 10px; font-family: Arial, sans-serif; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .edit-container form { display: flex; flex-direction: column; } .edit-container input[type="text"], .edit-container input[type="email"], .edit-container textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #aaa; border-radius: 5px; font-size: 16px; box-sizing: border-box; } .edit-container textarea { resize: vertical; min-height: 120px; } .edit-container .btn { width: fit-content; padding: 10px 20px; background-color: firebrick; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; } .edit-container .btn:hover { background-color: darkred; } /* --- Ende edit.php ---------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang für die Bilderausrichtung allgemein ------------------------------------- */ .bild_links { /* Bild linke Seite */ background-color: white; /* Hintergrundfarbe Bild */ padding: 1em; /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand */ /* margin-left: 1em; Abstand nach links zu Schrift */ border: 1px solid black; /* Rahmen ums Bild - stärke, solid=strich(nicht gepunktet) Farbe */ float: left /* Bild nach links und soll umflossen werden */ } .bild_links_rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; border-collapse:collapse; /* Entfernt Zwischenräume zwischen d. einzelnen Tabellen */ margin-left: 1em; /* Abstand nach links zu Schrift */ /* margin-right: 1em; Abstand nach rechts zu Schrift */ float: left; padding: 20px; /* Zwischenabstand */ text-align: center; } .bildcenter-rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; border-collapse:collapse; /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */ /*margin-left: 1em; Abstand nach links zu Schrift*/ margin-right: 1em; /* Abstand nach rechts zu Schrift*/ padding: 20px; /* Zwischenabstand */ text-align: center; } .bild_mitte_rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; /* Rahmen ums Bild */ border-collapse:collapse; /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */ /*margin-right: 1em; Abstand nach rechts zu Schrift*/ /*float: right; */ padding: 20px; /* Zwischenabstand */ text-align: center; } .bild_rechts_ { /* Bild rechte Seite */ background-color: #FFFFD4; /* Hintergrundfarbe Bild*/ padding: 1em; /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand*/ margin-left: 1em; /* Abstand nach links zu Schrift*/ border: 1px solid black ;/* Rahmen ums Bild*/ float: right /* Bild nach rechts und soll umflossen werden*/ } .bild_rechts_rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; /* Rahmen ums Bild */ border-collapse:collapse; /* Entfernt Zwischenräume zwischen d. einzelnen Tabellen */ margin-right: 1,2em; /* Abstand nach rechts zu Schrift*/ float: right; padding: 20px; /* Zwischenabstand */ text-align: center; } /* --- Ende für die Bilderausrichtung allgemein ------------------------------------- */ /* ------------------------------------------------------------------------------------ */ /* Ab hier Anfang für Farben im Text */ .orange { color: orange; } .gruen { color: #026100; } .rot { color: #D60000; } .schwarz { color: #000000; } .blau { color: #000080; } .grau { color: #C4C4C4; } /* Ab hier Ende für Farben im Text ---------------------------------------------------- */ /* */ /* ------------------------------------------------------------------------------------ */ /* padding: 0; Zwischenabstände auf Null setzen */ /* margin: 0; Aussenabstände auf Null setzen */ /* border: 1px solid; */ /* border-color: #000000; */ /* background-image: url(../33_images/back002.gif); */ /* width: 000px; */ /* height: 727px; */ /* text-align: center; */ /* vertical-align: top; Text nach oben */ /* text-align: left; Text nach links */ /* text-align: right; Text nach Rechts */ /* text-decoration: none; Unterstriche bei den Links entfernen */ /* margin-right: 10px; Abstand nach rechts */ /* margin-left: 232px; Abstand nach links */ /* padding-left: 00px; Text nach rechts rücken */ /* font-family:Arial, sans-serif; Schriftart */ /* font-size: 90%; Schriftgröße */ /* font-size: 9pt; Schriftgröße */ /* margin-right: 10px; Abstand nach rechts */ /* margin-left: 232px; Abstand nach links */ /* padding-left: 00px; Text nach rechts rücken */ /* height: 100px; Höhenangabe */ /* width: 430px; */ /* color: #000080; */ /* text-decoration: none; Unterstriche bei den Links entfernen */ /* list-style-type: none; Punkte weg im Menue */ /* padding: 1em; Abstand ums Bild-margin=Aussenabstand, padding=Innenabstand */ /* border: 1px solid black; Rahmen ums Bild */ /* border-collapse:collapse; Entfernt Zwischenräume zwischen einzelnen Tabellen */ /* float: right; Bild nach rechts und soll umflossen werden */ /* float: left; Bild nach links und soll umflossen werden */ /* padding: 0px 0px 0px 10px; Schriftabstand im Rahmen */ /* color: orange; orange Schrif */ /* color: #008000; grüne Schrif */ /* color: #FF0000; rote Schrif */ /* color: #000000; schwarze Schrif */ /* color: #000080; blaue Schrif */ /* line-height: 30px; Zeilenhöhe in Bezug auf die Schrift */ /* background-repeat: repeat-x; Grafik darf sich nicht wiederholen in x=senkrecht, y=waagrecht*/ /* clear: both; Über footer alles schließen */ /* ------------------------------------------------------------------------------------ */ /* Penzenstadler Ludwig */ /* Ensmannsreut 24 */ /* 94065 Waldkirchen */ /* webmaster@ensmannsreut.de */ /* www.penzenstadler.com */ /* */ /* */ /* ------------------------------------------------------------------------------------ */ /* */