Horizontale CSS - Navigation |
Xxplozive
Mitglied
Dabei seit: 17.01.04
Beiträge: 82
Fähigkeiten: WBB2 Fortgeschritten Herkunft: Lübeck Forenversion: 2.3
|
|
Hey,
das ist mal eine geile Sache das das hier mal jemand zur Erklärung bringt. Ich bin gerade dabei das auf meiner Testseite einzubauen und klappt auch soweit. Nur mir ist jetzt ein Problem aufgefallen. Und zwar habe ich in Punkt 3 die Button Höhe von 25 auf 15 verändert. Nun werden die Submenues mit einem zwischenraum angezeigt. In welcher Zeile kann ich das wieder beheben?
Ausserdem wie kann man es einstellen das die Sub-Menues breiter sein können wie die Main Menues?
Beides siehe Anhang
Greetz Xx
Dateianhang: |
fehler.jpg (9,12 KB, 1.088 mal heruntergeladen)
|
__________________ Ich hasse Signaturen die plötzlich
|
|
15.04.08 15:24 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Xannasavin
Mitglied
Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3
|
|
Jau, das interessiert mich eigl auch ^^
Noch etwas: Hab das Menü eingebaut, im FF tuts wunderprächtig, im IE wird allerdings nur das übermenü angezeigt - es klappt nix aus =(
Ich hasse IE - aber wie kann man das Problem beheben? laut Code sollte es ja klappen...
__________________
|
|
28.04.08 20:38 |
E-Mail
Finden
Als Freund hinzufügen
|
|
foruni.de
Mitglied
Dabei seit: 18.01.04
Beiträge: 139
Themenstarter
|
|
@xxplosive:
diese Zeile sollte dein Problem beheben:
Zitat: |
/* EINSTELLUNGEN NICHT VERÄNDERN!!!! Positioniert das erste Sub-Menü direkt unter den Hauptmenüpunkt */
#pmenu > li:hover > ul {left:-30px; top:16px;} |
Interessant ist in deinem Fall eigentlich nur der top-Wert.
@xannasavin:
Das Problem hatte ich lange Zeit auch, du musst schauen, dass die Tags:
<![endif]--> und <!--[if IE 7]><!--> oder <!--[if lte IE 6]>
auf keinen Fall entfernt werden dürfen. Überprüf das bitte bei deinem Menü, falls es nicht klappt, helfe ich dir.
__________________
|
|
29.04.08 18:26 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Xannasavin
Mitglied
Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3
|
|
Also z.B. im Forenbereich sieht das ganze so aus:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
|
<ul id="pmenu">
<li class="drop"><a>Forenoptionen<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="search.php?action=24h{$SID_ARG_2ND}">{$lang->items['LANG_START_CURRENT_THREADS']}</a></li>
<li><a href="search.php?action=polls{$SID_ARG_2ND}">{$lang->items['LANG_START_CURRENT_POLLS']}</a></li>
<li><a href="markread.php{$SID_ARG_1ST}">{$lang->items['LANG_START_MARKREAD_ALL']}</a></li>
<if($show_archive == 1)><then><li><a href="archive/index.html">{$lang->items['LANG_START_ARCHIVE']}</a></li></then></if>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div> |
|
Den CSS Code lasse ich über ein extra Template einbinden (funkioniert gut!), das hänge ich mal eben an...
Ich habe in dem Bereich nur ein solches Dropdownfeld das rechts angezeigt wird...
Eigentlich habe ich nur die Farbe geändert, sowie die Breite und die Ausrichtung...
__________________
|
|
29.04.08 19:09 |
E-Mail
Finden
Als Freund hinzufügen
|
|
foruni.de
Mitglied
Dabei seit: 18.01.04
Beiträge: 139
Themenstarter
|
|
Dieser Abschnitt:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
<li><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}">Profil</a></li>
<li><a href="pms.php{$SID_ARG_1ST}">PN-Box</a></then></li>
<li><else><a href="register.php{$SID_ARG_1ST}">Registrieren</a></else></if></li>
<li><a href="calendar.php{$SID_ARG_1ST}">Kalender</a></li>
<li><if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank">ACP</a></then></if></li>
<li><if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"></a></then></if></li>
|
|
macht für mich keinen Sinn. Ersetz deine if-Abfragen mal testweise mit "normalen" Links.
__________________
|
|
29.04.08 20:42 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Xannasavin
Mitglied
Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3
|
|
also die if/then schleifen müssen auf jedenfall das <li> und </li> einschließen...
also nicht:
<li><if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank">ACP</a></then></if></li>
sondern
<if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><li><a href="acp/index.php" target="_blank">ACP</a></li></then></if>
meckern tut er deswegen:
<li><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}">Profil</a></li>
<li><a href="pms.php{$SID_ARG_1ST}">PN-Box</a></then></li>
<li><else><a href="register.php{$SID_ARG_1ST}">Registrieren</a></else></if></li>
-->
<if($wbbuserdata['userid'])><then><li><a href="usercp.php{$SID_ARG_1ST}">Profil</a></li>
<li><a href="pms.php{$SID_ARG_1ST}">PN-Box</a></li>
</then><else><li><a href="register.php{$SID_ARG_1ST}">Registrieren</a></li></else></if>
@foruni.de
da muss ich dir eine "testseite" basteln - die navi ist im moment nur im pw-geschützten testforum am laufen, wäre mehr aufwand dir da zugriff zu beschaffen als die site hochzuladen
werd mich nochmal melden! danke auf jedenfall schonmal, dass du mir hilfst!
__________________
|
|
29.04.08 20:56 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Shinto
Mitglied
Dabei seit: 24.09.07
Beiträge: 645
|
|
ja, mit der if-anweisung ist mir vorhin auch schon aufgefallen, doch jetzt hab ich diese mal komplett rausgelassen und trotzdem diese fehlermeldung:
Zitat: |
Warning: Cannot modify header information - headers already sent by (output started at C:\Programme\xampp\htdocs\sven\wbb2\global.php:2) in C:\Programme\xampp\htdocs\sven\wbb2\acp\lib\functions.php on line 82
|
|
|
29.04.08 20:59 |
E-Mail
Finden
Als Freund hinzufügen
|
|
foruni.de
Mitglied
Dabei seit: 18.01.04
Beiträge: 139
Themenstarter
|
|
@Xanna:
Okeli, schreib mir dann am besten ne PN, dann merk ichs schneller. Versuche gerne zu helfen, schließlich hab ich jahrelang hier auch viel Hilfe gefunden!
@Shinto:
Bitte dich ebenfalls mir den Link deiner Seite zukommen zu lassen. Oder du hängst hier mal dein headinclude und dein header template an.
__________________
|
|
29.04.08 23:01 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Xxplozive
Mitglied
Dabei seit: 17.01.04
Beiträge: 82
Fähigkeiten: WBB2 Fortgeschritten Herkunft: Lübeck Forenversion: 2.3
|
|
Super danke, das hat mir schonmal geholfen. Jetzt habe ich nur noch das Problem das wenn ich einen zu langen Menupunkt habe er in der nächsten Zeile übergeht. Wie auch in meinem Attachment zu sehen ist. Wie kann ich das jetzt noch verhindern?
__________________ Ich hasse Signaturen die plötzlich
|
|
01.05.08 21:43 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Shinto
Mitglied
Dabei seit: 24.09.07
Beiträge: 645
|
|
@foruni:
ich konnte mein problem lösen, lag wie vermutet an den if abfragen ^^.
@Xxplosive:
du musst in der Headinclude den 3. Punkt bearbeiten. Die Breite legst du durch die Formel, die in der Anleitung erläutert wurde, fest.
|
|
01.05.08 21:52 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Xannasavin
Mitglied
Dabei seit: 21.07.05
Beiträge: 345
Forenversion: 2.3
|
|
Zitat: |
Original von foruni.de
@Xanna:
Okeli, schreib mir dann am besten ne PN, dann merk ichs schneller. Versuche gerne zu helfen, schließlich hab ich jahrelang hier auch viel Hilfe gefunden!
@Shinto:
Bitte dich ebenfalls mir den Link deiner Seite zukommen zu lassen. Oder du hängst hier mal dein headinclude und dein header template an. |
also pn hab ich dir geschickt!
ich hab noch so ein "phänomen": bei einer anderen seite hab ich nicht nur einen sondern 2 menüpunkte. wenn ich nun über einen fahr und das menü aufklappt, "springt" das ganze auf einmal ein paar pixel nach links (ist rechtsbündig ausgerichtet)...
vllt könntest du den code diesezüglich mal anschaun (ist natürlich der gleiche)...
__________________
|
|
03.05.08 17:28 |
E-Mail
Finden
Als Freund hinzufügen
|
|
foruni.de
Mitglied
Dabei seit: 18.01.04
Beiträge: 139
Themenstarter
|
|
@xanna:
was soll bei deiner Testseite denn anders laufen?
Das Einzige, was mir auffällt ist, dass du sich bei dir wohl dein bereits vorhandener CSS-Code mit meinem Menü beisst, z.B.:
.hoverMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.hoverMenu ul li {
text-align: left;
padding: 0;
}
__________________
|
|
06.05.08 22:19 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
borussiamg
Mitglied
Dabei seit: 10.09.05
Beiträge: 7
|
|
Hallo,
ersteinmal möchte ich sagen das es ein klasse Addon ist.
Nun zu meinem Problem. Ich habe es in meinem Websoccer eingebaut. Im Firefox werden die Untermenüs angezeigt im IE7 leider nicht.
Die Tags: <![endif]--> und <!--[if IE 7]><!--> oder <!--[if lte IE 6]>
sind auch alle da.
Hoffe das Problem wurde bereits gelöst.
|
|
20.05.08 21:36 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
borussiamg
Mitglied
Dabei seit: 10.09.05
Beiträge: 7
|
|
Hallo,
ich habe mal diesen Code in meiner tpl Datei
code: |
1:
|
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> |
|
Gegen den
code: |
1:
2:
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> |
|
ersetzt und siehe da es geht dann auch im IE7
Doch leider hab ich jetzt mit dem FF ein Problem.
Schaut es euch einfach mal an ist aber nur im FF
http://testws.worldsoccersim.com
Gruss
Borussiamg
|
|
21.05.08 13:48 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
|