PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Shop
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Breite einer Überschrift
Beitrag
<blockquote data-quote="the_real_didi" data-source="post: 733701" data-attributes="member: 10356"><p><strong>AW: Breite einer Überschrift</strong></p><p></p><p>Ein link zur Seite existiert noch nicht. da muß ich beim Provider erstmal das Typo3 installieren. </p><p></p><p>So, ich habe das Problem lokalisiert, aber noch nicht beheben können. Es liegt also doch am CSS. Hier mal der Teil als HTML:</p><p>[html]<table cellspacing="0" cellpadding="0" id="table_content" summary="Inhaltsbereich"></p><p> <tr></p><p> <td id="hauptmenue"></p><p> <!--###hauptmenue### begin --></p><p> <div id="div-hauptmenue"></p><p> <div class="menu1-level1-no"></p><p> <a href="index.php?id=8" onfocus="blurLink(this);">Für Bewerber</a></p><p> </div></p><p> <div class="menu1-level1-act"></p><p> <a href="index.php?id=2" onfocus="blurLink(this);">Über uns</a></p><p> </div></p><p> <div class="menu1-level2-no"></p><p> <a href="index.php?id=7" onfocus="blurLink(this);">Filialen</a></p><p> </div></p><p> <div class="menu1-level2-no"></p><p> <a href="index.php?id=3" onfocus="blurLink(this);">Kontakt</a></p><p> </div></p><p> <div class="menu1-level2-no"></p><p> <a href="index.php?id=4" onfocus="blurLink(this);">Impressum</a></p><p> </div></p><p> <div class="menu1-level2-no"></p><p> <a href="index.php?id=5" onfocus="blurLink(this);">Datenschutz</a></p><p> </div></p><p> <div class="menu1-level2-no"></p><p> <a href="index.php?id=6" onfocus="blurLink(this);">Sitemap</a></p><p> </div></p><p> </div></p><p> <!--###hauptmenue### end --></p><p> </td></p><p> <td id="content"></p><p> <!--###content### begin --></p><p> <div id="div-content"></p><p> <!-- CONTENT ELEMENT, uid:1/text [begin] --></p><p> <a id="c1"></a></p><p> <!-- Header: [begin] --></p><p> </p><p> <div class="csc-header_csc-header-n1"></p><p> <h1 class="csc-firstHeader">Hauptüberschrift</h1></p><p> </div></p><p> </p><p> <!-- Header: [end] --></p><p> <!-- Text: [begin] --></p><p> <p class="bodytext">Inhaltsbereich hier</p></p><p> <!-- Text: [end] --></p><p> </p><p> <!-- CONTENT ELEMENT, uid:1/text [end] --></p><p> </div><!--###content### end --></td></p><p> </tr></p><p> </table></p><p>[/html]</p><p></p><p>Die Breite der Überschrift passt sich immer der Breite der umgebenden Container an. wenn ich also für den umgebenden <div>-tag für den Content-Bereich eine feste breite vergebe, dann geht die breite der Überschrift auch bis zum rechten Rand. Werden garkeine festen Breiten festgelegt dann bestimmt ja der Inhalt die Breite der umgebenden Elemente. Die Überschrift passt sich dann auch hier der Breite des Inhalts an.</p><p></p><p>hier nochmal das vollständige CSS für diesen Bereich ohne feste Breiten:</p><p>[CODE]</p><p>h1 {</p><p> font-size: 14px;</p><p> font-weight: bold;</p><p>}</p><p>#table_content {</p><p> background-color: #e7e6e6;</p><p> height: 400px;</p><p> padding-right: 10px;</p><p> padding-left: 10px;</p><p> padding-bottom: 6px;</p><p>}</p><p></p><p>/******************************************************************/</p><p>/*************** Hauptmenue Anfang *******************************/</p><p>/******************************************************************/</p><p>#hauptmenue {</p><p> padding-top: 10px;</p><p> vertical-align: text-top;</p><p>}</p><p>#div-hauptmenue {</p><p> width: 240px;</p><p>}</p><p></p><p>/*************** Level 1 ******************************************/</p><p>.menu1-level1-no a, .menu1-level1-act a {</p><p> font-size: 14px;</p><p> text-decoration: none;</p><p> font-weight: bold;</p><p> color: #bc3c7a;</p><p> padding-left: 34px;</p><p> padding-top: 3px;</p><p> padding-bottom: 3px;</p><p>}</p><p>.menu1-level1-no a:hover {</p><p> color: #ff9bcb;</p><p>}</p><p>.menu1-level1-no, .menu1-level1-act {</p><p> height: 20px;</p><p>}</p><p>.menu1-level1-act {</p><p> background-image: url(../Bilder/Template1_20.jpg);</p><p> background-repeat: no-repeat;</p><p>}</p><p></p><p>/*************** Level 2 ******************************************/</p><p>.menu1-level2-no, .menu1-level2-act {</p><p> padding-left: 16px;</p><p> margin-left: 34px;</p><p> width: 180px;</p><p> height: 15px;</p><p>}</p><p>.menu1-level2-no a, .menu1-level2-act a{</p><p> text-decoration: none;</p><p> padding-top: 2px;</p><p> padding-bottom: 2px;</p><p>}</p><p>.menu1-level2-act {</p><p> background-color: #d4d4d4;</p><p>}</p><p>.menu1-level2-no a:hover {</p><p> text-decoration: underline;</p><p>}</p><p>/******************************************************************/</p><p>/*************** Hauptmenue Ende *********************************/</p><p>/******************************************************************/</p><p></p><p>/******************************************************************/</p><p>/*************** Content Anfang ***********************************/</p><p>/******************************************************************/</p><p>#content {</p><p> background-color: #FFFFFF;</p><p> border: 1px solid #c6c6c6;</p><p> vertical-align: text-top;</p><p>}</p><p>#div-content {</p><p> /*width: 738px;*/</p><p>}</p><p>.csc-header_csc-header-n1 {</p><p> height: 39px;</p><p> padding-left: 15px;</p><p> padding-right: 65px;</p><p> background-image: url(../Bilder/Template1_17.jpg);</p><p> background-position: right;</p><p> background-repeat: no-repeat;</p><p>}</p><p>.bodytext {</p><p>}</p><p>/******************************************************************/</p><p>/*************** Content Ende ************************************/</p><p>/******************************************************************/</p><p>[/CODE]</p><p></p><p></p><p>@dosonaro: ne feste breite würde mir nicht gefallen, da sich die breite ja dynamisch je nach überschriftenlänge verändern soll.</p></blockquote><p></p>
[QUOTE="the_real_didi, post: 733701, member: 10356"] [b]AW: Breite einer Überschrift[/b] Ein link zur Seite existiert noch nicht. da muß ich beim Provider erstmal das Typo3 installieren. So, ich habe das Problem lokalisiert, aber noch nicht beheben können. Es liegt also doch am CSS. Hier mal der Teil als HTML: [html]<table cellspacing="0" cellpadding="0" id="table_content" summary="Inhaltsbereich"> <tr> <td id="hauptmenue"> <!--###hauptmenue### begin --> <div id="div-hauptmenue"> <div class="menu1-level1-no"> <a href="index.php?id=8" onfocus="blurLink(this);">Für Bewerber</a> </div> <div class="menu1-level1-act"> <a href="index.php?id=2" onfocus="blurLink(this);">Über uns</a> </div> <div class="menu1-level2-no"> <a href="index.php?id=7" onfocus="blurLink(this);">Filialen</a> </div> <div class="menu1-level2-no"> <a href="index.php?id=3" onfocus="blurLink(this);">Kontakt</a> </div> <div class="menu1-level2-no"> <a href="index.php?id=4" onfocus="blurLink(this);">Impressum</a> </div> <div class="menu1-level2-no"> <a href="index.php?id=5" onfocus="blurLink(this);">Datenschutz</a> </div> <div class="menu1-level2-no"> <a href="index.php?id=6" onfocus="blurLink(this);">Sitemap</a> </div> </div> <!--###hauptmenue### end --> </td> <td id="content"> <!--###content### begin --> <div id="div-content"> <!-- CONTENT ELEMENT, uid:1/text [begin] --> <a id="c1"></a> <!-- Header: [begin] --> <div class="csc-header_csc-header-n1"> <h1 class="csc-firstHeader">Hauptüberschrift</h1> </div> <!-- Header: [end] --> <!-- Text: [begin] --> <p class="bodytext">Inhaltsbereich hier</p> <!-- Text: [end] --> <!-- CONTENT ELEMENT, uid:1/text [end] --> </div><!--###content### end --></td> </tr> </table> [/html] Die Breite der Überschrift passt sich immer der Breite der umgebenden Container an. wenn ich also für den umgebenden <div>-tag für den Content-Bereich eine feste breite vergebe, dann geht die breite der Überschrift auch bis zum rechten Rand. Werden garkeine festen Breiten festgelegt dann bestimmt ja der Inhalt die Breite der umgebenden Elemente. Die Überschrift passt sich dann auch hier der Breite des Inhalts an. hier nochmal das vollständige CSS für diesen Bereich ohne feste Breiten: [CODE] h1 { font-size: 14px; font-weight: bold; } #table_content { background-color: #e7e6e6; height: 400px; padding-right: 10px; padding-left: 10px; padding-bottom: 6px; } /******************************************************************/ /*************** Hauptmenue Anfang *******************************/ /******************************************************************/ #hauptmenue { padding-top: 10px; vertical-align: text-top; } #div-hauptmenue { width: 240px; } /*************** Level 1 ******************************************/ .menu1-level1-no a, .menu1-level1-act a { font-size: 14px; text-decoration: none; font-weight: bold; color: #bc3c7a; padding-left: 34px; padding-top: 3px; padding-bottom: 3px; } .menu1-level1-no a:hover { color: #ff9bcb; } .menu1-level1-no, .menu1-level1-act { height: 20px; } .menu1-level1-act { background-image: url(../Bilder/Template1_20.jpg); background-repeat: no-repeat; } /*************** Level 2 ******************************************/ .menu1-level2-no, .menu1-level2-act { padding-left: 16px; margin-left: 34px; width: 180px; height: 15px; } .menu1-level2-no a, .menu1-level2-act a{ text-decoration: none; padding-top: 2px; padding-bottom: 2px; } .menu1-level2-act { background-color: #d4d4d4; } .menu1-level2-no a:hover { text-decoration: underline; } /******************************************************************/ /*************** Hauptmenue Ende *********************************/ /******************************************************************/ /******************************************************************/ /*************** Content Anfang ***********************************/ /******************************************************************/ #content { background-color: #FFFFFF; border: 1px solid #c6c6c6; vertical-align: text-top; } #div-content { /*width: 738px;*/ } .csc-header_csc-header-n1 { height: 39px; padding-left: 15px; padding-right: 65px; background-image: url(../Bilder/Template1_17.jpg); background-position: right; background-repeat: no-repeat; } .bodytext { } /******************************************************************/ /*************** Content Ende ************************************/ /******************************************************************/ [/CODE] @dosonaro: ne feste breite würde mir nicht gefallen, da sich die breite ja dynamisch je nach überschriftenlänge verändern soll. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das fünfte Wort!
Antworten
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
Breite einer Überschrift
Oben