+ Antworten
Ergebnis 1 bis 10 von 10

Thema: Idee Navigationsbox umzusetzen

  1. #1
    TP-Member Angel_de macht alles soweit korrekt
    Registriert seit
    Mar 2006
    Beiträge
    49

    Idee Navigationsbox umzusetzen

    Brauch dringend Hilfe ... will mit XHTML + CSS folgende Navigation aufbauen können

    Code:
    Link1   |
    Link2   |
    Link3   |
    Link4   |   Link41
              |   Link42
              |   Link43
    Link5   |
    Die Striche sind eine durchgängige Hintergrundgrafik
    Ich brauch das für diverse Unterseiten und würde eigentlich ungern für jeden möglichen Aufbau ne Klasse schreiben wollen.

    Ideen, oder so unlösbar bzw. muss ich in den sauren Apfel beißen und es umständlich definieren ?

  2. #2
    TP-Specialist Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Avatar von Mich@el
    Registriert seit
    Oct 2005
    Ort
    Würzburg
    Beiträge
    2.810
    Hallo Angel_de,
    ich kann das nicht nachvollziehen. Striche als Hintergrundgrafik? Hast Du einen Screenshot, wie das "fertig" aussehen soll?!

    Grüße
    Michael
    Back to business!

  3. #3
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    Ich glaub wir könnten dir eher helfen, wenn du uns mal ein Bild davon zeigst, wie deine Navigationsidee aussehen soll ...
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

  4. #4
    TP-Member Angel_de macht alles soweit korrekt
    Registriert seit
    Mar 2006
    Beiträge
    49
    Nach langem rumgefuchtel und nem heißen Tipp hab ich es nun auch so geschafft.
    Der Strich sollte nur zur Trennung der beiden Seiten sein ...
    gelöst hab ich es über eine verschachtelte Liste, die ich mit margins so umgefuchtelt habe, dass es so ausschaut, wie ich es haben wollte.

    Danke trotzdem

  5. #5
    TP-Member Angel_de macht alles soweit korrekt
    Registriert seit
    Mar 2006
    Beiträge
    49
    Hab nun aber doch noch nen Problem ...
    bisher gelöst (läuft im FF)

    Code:
    <div id="sub">
    <ul>
     <li><a href="">Home</a></li>
     <li><a href="">xyz</a></li>
     <li><span>aktiv</span><li>
    
      <ul>
        <li><a href="">&Uuml;bersicht</a></li>
        <li><a href="">da</a></li>
        <li><img src="p.gif" /> <span>unteraktiv</span></li>
      </ul>
    
     <li><a href="">er</a></li>
     <li><a href="">Reg</a></li>
     <li><a href="">353</a></li>
     <li><a href="">35</a></li>
    </div><!--Subnavi-Ende-->
    mittels CSS hab ich es so gemacht, dass die Punkte "aktiv" und "Übersicht" aus der unterliste auf einer höhe sind

    CSS
    Code:
    #subnavi ul li ul {
    	text-align:left;
    	width:8em;
    	padding-left:9em;
    	margin-top: -3em;	
    }
    Prob ist nun, dass der IE das nicht mitmacht. Der setzt den Unterpunkt immer ab und ignoriert meine margin-top-Angaben.

    Ideen fürs Bugfixing ?
    Geändert von Angel_de (12.03.2007 um 12:12 Uhr)

  6. #6
    TP-Specialist Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Avatar von Mich@el
    Registriert seit
    Oct 2005
    Ort
    Würzburg
    Beiträge
    2.810
    Evtl. hilft Dir dieser Beitrag weiter!? Vorletzter Beitrag.

    Grüße
    Michael
    Back to business!

  7. #7
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    Er sollte sich den ganzen Beitrag durchlesen, denn sein HTML ist auch falsch verschachtelt
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

  8. #8
    TP-Member Angel_de macht alles soweit korrekt
    Registriert seit
    Mar 2006
    Beiträge
    49
    hab's gesehn, gefunden und gefixt.
    Vielen Dank

  9. #9
    TP-Specialist Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Mich@el lebt für das TP und seine User Avatar von Mich@el
    Registriert seit
    Oct 2005
    Ort
    Würzburg
    Beiträge
    2.810
    Zitat Zitat von Boris
    Er sollte sich den ganzen Beitrag durchlesen, denn sein HTML ist auch falsch verschachtelt
    Wenn meinst Du mit er?
    Back to business!

  10. #10
    TP-Greis Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Boris lebt für das TP und seine User Avatar von Boris
    Registriert seit
    Mar 2001
    Ort
    Stuttgart & Kornwestheim
    Beiträge
    9.420
    Der mit dem Wolf ... äh, der das Problem hat
    My software never has bugs. It just develops random features ...

    » DevShack - die Website des freien Webentwicklers Boris

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51