[[3 Spalten, variable Breite - V1]]
You are here: Willkommen im phpwcms-HowTo:wiki » Benutzerhandbuch (DE) » Templates/Vorlagen » Big John´s Piefecta » 3 Spalten, variable Breite - V1
Show pageOld revisions
Recent changesIndex

NAVIGATION

Imprint / Impressum

Please Donate!

With your donation you accelerate more enhancements of the wiki.

Differences

This shows you the differences between two versions of the page.

deutsch:templates:big-john-piefecta:3-spalten-variable-breite-variable-hoehe-v1 [2010/01/07 08:10]
Knut Heermann (flip-flop) 		deutsch:templates:big-john-piefecta:3-spalten-variable-breite-variable-hoehe-v1 [2018/06/03 18:08] (current)
Line 1: Line 1:
-{{indexmenu_n>200}}+{{indexmenu_n>300}}
====== 3 Spalten, variable Breite - V1 ====== ====== 3 Spalten, variable Breite - V1 ======
-FIXME noch nicht fertig 
-**3 Spalten, variable Breite, variable Höhe, horizontal gesamt, Mindestbreite, Spalten LINKS/RECHTS identischer Hintergrund  - Version 01**  
-**Gesamtbreite:** Fenstergröße (**links:** 210px - **mitte minderstens:** 565px - **rechts:** 200px)+**3 Spalten, variable Breite, variable Höhe, horizontal gesamt, Mindestbreite, \\ Spalten LINKS/RECHTS identischer Hintergrund  - Version 01**  
 + 
 +**Gesamtbreite:** Fenstergröße (**links:** 210px - **mitte mindestens:** 565px - **rechts:** 200px)
**Autor:** K.Heermann (flip-flop) http://planmatrix.de //2010/01/07 //  \\ **Autor:** K.Heermann (flip-flop) http://planmatrix.de //2010/01/07 //  \\
Line 20: Line 20:
  * Content soll im Quelltext als erstes stehen   * Content soll im Quelltext als erstes stehen
 +  * Jede Spalte kann am längsten sein
  * Jede Spalte kann mit einem vollflächigen Hintergrund gefüllt werden   * Jede Spalte kann mit einem vollflächigen Hintergrund gefüllt werden
  * Header soll am obersten Rand des Viewport stehen   * Header soll am obersten Rand des Viewport stehen
Line 25: Line 26:
  * Die mittlere Spalte soll eine dynmaische Breite aufweisen //(mit Mindestbreite)//   * Die mittlere Spalte soll eine dynmaische Breite aufweisen //(mit Mindestbreite)//
  * Left, Main und Right sollen optisch nebeneinander stehen   * Left, Main und Right sollen optisch nebeneinander stehen
-  * Footer soll unten im Viewport stehen.  
  * CSS-Code soll konform sein!   * CSS-Code soll konform sein!
{{:deutsch:templates:big-john-piefecta:3_cols_center_fluid_brunildo_fe_1.gif?600|3 cols center fluid layout by big john}} {{:deutsch:templates:big-john-piefecta:3_cols_center_fluid_brunildo_fe_1.gif?600|3 cols center fluid layout by big john}}
 +
 +~~UP~~
===== Seitenlayout ===== ===== Seitenlayout =====
Line 36: Line 38:
-\\+~~UP~~
===== Vorlage ===== ===== Vorlage =====
Line 42: Line 44:
{{:deutsch:templates:big-john-piefecta:3_cols_center_fluid_brunildo_be_1.gif|}} {{:deutsch:templates:big-john-piefecta:3_cols_center_fluid_brunildo_be_1.gif|}}
 +
 +~~UP~~
==== <HTML> Kopf: ==== ==== <HTML> Kopf: ====
Line 49: Line 53:
<code html|h header/ Vorlage |h> <code html|h header/ Vorlage |h>
<!--[if lt IE 8]><style> <!--[if lt IE 8]><style>
-/* su h2 per vis bordo */ +.outer, .wide, .wrapper, .minwidth, h2 {
-.outer, .wide, h2 {+
_height: 0; _height: 0;
zoom: 1; zoom: 1;
} }
-/* rimuove complicazione per Gecko 1.7-, ma right deve avere un m-l che+/* rimuove complicazione per Gecko 1.7-, ma right deve avere un m-l che
si sovrapponga a b-r di outer, altrimenti non esce abbastanza da outer */ si sovrapponga a b-r di outer, altrimenti non esce abbastanza da outer */
.left { .left {
Line 61: Line 64:
.right { .right {
margin-left: 1px; margin-left: 1px;
 +}
 +</style><![endif]-->
 +<!--[if lt IE 7]><style>
 +/* previene espansione center */
 +.incenter {
 + width: 100%;
 + margin-right: -10000px;
 + position: relative;
 +}
 +.minwidth {
 + border-left: 504px solid #fff;
 +}
 +.wrapper {
 + margin-left: -504px;
 + position: relative;
} }
</style><![endif]--> </style><![endif]-->
Line 72: Line 90:
<code html|h main/ Vorlage |h> <code html|h main/ Vorlage |h>
-<div class="wrapper">+<div class="minwidth"><div class="wrapper"> 
 + 
 +<div class="outer">
-  <div class="outer"> 
    <div class="wrap-cl">     <div class="wrap-cl">
-      <div class="center"><div class="incenter"> 
-        {CONTENT} 
-      </div></div> <!-- end center div --> 
-      <div class="left"><div class="inleft"> +        <div class="center"><div class="incenter"> 
-      <div style="font-size:11px;" class="nav-list-ul"> +          {CONTENT} 
-        {NAV_LIST_UL:FPA,0,,act_path,active} +        </div></div> <!-- end center div --> 
-      </div> + 
-        {LEFT} +        <div class="left"><div class="inleft"> 
-      </div></div> <!-- end left div -->+           <div style="font-size:11px;" class="nav-list-ul"> 
 +               {NAV_LIST_UL:FPA,0,,act_path,active} 
 +           </div> 
 +          {LEFT} 
 +        </div></div> <!-- end left div -->
    </div> <!-- end wrap-cl div -->     </div> <!-- end wrap-cl div -->
Line 94: Line 114:
    <br class="clear" />     <br class="clear" />
-  </div> <!-- end outer div -->+</div> <!-- end outer div -->
-  <div class="top"><div class="intop"> +<div class="top"><div class="intop"> 
-      <h3>Fixed 3 cols layout (Based on Big John´s Piefecta)</h3> +    <h1>3 cols layout, center fluid</h1> 
-      {HEADER} +    <p>Based on <a href="http://www.positioniseverything.net/piefecta-rigid.html">Big John's Piefecta</a>, with min-width</p> 
-  </div></div>+    {HEADER} 
 +</div></div>
-  <div class="bottom"><div class="inbottom">+<div class="bottom"><div class="inbottom">
    {FOOTER}     {FOOTER}
-  </div></div> +</div></div> 
-   + 
-</div> <!-- end wrapper div -->+</div></div><!-- end minwidth / wrapper div -->
</code> </code>
Line 111: Line 132:
===== CSS ===== ===== CSS =====
 +
 +{{:deutsch:templates:big-john-piefecta:3-cols-variable-width-variable-height-v1.gif|}}
==== Template: ==== ==== Template: ====
-**Datei:** template/inc_css/fixed_3_cols_layout_big_john.css+**Datei:** template/inc_css/fixed_3_cols_center_fluid_brunildo.css
-Width 990px (210px - 580px - 200px)+Width 100% (210px - min. 565px - 200px)
-<code css |h fixed_3_cols_layout_big_john.css|h>+<code css |h fixed_3_cols_center_fluid_brunildo.css|h>
/*********************************************** /***********************************************
-* Fixed 3 cols layout  +* 3 cols center fluid layout  
-* http://www.brunildo.org/test/piefecta5.html +* http://www.brunildo.org/test/lrfc.html 
-* Patched version by KH (flip-flop) 06.01.2010 +* Patched version by KH (flip-flop) 07.01.2010 
-* Width 990px (210px - 580px - 200px)+* Width window (210px - min-width - 200px)
************************************************/ ************************************************/
 +*
body { body {
- margin: 10px 0;+ margin: 10px;
padding: 0; padding: 0;
color: #000; color: #000;
Line 135: Line 158:
font-family: verdana, Georgia, serif; font-family: verdana, Georgia, serif;
font-size: 80%; font-size: 80%;
- text-align: center; 
} }
.clear { .clear {
Line 148: Line 170:
.top { .top {
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
-} 
} }
.bottom { .bottom {
border-top: 1px solid #000; border-top: 1px solid #000;
- position: relative; 
padding-bottom: 1px; padding-bottom: 1px;
} }
Line 166: Line 186:
.to-left { .to-left {
float: left; float: left;
-} 
-.ap-test { 
- position: absolute; 
- top: -112px;  /* H+2 */ 
- height: 111px;  /* H */ 
- he\ight: 110px; 
- overflow: hidden; 
- border-top: 1px solid #000; 
- background-color: #5b5; 
- color: #ff0; 
-} 
-.ap-left { 
- width: 210px; /* 170px; */ 
- left: 0; 
-} 
-.ap-right { 
- width: 200px; /* 160px; */ 
- right: 0; 
} }
.wrapper { .wrapper {
- margin: 0 auto; + background-color: #cce;
- width: 992px; /* 762px; */ +
- w\idth: 990px; /* 760px;  /* C + L + R + 2 */ +
- text-align: left; +
- background-color: #cce; /* left */+
border: 1px solid #000; border: 1px solid #000;
} }
.outer { .outer {
- margin-left: 210px; /* 170px; /* L */+ margin-left: 210px; /* 170px; /* L */
margin-right: 200px; /* 160px; /* R */ margin-right: 200px; /* 160px; /* R */
border-left: 1px solid #000; border-left: 1px solid #000;
Line 210: Line 208:
width: 100%; width: 100%;
margin-left: -1px; margin-left: -1px;
- margin-bottom: -1px;   /* for the AP boxes in IE/Win */ 
} }
- 
-.incenter { 
- padding: 10px 0 10px 10px; 
-} 
- 
.left { .left {
float: left; float: left;
Line 230: Line 222:
margin-right: -201px; /* -161px;  /* -R-1 */ margin-right: -201px; /* -161px;  /* -R-1 */
margin-left: 2px; margin-left: 2px;
 +}
 +.minwidth {
 + min-width: 564px;
} }
Line 235: Line 230:
.top { .top {
height: 70px;       /* +KH Head height */ height: 70px;       /* +KH Head height */
- width: 990px;       /* 760px; */+ width: 100%;       /* 760px; */
position: absolute; /* +KH */ position: absolute; /* +KH */
overflow: hidden;   /* +KH */ overflow: hidden;   /* +KH */
top: 0;             /* +KH */ top: 0;             /* +KH */
left: 0;            /* +KH */ left: 0;            /* +KH */
- background-color: yellow;+ background-color: #ffc;
} }
.intop { .intop {
Line 259: Line 254:
.wrapper { .wrapper {
position: relative;     /* +KH (content first) */ position: relative;     /* +KH (content first) */
 +}
 +.incenter {               /* +KH */
 + padding: 10px 0 10px 10px;
} }
/* ------------------------ */ /* ------------------------ */
- 
Line 281: Line 278:
* html .right { * html .right {
margin-left: 1px; margin-left: 1px;
 +}
 +* html .minwidth {
 + border-left: 504px solid #fff;
 +}
 +* html .wrapper {
 + margin-left: -504px;
} }
/**/ /**/
-.left, .right { 
- padding-bottom: 110px; /* H */ 
-} 
.outer { .outer {
word-wrap: break-word; word-wrap: break-word;
Line 299: Line 299:
**Datei:** template/inc_css/nav_list_ul.css   **Datei:** template/inc_css/nav_list_ul.css  
-Siehe auch [[deutsch:templates:deutsch:navigationen:nav_list_ul_parameter]].+{{:deutsch:templates:big-john-piefecta:nav_list_ul_article.zip|NAV_LIST_UL + Article (>=r387)}}
-<code css |h nav_list_ul.css|h> 
-/* ====================================================================== 
-   >= V1.30   CSS for an vertical menu 
-   <div class="nav-list-ul">{ NAV_LIST_UL:F,0,,act_path,active }</div> 
-   Level 0 - 3; 
-   26.03.07 flip-flop (KH) 
-  
-========================================================================= */ 
-  
-  
-.nav-list-ul { 
-   margin: 0; 
-   padding: 0; 
-   border: 0; 
-   text-decoration: none; 
-   /* ++ e.g. 11px font and 19px height // z.B. 11px font und 19px hoch */ 
-   font: normal normal 11px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; 
-   width: 210px;  /* ++ Width of Menu Items // Breite der Navigation*/ 
-/*   float:left; */ 
-} 
-  
-.nav-list-ul em { font-style: normal; } 
-  
-.nav-list-ul ul { 
-   margin: 0; 
-   padding: 0; 
-   border: 0; 
-   list-style-type: none; 
-   width: 210px;  /* ++ Width of Menu Items // Breite der Navigation */ 
-} 
-  
-.nav-list-ul ul li { position: relative; } 
-  
-  
-/* ==== Styles for Menu Items =================================== */ 
-  
-/* ==== LEVEL X ================================================= */ 
-  
-/* ====  simple link <a> // einfacher Link <a> ==== */ 
-.nav-list-ul ul li a, 
-.nav-list-ul ul li a:link, 
-.nav-list-ul ul li a:visited, 
-.nav-list-ul ul li a:active { 
-   display: block; 
-   text-decoration: none; 
-   text-transform: none; 
-   color: #FFFFFF;           /* ++ Text color // Textfarbe */ 
-  
-   /* ++ background color; url of the image; image adjust e.g. left gap 10px */ 
-   /* ++ Hintergrundfarbe; URL der Grafik  ; Grafik einrücken z.B. 10px */ 
-   background: #81909F url(../../img/article/navi1_norm.gif) 10px 1px no-repeat; 
-  
-   /* ++ Text adjust e.g. upper gap and left gap 25px */ 
-   /* ++ Text justieren 1px oben und 25px von links */ 
-   padding: 1px 0 0 25px; 
-  
-   /* ++ bottom line if you want */ 
-   /* ++ Untere Linie wenn gewuenscht */ 
-   border-bottom: 1px solid #ccc; /* IE6 Bug */ 
-  
-   /* ++ Den "white-space" Fehler im IE7 vermeiden */ 
-   /* ++ Killing the "white-space" bug in IE7 */ 
-   \width: 210px;  /* IE5x Opera <= 5 */ 
-   widt\h: 185px;  /* = (Width of Menu Items) - (padding-right + padding-left) */ 
-} 
-  
-/* ====  Aktiv, wenn ein Sublevel vorhanden ist // active point if there is a sub_level ==== */ 
-.nav-list-ul ul li.sub_ul_true a, 
-.nav-list-ul ul li.sub_ul_true a:link, 
-.nav-list-ul ul li.sub_ul_true a:visited, 
-.nav-list-ul ul li.sub_ul_true a:active { 
-   color: White; 
-   font-weight: normal; 
-   background: #839AAF url(../../img/article/navi1_sub_true.gif) 10px 1px no-repeat; 
-} 
-  
-/* ====  Aktiver Pfad - Linkverfolgung im Baum // active path in tree (link tracing) ==== */ 
-.nav-list-ul ul li.act_path a, 
-.nav-list-ul ul li.act_path a:link, 
-.nav-list-ul ul li.act_path a:visited, 
-.nav-list-ul ul li.act_path a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #63819F url(../../img/article/navi1_act.gif) 10px 1px no-repeat; 
-} 
-  
-/* ====  Elternebene, wenn der Schalter gesetzt // Parent, if switch is set ==== */ 
-.nav-list-ul ul li.sub_parent a, 
-.nav-list-ul ul li.sub_parent a:link, 
-.nav-list-ul ul li.sub_parent a:visited, 
-.nav-list-ul ul li.sub_parent a:active { 
-   color: White; 
-   font-weight: normal; 
-   background: #81909F url(../../img/article/navi1_norm.gif) 10px 1px no-repeat; 
-} 
-  
-/* ====  active link <a> // aktiver Link <a> ==== */ 
-.nav-list-ul ul li.active a, 
-.nav-list-ul ul li.active a:link, 
-.nav-list-ul ul li.active a:visited, 
-.nav-list-ul ul li.active a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #63819F url(../../img/article/navi1_act.gif) 10px 1px no-repeat; 
-} 
-  
-/* ====  hover: Maus über Link <a> // hover link <a> ==== */ 
-.nav-list-ul ul li a:hover { 
-   color: White; 
-/*   text-decoration: underline; */ 
-   background: #597B8F url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; 
-} 
-.nav-list-ul ul li.sub_no a:hover { 
-   color: White; 
-   background: #597B8F url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; 
-} 
-.nav-list-ul ul li.sub_ul a:hover { 
-   background: #597B8F url(../../img/article/navi1_act_hov.gif) 10px 1px no-repeat; 
-} 
-/* ====  hover: Wenn Sublevel vorhanden <a> // hover: "if there is a sub_level" <a> ==== */ 
-.nav-list-ul ul li.sub_ul_true a:hover { 
-   background: #597B8F url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; 
-} 
-  
-/* ====  hover: Parent Link <a> // hover: "Only for the parent link" <a> ==== */ 
-.nav-list-ul ul li.sub_parent a:hover { 
-   background: #597B8F url(../../img/article/navi1_hov.gif) 10px 1px no-repeat; 
-} 
-  
-/* ====  hover: Der aktive Link <a> // hover: "Only for the active link" <a> ==== */ 
-.nav-list-ul ul li.active a:hover { 
-   background: #597B8F url(../../img/article/navi1_act_hov.gif) 10px 1px no-repeat; 
-} 
-  
-  
-/* ==== LEVEL X+1 =============================================== */ 
-  
-.nav-list-ul ul ul li.sub_no a, 
-.nav-list-ul ul ul li.sub_no a:link, 
-.nav-list-ul ul ul li.sub_no a:visited, 
-.nav-list-ul ul ul li.sub_no a:active, 
-.nav-list-ul ul ul li.sub_ul a, 
-.nav-list-ul ul ul li.sub_ul a:link, 
-.nav-list-ul ul ul li.sub_ul a:visited, 
-.nav-list-ul ul ul li.sub_ul a:active { 
-   display: block; 
-  
-   text-decoration: none; 
-   text-transform: none; 
-  
-   font-weight: normal; 
-   color: #FFFFFF; 
-   background: #8E9FAF url(../../img/article/navi1_norm.gif) 25px 1px no-repeat; 
-   padding: 1px 0 0 40px; 
-   border-bottom: 1px solid #ccc; /* IE6 Bug */ 
-   \width: 210px;  /* IE5x Opera <= 5 */ 
-   widt\h: 170px;  /* = (Width of Menu Items) - (padding-right + left) */ 
-} 
- 
-/* article navi */ 
-.nav-list-ul ul ul li.asub_no a, 
-.nav-list-ul ul ul li.asub_no a:link, 
-.nav-list-ul ul ul li.asub_no a:visited, 
-.nav-list-ul ul ul li.asub_no a:active, 
-.nav-list-ul ul ul li.asub_ul a, 
-.nav-list-ul ul ul li.asub_ul a:link, 
-.nav-list-ul ul ul li.asub_ul a:visited, 
-.nav-list-ul ul ul li.asub_ul a:active { 
-   display: block; 
-  
-   text-decoration: none; 
-   text-transform: none; 
-  
-   font-weight: normal; 
-   color: #FFFFFF; 
-   background: #8E9FAF url(../../img/article/navi1_anorm.gif) 25px 1px no-repeat; 
-   padding: 1px 0 0 40px; 
-   border-bottom: 1px solid #ccc; /* IE6 Bug */ 
-   \width: 210px;  /* IE5x Opera <= 5 */ 
-   widt\h: 170px;  /* = (Width of Menu Items) - (padding-right + left) */ 
-} 
- 
-/* state for the active point if there is a sub_level */ 
-.nav-list-ul ul ul li.sub_ul_true a, 
-.nav-list-ul ul ul li.sub_ul_true a:link, 
-.nav-list-ul ul ul li.sub_ul_true a:visited, 
-.nav-list-ul ul ul li.sub_ul_true a:active { 
-   color: White; 
-   font-weight: normal; 
-   background: #839AAF url(../../img/article/navi1_sub_true.gif) 25px 1px no-repeat; 
-} 
-  
-/* state for the active path (link tracing) */ 
-.nav-list-ul ul ul li.act_path a, 
-.nav-list-ul ul ul li.act_path a:link, 
-.nav-list-ul ul ul li.act_path a:visited, 
-.nav-list-ul ul ul li.act_path a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #6D8EAF url(../../img/article/navi1_act.gif) 25px 1px no-repeat; 
-} 
-  
-  
-/* state for the active link */ 
-.nav-list-ul ul ul li.active a, 
-.nav-list-ul ul ul li.active a:link, 
-.nav-list-ul ul ul li.active a:visited, 
-.nav-list-ul ul ul li.active a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #6D8EAF url(../../img/article/navi1_act.gif) 25px 1px no-repeat; 
-} 
-  
-.nav-list-ul ul ul li a:hover { 
-   color: White; 
-/*   text-decoration: underline; */ 
-   background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat; 
-} 
-.nav-list-ul ul ul li.sub_no a:hover { 
-   color: White; 
-   background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat; 
-} 
-.nav-list-ul ul ul li.asub_no a:hover { 
-   color: White; 
-   background: #6B828F url(../../img/article/navi1_ahov.gif) 25px 1px no-repeat; 
-} 
-.nav-list-ul ul ul li.sub_ul a:hover { 
-   background: #6B828F url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat; 
-} 
-/* Only for "if there is a sub_level" */ 
-.nav-list-ul ul ul li.sub_ul_true a:hover { 
-   background: #6B828F url(../../img/article/navi1_hov.gif) 25px 1px no-repeat; 
-} 
-  
-/* Only for the active link */ 
-.nav-list-ul ul ul li.active a:hover { 
-   background: #6B828F url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat; 
-} 
-  
-  
-/* ==== LEVEL X+2 =============================================== */ 
-  
-.nav-list-ul ul ul ul li.sub_no a, 
-.nav-list-ul ul ul ul li.sub_no a:link, 
-.nav-list-ul ul ul ul li.sub_no a:visited, 
-.nav-list-ul ul ul ul li.sub_no a:active, 
-.nav-list-ul ul ul ul li.sub_ul a, 
-.nav-list-ul ul ul ul li.sub_ul a:link, 
-.nav-list-ul ul ul ul li.sub_ul a:visited, 
-.nav-list-ul ul ul ul li.sub_ul a:active  { 
-   display: block; 
-   text-decoration: none; 
-   text-transform: none; 
-   font-weight: normal; 
-   color: #FFFFFF; 
-   background: #83A1BF url(../../img/article/navi1_norm.gif) 40px 1px no-repeat; 
-   padding: 1px 0 0 55px; 
-   border-bottom: 1px solid #ccc; /* IE6 Bug */ 
-   \width: 210px;  /* IE5x Opera <= 5 */ 
-   widt\h: 155px;  /* = (Width of Menu Items) - (padding-right + left) */ 
-} 
-  
-/* state for the active point if there is a sub_level */ 
-.nav-list-ul ul ul ul li.sub_ul_true a, 
-.nav-list-ul ul ul ul li.sub_ul_true a:link, 
-.nav-list-ul ul ul ul li.sub_ul_true a:visited, 
-.nav-list-ul ul ul ul li.sub_ul_true a:active { 
-   color: White; 
-   font-weight: normal; 
-   background: #83A1BF url(../../img/article/navi1_sub_true.gif) 40px 1px no-repeat; 
-} 
-  
-/* state for the active path (link tracing) */ 
-.nav-list-ul ul ul ul li.act_path a, 
-.nav-list-ul ul ul ul li.act_path a:link, 
-.nav-list-ul ul ul ul li.act_path a:visited, 
-.nav-list-ul ul ul ul li.act_path a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #83A1BF url(../../img/article/navi1_act.gif) 40px 1px no-repeat; 
-} 
-  
-  
-/* state for the active link */ 
-.nav-list-ul ul ul ul li.active a, 
-.nav-list-ul ul ul ul li.active a:link, 
-.nav-list-ul ul ul ul li.active a:visited, 
-.nav-list-ul ul ul ul li.active a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #83A1BF url(../../img/article/navi1_act.gif) 40px 1px no-repeat; 
-} 
-  
-  
-.nav-list-ul ul ul ul li a:hover { 
-   color: White; 
-/*   text-decoration: underline; */ 
-   background: #6D879F url(../../img/article/navi1_hov.gif) 40px 1px no-repeat; 
-  
-} 
-.nav-list-ul ul ul ul li.sub_no a:hover { 
-   color: White; 
-   background: #6D879F url(../../img/article/navi1_hov.gif) 40px 1px no-repeat; 
-} 
-.nav-list-ul ul ul ul li.sub_ul a:hover { 
-   background: #6D879F url(../../img/article/navi1_act_hov.gif) 40px 1px no-repeat; 
-} 
-/* Only for "if there is a sub_level" */ 
-.nav-list-ul ul ul ul li.sub_ul_true a:hover { 
-   background: #6D879F url(../../img/article/navi1_hov.gif) 40px 1px no-repeat; 
-} 
-  
-/* Only for the active link */ 
-.nav-list-ul ul ul ul li.active a:hover { 
-   background: #6D879F url(../../img/article/navi1_act_hov.gif) 40px 1px no-repeat; 
-} 
- 
- 
-/* ====================================================================== 
-   >= V1.4.4 r387   CSS for a article navigation menu 
-   <div class="nlu_navi1">{ NAV_LIST_UL:FA,0,,act_path,active }</div> 
-   Level 0 - 3;  
-   28.12.09 flip-flop (KH) 
-    
-========================================================================= */ 
-.nav-list-ul ul li.asub_no a, 
-.nav-list-ul ul li.asub_no a:link, 
-.nav-list-ul ul li.asub_no a:visited, 
-.nav-list-ul ul li.asub_no a:active { 
-   display: block; 
-   text-decoration: none; 
-   text-transform: none; 
-   font-weight: normal; 
-   color: #FFFFFF; 
-   background: #83A1BF url(../../img/article/navi1_anorm.gif) 10px 1px no-repeat; 
-   padding: 1px 0 0 25px; 
-   border-bottom: 1px solid #ccc; /* IE6 Bug */ 
-   \width: 210px;  /* IE5x Opera <= 5 */ 
-   widt\h: 185px;  /* = (Width of Menu Items) - (padding-right + left) */ 
-} 
-.nav-list-ul ul ul li.asub_no a, 
-.nav-list-ul ul ul li.asub_no a:link, 
-.nav-list-ul ul ul li.asub_no a:visited, 
-.nav-list-ul ul ul li.asub_no a:active { 
-   display: block; 
-   text-decoration: none; 
-   text-transform: none; 
-   font-weight: normal; 
-   color: #FFFFFF; 
-   background: #83A1BF url(../../img/article/navi1_anorm.gif) 25px 1px no-repeat; 
-   padding: 1px 0 0 40px; 
-   border-bottom: 1px solid #ccc; /* IE6 Bug */ 
-   \width: 210px;  /* IE5x Opera <= 5 */ 
-   widt\h: 170px;  /* = (Width of Menu Items) - (padding-right + left) */ 
-} 
- 
-.nav-list-ul ul ul ul li.asub_no a, 
-.nav-list-ul ul ul ul li.asub_no a:link, 
-.nav-list-ul ul ul ul li.asub_no a:visited { 
-   display: block; 
-   text-decoration: none; 
-   text-transform: none; 
-   font-weight: normal; 
-   color: #FFFFFF; 
-   background: #83A1BF url(../../img/article/navi1_anorm.gif) 40px 1px no-repeat; 
-   padding: 1px 0 0 55px; 
-   border-bottom: 1px solid #ccc; /* IE6 Bug */ 
-   \width: 210px;  /* IE5x Opera <= 5 */ 
-   widt\h: 155px;  /* = (Width of Menu Items) - (padding-right + left) */ 
-} 
- 
-/* state for the active link */ 
-.nav-list-ul ul li.asub_no.active a, 
-.nav-list-ul ul li.asub_no.active a:link, 
-.nav-list-ul ul li.asub_no.active a:visited, 
-.nav-list-ul ul li.asub_no.active a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #83A1BF url(../../img/article/navi1_aact.gif) 10px 1px no-repeat; 
-} 
-/* state for the active link */ 
-.nav-list-ul ul ul li.asub_no.active a, 
-.nav-list-ul ul ul li.asub_no.active a:link, 
-.nav-list-ul ul ul li.asub_no.active a:visited, 
-.nav-list-ul ul ul li.asub_no.active a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #83A1BF url(../../img/article/navi1_aact.gif) 25px 1px no-repeat; 
-} 
-/* state for the active link */ 
-.nav-list-ul ul ul ul li.asub_no.active a, 
-.nav-list-ul ul ul ul li.asub_no.active a:link, 
-.nav-list-ul ul ul ul li.asub_no.active a:visited, 
-.nav-list-ul ul ul ul li.asub_no.active a:active { 
-   color: White; 
-   font-weight: bold; 
-   background: #83A1BF url(../../img/article/navi1_aact.gif) 40px 1px no-repeat; 
-} 
- 
-.nav-list-ul ul li.asub_no a:hover { 
-   color: White; 
-   background: #6D879F url(../../img/article/navi1_ahov.gif) 10px 1px no-repeat; 
-} 
-.nav-list-ul ul ul  li.asub_no a:hover { 
-   color: White; 
-   background: #6D879F url(../../img/article/navi1_ahov.gif) 25px 1px no-repeat; 
-} 
-.nav-list-ul ul ul ul li.asub_no a:hover { 
-   color: White; 
-   background: #6D879F url(../../img/article/navi1_ahov.gif) 40px 1px no-repeat; 
-} 
-/* ===END=== Article navigation  */ 
- 
-/* Nur Home darstellen */ 
-/* .nav-list-ul ul li.sub_ul {display: none;} */ 
- 
-/*==== END LEVEL X ============================================= */ 
-  
-/* Holly Hack. IE Requirement \*/ 
-* html .nav-list-ul ul li { float: left; height: 1%; } 
-* html .nav-list-ul ul li a { height: 1%; } 
-  
-/* ==== End  nav-list-ul ========================================= */ 
-</code> 
 +Siehe auch [[deutsch:navigationen:nav_list_ul_parameter]].
deutsch/templates/big-john-piefecta/3-spalten-variable-breite-variable-hoehe-v1.1262848237.txt.gz · Last modified: 2018/06/03 18:07 (external edit)
Show pageOld revisions
Back to top
www.planmatrix.de www.chimeric.de Creative Commons License Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0