kostenloser Webspace werbefrei: lima-city


Suche auf lima-city

  • in: Exakt gleiche Abstände via JS (zb in Navigation)

    geschrieben von strichkreis

    hc-tools schrieb:
    Das Problem ist, dass du es beim onload aufrufst. Zu dieser Zeit hat der Browser die divs ja noch nicht erstellt. Somit läuft dein Script in undefinierte Variablen und es passiert nichts. Gut sehen kannst du dass auch, wenn du Firebug in deinem Browser installierst. Dort wird dann genau dass als Bug vermerkt sein. Du musst also nachdem all deine divs konstruiert sind deine Funktionon in einem Script Tag aufrufen.


    Danke erstmal für den Hinweis, dawär ich so nicht drauf gekommen ^^ Werd ich gleich mal ausprobieren.

    suchweb schrieb:
    vielleicht mit jQuery .css in $('document').ready(function() { ... });



    das versteh ich irgendwie nicht ganz :confused:
  • in: Exakt gleiche Abstände via JS (zb in Navigation)

    geschrieben von strichkreis

    Hallo.

    ich hab da ne kleine Herausforderung ;)

    Ich möchte in der Navigation meines Wordpress-Blogs zwischen den einzelnen Elementen möglichst exakt gleichgroße Abstände haben. Am Linken und rechten Rand der Navigation soll zum ersten bzw letzten Navigationselement kein bzw. ein vom Rest unabhängiger Abstand sein (im Beispiel ist dieser gleich null, damit es verständlicher wird).

    Jedes Navigationselement hat ja eine sichtbare Länge, nämlich die Länge aller Buchstaben des Wortes/Menüpunktes. Es geht deshalb nicht, allen Navigationslistenelementen eine identische fixe Breite zu geben, da so letzten Endes die Abstände doch wieder abhängig von den Wortlängen sind.

    Also habe ich mir gedacht, ich habe eine divbox mit fixer Länger (die mir bekannt ist), setze darein eine divbox mit variabler Länge, in denen die ganzen Listenelemente liegen (die also, je nachdem, wie viel man in die Navigationspunkte schreibt, unterschiedlich lang ist), und gebe dann jedem dieser Listenelemente einen über JS ermittelten Außenabstand (dass am Ende die variable Box genauso lang ist wie die fixe box).

    Ansatz:

    <div> mit fixierter breite
    	<div> mit variabler breite
    		<li><a>elemente hintereinanderweg


    -> Variable breite = summe aller li-a-breiten (li-a-breite ergibt sich aus text)
    -> fixe breite - variable breite = whitespace
    -> whitespace / anzahl aller li-a-elemente (minus 1) = teilbreite
    - li-a- margin-right: teilbreite;
    - das letzte li-a-element bekommt margin-right:0px;

    Code:
    <script type="text/javascript" event="onload()">
    function Abstand() {
    	var bf, bv, ws, bt, anz;
      bv = document.getElementById('site-navigation').getElementsByClassName('menu-wp-2012-container').style.width;
      bf = document.getElementById('site-navigation').style.width;
      ws = bf - bv;
      anz = document.getElementById('menu-wp-2012').getElementsByTagName("li").length;
      bt = ws / ( anz - 1 );
      
      document.getElementById('menu-item-19').style.marginRight += bt;
      document.getElementById('menu-item-20').style.marginRight += bt;
      document.getElementById('menu-item-21').style.marginRight += bt;
      document.getElementById('menu-item-22').style.marginRight += bt;
      
    }
    </script>


    site-navigation ist die ID einer Divbox mit fester Breite,
    innerhalb der #site-navigation liegt eine divbox mit der Klasse menu-wp-2012-container, dass ist die variable breite: direkt darin liegt die <ul>...</ul> ohne weitere fixe Breitenangaben.
    anz enthält die Anzahl der Listenelemente, die innerhalb der <ul id="menu-wp-2012"> liegen.
    danach (das hab ich hier alles ausgeschrieben) werden die ersten 4 der 5 navigationselemente mit je einem viertel des ermittelten whitespace als rechter Außenabstand ausgestattet.

    Das script hab ich im <head>, und rufe es mit onload="Abstand();" im Body-tag auf. Aber irgendwie passiert da nix.

    Hat hier jemand eine Idee, woran das liegen könnte, bzw was ich falsch gemacht habe??
    (die genannten ids und klassen gibt es alle)


    mfg, strichkreis (till)
  • in: Umzug Wordpress Blog nach Lima-City

    geschrieben von strichkreis

    das passt hier vielleicht nicht ganz dazu, aber bei meinem Wordpress-blog bekomm ich beim bearbeiten der style.css über den internen Editor nach Klick auf "Datei aktualisieren" ebenfalls den 500 Internal Server Error nginx...

    was kann ich tun, bzw was muss getan werden, damit das wieder funktioniert? die index.php bspw lässt sich bearbeiten, ohne probleme.

Login zum Webhosting ohne Werbung!