Untergeordnete li-Elemente werden über die "Mutter" gelegt... (IE & FF)

Arno Simon

Hi Leuts...

auf meiner Seite 'über mich' quählt mich im neuen Style den ich mir ausgesucht habe - ja wieder ein vorgefertigter - ein unschöner Effekt:

Wie Ihr im Sidebar sehen könnt, wird im "Untermenü ( über mich )" der Eintrag "OBZ GmbH" auf das übergeordnete Element "Arbeitgeberzeugnisse" gelegt Ich finde jedoch keinen Weg das ganze so anzuordnen wie es sein soll....

OBZ eingerückt unter Arbeitgeber.....

Meine Vermutung: Irgendwas hat das mit dem CSS-Attribut display zu tun. Dieses wird, wie im CSS-File des Templates zu sehen, von

Code

#mainnav ul { padding: 0; }
#mainnav ul li { display: block; }
#mainnav ul
{
margin: 0;
padding: 0;
color: #000000;
font-size: .8em;
letter-spacing: 2px;
}
#mainnav ul li a
{
padding: 0.2em 12px;
color: #000000;
text-decoration: none;
float: left;
border-right: 1px solid #A8BAE6;
}
#mainnav ul li a:hover
{
background-color: #95B2F4;
color: #FFFFFF;
}

Alles anzeigen

für die ul- und li-Tags eingeführt (lt. css4you.de ist es nicht vererbbar, aber woher kommt dann der Effekt der Zeilenüberlappung, wenn nicht daher?!?). In meinen Einstellungen für die Sidebar-Navigation habe ich die ul- und li-Tags wie folgt definiert:

Code

ul.pagenav {
     margin: 1px;
display: list-item;
    }
li.page_item, li.current_page_item {
     margin: 1px;
     font-size: 11px;
  color: blue;
     display: list-item;
    }
li.page_item {
  font-weight: normal;
    }
li.current_page_item {
     font-weight: bold;
    }

Alles anzeigen

Wer sich den vollständigen CSS-Code des Themes zu gemühte führen mag, kann sich dieses (sofern er es nicht bereits vorliegen hat) bei Alex King herunterladen. Einfach im Kombinationsfeld oben rechts "Blue-Bye-You" einstellen und auf "Download" klicken

Ich suche jetzt schon seit 3 Tagen im Web und meinem Hirn nach einer Lösung und bin kurz davor geneigt zu sein aufzugeben.....

Vielleicht hat ja einer von Euch eine Idee, wodran das liegt....

vG

Arno

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bob58

Strange ...
Ich hab zwar keine Lösung, aber eine Idee. Was pasiert, wenn Du float: left; rausnimmst ?
bei float geht es eigentlich um den Textumfluss, also wie Text um ein anderes Element gelegt werden soll, nicht um die Textausrichtung.

Arno Simon

Hi Bob,

nein, leider... bringt keine Besserung, trotzdem Danke. Hab's daher auch schon wieder zurückgedreht....

vG

Arno

Arno Simon

PS noch ein Nachtrag... Setze ich meine eigenen CSS-Elemente (also den 2ten Block) mit dem Kubrick-Theme (Default) ein, funktioniert alles bestens! Und die Tipps sowie Hinweise von Suedkind in diesem Beitrag habe ich auch schon durch..... Ist auch der einzigste der einigermaßen auf mein Problem passte, den ich gefunden habe....

Arno Simon

Umpf... Habe gerade mal einen Blick in den HTML-Quellcode geworfen und das hier

Code

<LI>
  <LI class=pagenav>
  <H2>Menue</H2>
  <UL>
    <LI class=page_item><A title=Willkommen
    href="<A href="http://arno-simon.de/willkommen/">Willkommen</A">http://arno-simon.de/willkommen/">Willkommen</A>
    <LI class=page_item><A title="Inside Out"
    href="<A href="http://arno-simon.de/inside-out/">Inside">http://arno-simon.de/inside-out/">Inside Out</A>
    <LI class="page_item current_page_item"><A title="über mich"
    href="<A href="http://arno-simon.de/ueber_mich/">über">http://arno-simon.de/ueber_mich/">über mich</A>
    <LI class=page_item><A title=WordPress
    href="<A href="http://arno-simon.de/wordpress/">WordPress</A">http://arno-simon.de/wordpress/">WordPress</A>
    <LI class=page_item><A title="Impressum &amp; Co"
    href="<A href="http://arno-simon.de/impressum/">Impressum">http://arno-simon.de/impressum/">Impressum &amp; Co</A> </LI></UL>
  <LI class=pagenav>
  <H2>Untermenue (über mich)</H2>
  <UL>
    <LI class=page_item><A title=Lebenslauf
    href="<A href="http://arno-simon.de/ueber_mich/lebenslauf/">Lebenslauf</A">http://arno-simon.de/ueber_mich/lebenslauf/">Lebenslauf</A>
    <LI class=page_item><A title=Arbeitgeberzeugnisse
    href="<A href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/">Arbeitgeberzeugnisse</A">http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/">Arbeitgeberzeugnisse</A>
    <UL class=pagenav>
      <LI class=page_item><A title="OBZ GmbH"
      href="<A href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/olivetti-bildung-zweitausend-gmbh/">OBZ">http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/olivetti-bildung-zweitausend-gmbh/">OBZ
      GmbH</A> </LI></UL></LI></UL>

Alles anzeigen

entdeckt.... Wie zu sehen ist, werden die class-Attribute der UL- und LI-Tags sowie die title-Attribute der A-Tags ohne Hochkommata emitiert... Bin gerade auf der Suche nach dem Übeltäter, der mir da das Layout zerhaut....

Wenn jemand eine Idee hat? Bin nach allen Seiten offen, aber keineswegs nicht ganz dicht!

vG

Arno

[edit]
PS Der Übeltäter dürfe wohl in der Funktion "_page_level_out" der /wp-includes/template-functions-post.php zu suchen sein (nicht modifiziert). Dort heißt es:

Code

$output .= $indent . '<li class="' . $css_class . '">'
            .'<a href="' . get_page_link($page_id) . '" title="' . wp_specialchars($title) . '">' . $title . '</a>';

Jetzt muß ich nur noch wissen, wie ich dem Bug den Gar aus mache..... Durch get_page_link wird nämlich seinerseits ein komplettes A-Tag aufgebaut.... Da haut sich die Klammotte gegenseitig den Boden weg, ich fass es nicht.....[/edit]

Monika

im Quelltext find ich nichts, also bereinigt

sei so gut und poste Deine sidebar.php.

damit ich das nachstellen kann, danke

suchende Grüße
Monika

Monika

Code

<li class="pagenav"><h2>Untermenue (über mich)</h2><ul><li class="page_item"><a href="http://arno-simon.de/ueber_mich/lebenslauf/" title="Lebenslauf">Lebenslauf</a></li>
<li class="page_item"><a href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/" title="Arbeitgeberzeugnisse">Arbeitgeberzeugnisse</a>
<ul class="pagenav">
	<li class="page_item"><a href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/olivetti-bildung-zweitausend-gmbh/" title="OBZ GmbH">OBZ GmbH</a>	</li>






</ul>

Alles anzeigen

wieso hat dieses ul die class pagenav?

das haben andere uls an der Stelle nicht --

weitersuchende
Monika

Arno Simon

Hallo Monika,

nanu, wer hat denn da an der Codeschraube gedreht? :confused::o

Nach Deinem Post habe ich dann auch nochmal reingeschaut und es sah wieder sauber aus..... hmmmmpff....

Nun gut, meine sidebar.php magst Du sehen... here we go:

PHP

<!-- Begin Sidebar Template -->
<div id="right">    <!-- Begin Right Side Segment -->
 <div class="menu_links">     <!-- Begin Menu and Links Segment -->
 <?php include (TEMPLATEPATH . '/searchform.php'); ?>
 <ul>
  <?php if (function_exists('wp_theme_switcher')) { ?>
  <li>
   <h2><?php _e('Themes'); ?></h2>
   <?php wp_theme_switcher(); ?>
  </li>
  <?php } ?>
  <!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
  <li>
   <h2><?php /* _e('Author'); */ ?> </h2>
   <p>Sorry, wenn es hin und</p>
  </li>
  -->
  <li>
    <?php /* If this is a 404 page */ if (is_404()) { ?>
    <?php /* If this is a category archive */ } elseif (is_category()) { ?>
    <p>Sie betrachten gerade die Archive der Kategorie <?php single_cat_title(''); ?>.</p>
    <?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
    <p>Sie betrachten gerade die Archive der WebSite <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a>
 fÃ¼r den Tag <?php the_time('l, F jS, Y'); ?>.</p>
    <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
    <p>Sie betrachten gerade die Archive der WebSite <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a>
 fÃ¼r <?php the_time('F, Y'); ?>.</p>
    <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
    <p>Sie betrachten gerade die Archive der WebSite <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a>
 fÃ¼r das Jahr <?php the_time('Y'); ?>.</p>
    <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
    <p>Sie haben die Archive der WebSite <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> nach
     <strong>'<?php echo wp_specialchars($s); ?>'</strong> durchsucht. Sollten Sie nicht fÃ¼ndig geworden sein, kÃ¶nnen Sie einen dieser Links ausprobieren:
    </p>
    <?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
    <p>Sie durchsuchen gerade die Archive der WebSite <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a>.</p>
    <?php } ?>
   </li>
   <?php wp_list_pages('sort_column=menu_order&title_li=<h2>Menue</h2>&depth=1' ); ?>
   <?php as_DisplaySubMenu(); ?>
   <li>
    <h2>
     <?php _e('Archives'); ?>
    </h2>
    <ul>
     <?php wp_get_archives('type=monthly'); ?>
    </ul>
   </li>
   <li>
    <h2><?php _e('Categories'); ?></h2>
    <ul>
     <?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
    </ul>
   </li>
   <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
    <?php get_links_list(); ?>
   <li>
    <h2><?php _e('Meta'); ?></h2>
    <ul>
     <?php wp_register(); ?>
     <li>
      <?php wp_loginout(); ?>
     </li>
     <li>
      <a href="http://validator.w3.org/check/referer" title="<?php _e('This page validates as XHTML 1.0 Strict'); ?>"><?php _e('Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr> 1.0 Strict'); ?></a>
     </li>
     <li>
      <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.dcwalkabout.com/wp-content/themes/walkabout/style.css"><?php _e('Valid <abbr title="Cascading Style Sheets">CSS</abbr>'); ?></a>
     </li>
     <?php wp_meta(); ?>
    </ul>
   </li>
   <?php } ?>
  </ul>
 </div>    <!-- End Menu and Links Segment -->
 <table class="oc" style="align: center;">
  <?php if(function_exists(wp_onlinecounter)){ wp_onlinecounter(show, 'off'); } ?>
 </table>
</div>    <!-- End Right Side Segment -->
<!-- End Sidebar Template -->

Alles anzeigen

Diverse Sachen des Autors, die Validierungsfehler hervorriefen (wie etwa 50 --- vor Kommentarende bei 'End Sidebar Template' etc.) habe ich da schon herausgenommen.

Die Funktion as_DisplaySubMenue stammt aus meinem PlugIn, falls Du Dir diese ansehen magst. Letztlich macht die nichts weiter als nochmals die wp_list_pages mit der ID der TopLevel-Seite aufzurufen.

vG

Arno

Arno Simon

Zitat von Monika

wieso hat dieses ul die class pagenav?
das haben andere uls an der Stelle nicht --

weil ich oben übersehen/vergessen hatte, das ich die aufrufende Funktion für die _page_level_out doch manipuliert hatte asche auf mein haupt

Die aktuelle Funktion:

Code

function _page_level_out($parent, $page_tree, $args, $depth = 0, $echo = true) {
    global $wp_query;


    $queried_obj = $wp_query->get_queried_object();


    $output = '';


    if($depth)
        $indent = str_repeat("\t", $depth);
    //$indent = join('', array_fill(0,$depth,"\t"));


    foreach($page_tree[$parent]['children'] as $page_id) {
        $cur_page = $page_tree[$page_id];
        $title = $cur_page['title'];


        $css_class = 'page_item';
        if( $page_id == $queried_obj->ID) {
            $css_class .= ' current_page_item';
        }


        $output .= $indent . '<li class="' . $css_class . '">'
                  .'<a href="' . get_page_link($page_id) . '" title="' . wp_specialchars($title) . '">' . $title . '</a>';


        if(isset($cur_page['ts'])) {
            $format = get_settings('date_format');
            if(isset($args['date_format']))
                $format = $args['date_format'];
            $output .= " " . mysql2date($format, $cur_page['ts']);
        }
        echo "\n";


        if(isset($cur_page['children']) && is_array($cur_page['children'])) {
            $new_depth = $depth + 1;


            if(!$args['depth'] || $depth < ($args['depth']-1)) {
                $output .= "$indent\n<ul class=\"pagenav\">\n";
                $output .= _page_level_out($page_id, $page_tree, $args, $new_depth, false);
                $output .= "$indent\n</ul>\n";
            }
        }
        $output .= "$indent</li>\n";
    }
    if ( $echo )
        echo $output;
    else
        return $output;
}

Alles anzeigen

Die Zeile auf die sich Deine Frage bezieht

Code

$output .= "$indent\n<ul class=\"pagenav\">\n";

ist die Zeile unmittelbar über der Zeile die ich weiter oben angemosert habe.... Die zusätzliche Klasse ul.pagenav ist die einzigste manipulation, welche ich dort AFAIR vorgenommen habe.

vG

Arno

Arno Simon

PS Und zwar um auszutesten, ob es etwas mit dem ul-tag zu tun haben könnte. daher habe ich in meinem css auch den entsprechenden ul.pagenav-Bereich drin. Müßte IMHO auch oben stehen.

Arno Simon

habe den hack jetzt mal zurückgedreht und auch das ul.pagenav aus dem css entfernt, bringt aber leider auch kein ergebnis. auch durch einsatz von navigo zeigt sich da keinerlei besserung

vG

Arno

Arno Simon

Ob mit oder ob ohne hack, bringts kein Ergebnis... Komisch ist nur, das ich im IE (auf der Arbeit) einen (fehlerhaften?!) Code angezeigt bekomme, im FF (zu Hause) aber alle Elemente entsprechend da sind...

Hier fehlen im IE immer die abschließenden </li>-Tags!?!

Code

<LI class=pagenav>
  <H2>Menue</H2>
  <UL>
    <LI class=page_item><A title=Willkommen
    href="<A href="http://arno-simon.de/willkommen/">Willkommen</A">http://arno-simon.de/willkommen/">Willkommen</A>
    <LI class=page_item><A title="Inside Out"
    href="<A href="http://arno-simon.de/inside-out/">Inside">http://arno-simon.de/inside-out/">Inside Out</A>
    <LI class="page_item current_page_item"><A title="über mich"
    href="<A href="http://arno-simon.de/ueber_mich/">über">http://arno-simon.de/ueber_mich/">über mich</A>
    <LI class=page_item><A title=WordPress
    href="<A href="http://arno-simon.de/wordpress/">WordPress</A">http://arno-simon.de/wordpress/">WordPress</A>
    <LI class=page_item><A title="Impressum &amp; Co"
    href="<A href="http://arno-simon.de/impressum/">Impressum">http://arno-simon.de/impressum/">Impressum &amp; Co</A> </LI></UL>
  <LI class=pagenav>
  <H2>Untermenue (über mich)</H2>
  <UL>
    <LI class=page_item><A title=Lebenslauf
    href="<A href="http://arno-simon.de/ueber_mich/lebenslauf/">Lebenslauf</A">http://arno-simon.de/ueber_mich/lebenslauf/">Lebenslauf</A>
    <LI class=page_item><A title=Arbeitgeberzeugnisse
    href="<A href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/">Arbeitgeberzeugnisse</A">http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/">Arbeitgeberzeugnisse</A>
    <UL>
      <LI class=page_item><A title="OBZ GmbH"
      href="<A href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/olivetti-bildung-zweitausend-gmbh/">OBZ">http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/olivetti-bildung-zweitausend-gmbh/">OBZ
      GmbH</A> </LI></UL></LI></UL>

Alles anzeigen

Würde da mal bitte jemand mit FF, Mozilla oder anderen Browsern verifizieren?

Irgendwie weiß ich jetzt langsam nicht mehr weiter.... Habe meine rudimentären CSS-Kenntnisse ausgespielt. Auf css4you.de nachgelesen, welche Tags denn die Ausgabe an der Stelle beeinflußen könnten - und bin dabei darauf gekommen, das bestimmtes was ich ausprobierte der letzte nonsense gewesen zu sein scheint....

Wie dem auch sei.... ob ich mit dem ul.pagenav arbeite oder nicht ist ihm völlig egal, vielleicht wende ich das ganze auch einfach nur völlig falsch an.....

Kurz.... Kann mir keiner was näheres zu den Ursachen erzählen? Ich schmeiß die Sche... gleich in die Ecke und Code lieber von Hand den ganzen S......

vG

Arno

PS Ausserdem bekomme ich hier - schon wieder ?!?!?!! - alles doppelt... Will heißen im Link habe ich irgendwie was doppeltes, was ich zu Hause wieder nicht sehe :eek: :eek:

Arno Simon

Naja... mittlerweile bin ich sogar hingegangen und habe mal versucht ob es was mit der Link-Angabe selbst zu tun hat und habe da mal eine klasse pagenav eingefügt und auch die pagenav-klasse für den ul wieder aktiviert. so das meine css jetzt an der stelle so

Code

ul.pagenav { 
 display: block;
 float: none; 
};
ul.pagenav, a.pagenav, a.pagenav:hover, a.pagenav:active {
clear: both;
}
a.pagenav:hover, a.pagenav:active {
background: #95B2F4;
}
li.page_item, li.current_page_item {
     clear: both;
     margin: 1px;
     font-size: 11px;
  color: blue;
    }
li.page_item {
  font-weight: normal;
    }
li.current_page_item {
     font-weight: bold;
    }

Alles anzeigen

aussieht...

Hat aber leider auch kein Ergebniss gebracht....

vG

Arno

[edit]css-code aktualisiert[/code]

Monika

Hi
ich weiß Du nagst und nagst und ich kann nicht soviel Zeit derzeit aufwenden.

1. Gedanke des Morgens nach dem 1. Kaffee...
der Text hat einfach zuwenig Platz,

ich geh ausprobieren, ich melde mich zuverlässig,
egal wie das Ergebnis ausfällt..

dort drüben links, gleich hinter der virtuellen Wand steht eine Rieeeeeesenkanne heißen Kaffee,
nimm Dir einen , genieß ihn,
geh mit den Mädchen spazieren odre sonst was...
ich meld mich

lg
Monika

Arno Simon

Hallo Monika,

vielen lieben Dank für Deine Mühen.... Ich habe zwischenzeitlich in einem anderen Forum einen Link auf diesen Beitrag gepostet und dort die rettende Antwort erhalten: http://www.traum-projekt.com/forum/100-css/…navigation.html

Ich weiß, Crosspostings werden nicht so gern gesehen und ich mach sie prinzipiell auch nicht, aber wenn man Tagelang sucht und sucht und sucht und nix funktioniert, dann ist man irgendwann so weit, das man's trotzdem mal versucht

vG

Arno

Monika

Du musst nach Lebenslauf
sowohl den li tag wie den ul tag schließen

nachher nur ul nur li dann funktioniert es,
wie dies mit dem Plugin geht...frag mich nicht, habe ich nicht programmiert...

dieser Quelltext sieht dann so aus :

Code

<li class="pagenav"><h2>Untermenue (über mich)</h2>
<ul><li class="page_item">
 <a class="pagenav" href="http://arno-simon.de/ueber_mich/lebenslauf/" title="Lebenslauf">Lebenslauf</a>
</li>
<li class="page_item">
 <a class="pagenav" href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/" title="Arbeitgeberzeugnisse">Arbeitgeberzeugnisse</a>
</li></ul>


<ul><li>
<ul class="pagenav">
    <li class="page_item">
     <a class="pagenav" href="http://arno-simon.de/ueber_mich/arbeitgeberzeugnisse/olivetti-bildung-zweitausend-gmbh/" title="OBZ 


GmbH">OBZ GmbH</a>


    </li>

Alles anzeigen

mit dieser style.css, die ich nur solange poste wie ich was änderte

Code

/*
Theme Name: Blue-Bye-You
Theme URI: Insert your URI here
Description: Scalable theme based on many previous trial and error versions.
Version: 1.1
Author: Brian Ellis


Author URI: http://www.dcwalkabout.com/


    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php




    Images are not released, and are generally usefult to the author only.
*/






/*------------Clearing the way to content----------------*/
.hide    {
    display:none;
    }
/*---------------------------------------------------*/




/*----------Begin General Page Layout-----------*/
/*-------This section describes things in the order they appear on the page--------------*/


body {
    margin:0; /*It is generally good practice to zero out your margins and padding on the page, since some agents don't so this*/
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;    /*Tips for scaling up the font ladder, start with 76% and then use mostly ems for the rest of the page*/
    font-style: normal;
    line-height: 1.6em;
    color: #000000;
    text-align:center;
    background: #FFF url(images/background.gif) ;
}


#wrapper    {
    background: url(images/two_column.gif) repeat-y;
    width: 800px;
    margin: 0 auto;
    border: solid #707C99;
    border-width: 0 1px 1px 1px;
    text-align: left;
    color: #333;
    position:relative;
    }


#header    {
    background: #5557C9 url(images/banner.jpg) no-repeat;
    background-position: 0 0;
    height:150px;
    width:100%;
    }


#header h1 {
    padding-top: 50px;
    margin: 0;
    font-size: 3em;
    text-align: center;
    }


.description {
    font-size: 1.2em;
    text-align: center;
    }


h1, h1 a, h1 a:hover, h1 a:visited, .description {
    text-decoration: none;
    color: #255FE6;
    }


/* ---------- Begin mainnav ----------------------- */
#mainnav {
  background:#1E5AE6 url(images/navmenu_back.gif) top left repeat-x;
  float:left; 
  width:100%;
  border:solid #999999;
  border-width:1px 0;
  }


#mainnav ul { padding: 0; }
#mainnav ul li { display: block; }


#mainnav ul
{
margin: 0;
padding: 0;
color: #000000;
font-size: .8em;
letter-spacing: 2px;
}


#mainnav ul li a
{
padding: 0.2em 12px;
color: #000000;
text-decoration: none;
float: left; 
border-right: 1px solid #A8BAE6;
}


#mainnav ul li a:hover
{
background-color: #95B2F4;
color: #FFFFFF;
}


#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #95B2F4;
text-align: left;
}


ul.pagenav,li.pagenav {




}


ul.pagenav { 
 display: list-item;
}


a.pagenav, a.pagenav:hover, a.pagenav:active {
  width: 125px;
  display:block;
  }






a.pagenav:hover, a.pagenav:active {
background: #95B2F4;
}


li.page_item, li.current_page_item {
     margin: 1px;
     font-size: 11px;
     color: blue;
      width: 125px;
  display:block;


    }


li.page_item {
     font-weight: normal;
    }


li.current_page_item {
     font-weight: bold;
    }
/* ---------- End mainnav ----------------------- */

Alles anzeigen

hier die screenshots:
http://www.webdesign-in.de/wp-images/arneie.gif
http://www.webdesign-in.de/wp-images/arnefirefox.gif
http://www.webdesign-in.de/wp-images/arneopera.gif

lg
Monika

Monika

welche Lösung auch immer gefunden wurde

ich habe an dieser gearbeitet und lösch das Posting jetzt nicht
:cool:

lg
Monika

Arno Simon

Hallo Monika,

habe erst jetzt wieder in's Forum gesehen und kann Deine Lösung auch erst später ausprobieren, da ich auf der Arbeit bin (und mein Cheffe alle 2 Minuten reinschneit )...

Was das Navigo-Plugin macht, kann ich Dir auch nicht erzählen Wohl, was mein PlugIn macht und das ruft nur die Standard wp_list_pages-Routine nochmal auf mit der ID der übergeordneten Seite für den childof-Parameter... Von daher müßte ich den Standard noch weiter verbiegen um nach dem lebenslauf die Liste abzuschließen und erneut zu öffnen....

Meine Vermutung geht im Moment eher dahin, das der gute Mensch der da sein Template freigeschaltet hat, dieses mit vielleicht etwas mehr CSS-Kenntnissen geschrieben hat als ich sie habe und dabei dennoch ein paar Fehler eingebaut hat.... Vielleicht sollte ich mich mal intensiver mit CSS beschäftigen und einen vernünftigen CSS-Konfigurator einsetzen. Weißt Du da vielleicht etwas, wo man eine html-seite mit dem entsprechenden css laden kann, und aus diesem die klassen in einer entsprechenden anwendung konfigurieren kann. so das man auch sofort die veränderungen sieht?

Besten Dank nochmal und

vG

Arno

Monika

eine wieerholte id fand ich nirgends

da wo ein Punkt in der style.css ist, das ist eine class

denn eine ID darf es pro html seite nur einmal geben

das was Du meinst, wenn ich Dich richtig verstand macht der Apache,
ich nehm einfach an, dass Du als Progger den kennst..
wenn nicht suche nach
apachefriends und hol Dir dort XAMP odre für Linux Lamp

einfachst zu installieren,
(kapiert ja sogar ich in meinen Anfangstagen;)

ich nutz für einfache Sachen, einfach den Browser und einen Editor..
egal welchen(naja nicht ganz einen einfachen Texteditor, mit dem öffne ich die style.css, öffne die Lokal gespeicherte hmtl seite , ändere was an der style.css speichere, refreshe und voila!

nicht verzweifeln
für jedes css Prob gibt es mindestens zwei Lösungen ...
(eine für den IE und eine für Brwoser ;))

lg
Monika

Arno Simon

Zitat von Monika

für jedes css Prob gibt es mindestens zwei Lösungen ...
(eine für den IE und eine für Brwoser ;))

hehe..... den find ich gut....

ich benutze als editor - auch für die css-dateien - eigentlich den AB-Edit, falls den jemand kennen sollte sprich: manuel händisch läßt grüßen und macht es genauso wie du... aber bei komplexen css-layouts wünscht man(n) sich manchmal ein kleines hilfsmittel

vG

Arno

PS immer noch nicht zum testen gekommen, da immer noch work

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Untergeordnete li-Elemente werden über die "Mutter" gelegt... (IE & FF)

Jetzt mitmachen!