Guten Morgen, Wiki und Suchfunktion haben mich leider nicht zum Ziel geführt. Ich möchte in HTML-Dokumenten (Doktype ist 4.01 Transistional) den Inhalt eines `<div>`-Elementes ändern. Bisher dienten die `<div>`-Elemente als "Container" für Bilder. So sah das dann aus: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <a name="events"><img src="images/veranstaltungen.gif" width="106" height="250" name="veranstaltungen" alt="Beispieltext"></a> </div> ~~~ In diesen `</div>` Elementen sollen die Bilder nun durch `<h2>` Überschriften - also Text - ERSETZT werden. Diese sollen in den vorhandenen <div>-Elementen um 90° gedreht (das klappt) - **und dann vertial und horizontal zentriert werden, also im <div>-Element genau mittig ausgerichtet sein (das klappt nicht!).** Meine Vorgehensweise: Snip HTML: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <h2>Veranstaltungen</h2> </div> ~~~ Snip CSS: ~~~ css h2 { font-family: arizona, arial, verdana; font-size: 18px; transform: rotate(-90deg); text-align: center; vertical-align: middle; color: #670000; } ~~~ Muss für einen Kollegen einspringen, der diese Dokumentation (keine Webseite) bei uns pflegt und längere Zeit ausfällt. Würde mich über einen Tipp freuen. LG Bianca

Guten Morgen, Wiki und Suchfunktion haben mich leider nicht zum Ziel geführt. Ich möchte in HTML-Dokumenten (Doktype ist 4.01 Transistional) den Inhalt eines `<div>`-Elementes ändern. Bisher dienten die `<div>`-Elemente als "Container" für Bilddateien. So sah das dann aus: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <a name="events"><img src="images/veranstaltungen.gif" width="106" height="250" name="veranstaltungen" alt="Beispieltext"></a> </div> ~~~ In diesen `</div>` Elementen sollen die Bilder nun durch `<h2>` Überschriften - also Text - ERSETZT werden. Diese sollen in den vorhandenen <div>-Elementen um 90° gedreht (das klappt) - **und dann vertial und horizontal zentriert werden, also im <div>-Element genau mittig ausgerichtet sein (das klappt nicht!).** Meine Vorgehensweise: Snip HTML: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <h2>Veranstaltungen</h2> </div> ~~~ Snip CSS: ~~~ css h2 { font-family: arizona, arial, verdana; font-size: 18px; transform: rotate(-90deg); text-align: center; vertical-align: middle; color: #670000; } ~~~ Muss für einen Kollegen einspringen, der diese Dokumentation (keine Webseite) bei uns pflegt und längere Zeit ausfällt. Würde mich über einen Tipp freuen. LG Bianca

Guten Morgen, Wiki und Suchfunktion haben mich leider nicht zum Ziel geführt. Ich möchte in HTML-Dokumenten (Doktype ist 4.01 Transistional) den Inhalt eines `<div>`-Elementes ändern. Bisher dienten die `<div>`-Elemente als "Container" für Bilddateien. So sah das dann aus: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <a name="events"><img src="images/veranstaltungen.gif" width="106" height="250" name="veranstaltungen" alt="Beispieltext"></a> </div> ~~~ In diesen `</div>` Elementen sollen die Bilder nun durch <h2> Überschriften - also Text - ERSETZT werden. Diese sollen in den vorhandenen <div>-Elementen um 90° gedreht (das klappt) - **und dann vertial und horizontal zentriert werden, also im <div>-Element genau mittig ausgerichtet sein (das klappt nicht!).** Meine Vorgehensweise: Snip HTML: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <h2>Veranstaltungen</h2> </div> ~~~ Snip CSS: ~~~ css h2 { font-family: arizona, arial, verdana; font-size: 18px; transform: rotate(-90deg); text-align: center; vertical-align: middle; color: #670000; } ~~~ Muss für einen Kollegen einspringen, der diese Dokumentation (keine Webseite) bei uns pflegt und längere Zeit ausfällt. Würde mich über einen Tipp freuen. LG Bianca

Guten Morgen, Wiki und Suchfunktion haben mich leider nicht zum Ziel geführt. Ich möchte in HTML-Dokumenten (Doktype ist 4.01 Transistional) den Inhalt eines `<div>`-Elementes ändern. Bisher dienten die `<div>`-Elemente als "Container" für Bilddateien. So sah das dann aus: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <a name="events"><img src="images/veranstaltungen.gif" width="106" height="250" name="veranstaltungen" alt="Beispieltext"></a> </div> ~~~ In diesen `</div>` Elementen sollen die Bilder nun durch <h2> Überschriften - also Text - ERSETZT werden. Diese sollen in den vorhandenen <div>-Elementen um 90° gedreht (das klappt) - **und dann vertial und horizontal zentriert werden, also im <div>-Element genau mittig ausgerichtet sein (das klappt nicht!).** Meine Vorgehensweise: Snip HTML: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <h2>Veranstaltungen</h2> </div> ~~~ Snip CSS: ~~~ css h2 { font-family: arizona, arial, verdana; font-size: 18px; transform: rotate(-90deg); text-align: center; vertical-align: middle; color: #670000; } ~~~ Muss für einen Kollegen einspringen, der diese Dokumentation (keine Webseite) normalerweise bei uns pfegt und längere Zeit ausfällt. Würde mich über einen Tipp freuen. LG Bianca

Hallo, Wiki und Suchfunktion haben mich leider nicht zum Ziel geführt. Ich möchte in HTML-Dokumenten (Doktype ist 4.01 Transistional) den Inhalt eines `<div>`-Elementes ändern. Bisher dienten die `<div>`-Elemente als "Container" für Bilddateien. So sah das dann aus: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <a name="events"><img src="images/veranstaltungen.gif" width="106" height="250" name="veranstaltungen" alt="Beispieltext"></a> </div> ~~~ In diesen `</div>` Elementen sollen die Bilder nun durch <h2> Überschriften - also Text - ERSETZT werden. Diese sollen in den vorhandenen <div>-Elementen um 90° gedreht (das klappt) - **und dann vertial und horizontal zentriert werden, also im <div>-Element genau mittig ausgerichtet sein (das klappt nicht!).** Meine Vorgehensweise: Snip HTML: ~~~ html <div id="topic_left" style="position:absolute; left:20px; top:188px; width:106px; height:250px; z-index:5"> <h2>Veranstaltungen</h2> </div> ~~~ Snip CSS: ~~~ css h2 { font-family: arizona, arial, verdana; font-size: 18px; transform: rotate(-90deg); text-align: center; vertical-align: middle; color: #670000; } ~~~ Muss für einen Kollegen einspringen, der diese Dokumentation (keine Webseite) normalerweise bei uns pfegt und längere Zeit ausfällt. Würde mich über einen Tipp freuen. LG Bianca