Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Dropdown nach links öffnen u.a

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
bydlo
PostRank 9
PostRank 9
Beiträge: 2209
Registriert: 11.12.2004, 01:03
Wohnort: Berlin

Beitrag von bydlo » 22.04.2005, 16:17

hallo nochmal,
hab mich nachdem ich heute morgen einige links zu tutorials erhalten habe gleich mal rangesetzt und bin auch einigermassen weit gekommen,
bis hierhin..
möchte gerne noch zusätzlich eine vertikale dropdownnavigation an den rechten bildschirmrand legen.
wie ereiche ich es denn das das menu nach innen (also in diesem fall nach links) aufklappt.
bei dem menu auf der linkenseite klappts ja mit dem öffnen.
kann aber in der css nicht den platz finden an dem ich die richtung definiere.

ein 2tes problem ist das es unter IE nicht funktioniert.
das script für dieses problem müsste eigentlich in ordnung sein
die anleitung hierzu kommt von
https://www.alistapart.com/articles/horizdropdowns/



Hier mal das CSS

allerdings glaub ich das das problem mit dem IE eher an der positionierung im code der seite liegt
body
{ color: #000000; font: 11px verdana; background-color: #ffffff }


ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 149px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
ul li a { color: #777; text-decoration: none; background: #fff; display: block; padding: 5px; border-style: solid solid none; border-width: 1px 1px 0; border-color: #ccc }

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; float: left }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

li:hover ul, li.over ul { display: block; } /* The magic */
freu mich über jeden tip vielen dank schon mal axel
Zuletzt geändert von bydlo am 24.04.2005, 19:11, insgesamt 1-mal geändert.

Anzeige von ABAKUS

von Anzeige von ABAKUS »


Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

auftragslinker
PostRank 7
PostRank 7
Beiträge: 525
Registriert: 21.04.2005, 14:36

Beitrag von auftragslinker » 22.04.2005, 18:50

versuchs doch mal damit, das menü rechts rauszunehmen. immerhin hast du damit 2 objekte, die beide nav heissen. könnte ein problem an der geschichte sein.

greetz,
auftragslinker

bydlo
PostRank 9
PostRank 9
Beiträge: 2209
Registriert: 11.12.2004, 01:03
Wohnort: Berlin

Beitrag von bydlo » 22.04.2005, 19:38

@auftragslinker
nein daran liegts nicht-leider.
willstes nochmal versuchen? :wink:
danke und viele grüsse axel

Anzeige von ABAKUS

von Anzeige von ABAKUS »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


bydlo
PostRank 9
PostRank 9
Beiträge: 2209
Registriert: 11.12.2004, 01:03
Wohnort: Berlin

Beitrag von bydlo » 22.04.2005, 20:45

das problem das der IE das menu nicht ausklappen wollte hab ich jetzt gelöst.
hatte auf der site auch eine datums und uhrzeitanzeige per javascript auf diese weise
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks.onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>

UND

onload="window.setTimeout('datumuhr()',1000)"


als ich die entfernt hatte ging es.
die Hauptfrage ist allerdings leider noch offen

brise
PostRank 3
PostRank 3
Beiträge: 73
Registriert: 06.11.2004, 22:12
Wohnort: Köln

Beitrag von brise » 23.04.2005, 01:04

bydlo hat geschrieben:[...]
möchte gerne noch zusätzlich eine vertikale dropdownnavigation an den rechten bildschirmrand legen.
wie ereiche ich es denn das das menu nach innen (also in diesem fall nach links) aufklappt.
bei dem menu auf der linkenseite klappts ja mit dem öffnen.
kann aber in der css nicht den platz finden an dem ich die richtung definiere.
1. Ändere in Deiner *hmtl-Datei die Liste für das rechte Menü wie folgt:
[html]
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">About</a>
<ul class="rechts">
<li><a href="#">History</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Offices</a></li>
</ul>
</li>
<li><a href="#">Services</a>
<ul class="rechts">
<li><a href="#">Web Design</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Domain Names</a></li>
<li><a href="#">Broadband</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a>
<ul class="rechts">
<li><a href="#">United Kingdom</a></li>
<li><a href="#">France</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">Australia</a></li>
</ul>
</li>
</ul>

2. Füge diesen Code Schnipsel in Deine *.css-Datei ein:
[css]
/* Menu (rechte Seite */
li ul.rechts {
position: absolute;
left: -149px; /* Set 1px less than menu width */
top: 0;
display: none;
}


So das müsste jetzt funktionieren (hoffe ich jedenfalls :roll: )

bydlo
PostRank 9
PostRank 9
Beiträge: 2209
Registriert: 11.12.2004, 01:03
Wohnort: Berlin

Beitrag von bydlo » 23.04.2005, 11:55

hallo brise,
danke für deine hilfe noch so spät nachts.
war leider eine verschlimmbesserung :)

wir sind aber nah dran-ich spürs. :wink:

ok,wie es geht das man die ausklapprichting definiert hab ich inzwischen raus (ein minus-so einfach gehts)
aber irgendwas stimmt mit den zuweisungen (ids oder Klassen) nicht.
denn wenn ich das linke menu rausnehme und in dem ursprünglichen codeteil die richtung ändere, klappts.

das heisst das sich beide menus die richtungsanweisung aus dem selben codeabschnitt holen.
na ja -jetzt is ja wochenende-da kann ich ja ein wenig basteln
gruss axel

Antworten
  • Vergleichbare Themen
    Antworten
    Zugriffe
    Letzter Beitrag