Untermenüs einrücken

Gehe zu Seite:

Geschlossen

Sa. 26.07.2008 23:09 Uhr #1

Schakal Mitglied

Registriert seit
18.07.2008

Beiträge
73

Beitragswertungen

Abend @all,
ich habe mir dieses Template (externer Link) heruntergeladen.
Ich habe einige Menüpunkte die 1-4 Unterpunkte haben. Diese wurden mit den Standarddesign entsprechend eingerückt. Jedoch mit dem neuen Design ist das nicht mehr der Fall.

Nun habe ich herausgefunden, dass dieses Phänomen bei dem Standarddesign mit folgenden CSS Zeilen erzeugt wird:
?
1
2
3
4
#left_col li li
{
padding-left: 16px;
}

Ok, also habe ich die Zeilen eben in die CSS - Datei des neuen Design kopiert - war mir aber klar, dass es nicht gehen würde und so war es nun.

Wenn ich die beiden index.html Dateien so vergleiche, sehe ich groß keinen Unterschied - außer die Hintergrundbilder.

Wo muss ich ansetzen? Denn es muss ja irgendwie an den index.html + style.css liegen.

Gruss,
Schakal

Projekte:
Userimport aus Joomla, Status: 75%, Beta-Phase
0 Mitglieder finden den Beitrag gut.
- zitieren

So. 27.07.2008 00:10 Uhr #2

Panicsheep Hall Of Fame

Ich würde bei der Menüpunktdefinition ansetzen

Gewünschtes Design:

<!--
{_list_hmenupoint@<a target="%1" href="%2">%3</a>|||}
{_list_hmenubegi@}
{_list_hmenuende@}
 
{_list_vmenupoint@<a target="%1" class="listmenup" href="%2">%3</a>|||}
{_list_vmenubegi@}
{_list_vmenuende@}
-->

Standarddesign:

<!--
           {_list_DDDmenupoint@
             <strong><big>&middot;</big></strong>
   <a %1 class="box" href="%2">%3</a>
   <br />
           }
 //-->
  
 <!-- beispiel:
   [null, '%3', '%2', '%1', null|],|,
 -->
 <!--           anfang        +     link                |ende |teilende|teilee  -->
 <!-- horizontaler menupunkt -->
 {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
 <!-- horizontaler menupunkt anfang -->
 {_list_hmenubegi@<ul>}
 <!-- horizontaler menupunkt ende -->
 {_list_hmenuende@</ul>}
  
 <!-- vertikaler menupunkt -->
 {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
 <!-- vertikaler menupunkt anfang -->
 {_list_vmenubegi@<ul>}
 <!-- vertikaler menupunkt ende -->
 {_list_vmenuende@</ul>}

Omnia bona erunt

0 Mitglieder finden den Beitrag gut.

zitieren

So. 27.07.2008 13:23 Uhr #3

Schakal Mitglied

Hallöchen,
hmm....das blick ich noch nicht so ganz. Wo müsste ich das genau einbauen. Meine index.html sieht im Moment so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<title>{TITLE}</title>
<link rel="stylesheet" type="text/css" href="include/designs/dmg/style.css" >
</head>
 
<body> 
<div id="wrap">
         
        <div id="header"></div>
         
        <div id="content">
         
            <div id="left_col">
{a
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td id="left_col_heading">%1</td>
                </tr>
                <tr>
                    <td height="15"></td>
                </tr>
                <tr>
                    <td class="menu_links">%2</td>
                </tr>
                <tr>
                    <td height="10"></td>
                </tr>
            </table>
}
            </div>
            <div id="main_col">
                <div id="sitename">{TITLE}</div>
                <div id="explode">{EXPLODE}</div>
            </div>
            <div id="right_col">
{_list_menunr3@
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td id="right_col_heading">%1</td>
                    </tr>
                    <tr>
                        <td height="15"></td>
                    </tr>
                    <tr>
                        <td class="menu_rechts">%2</td>
                    </tr>
                    <tr>
                        <td height="10"></td>
                    </tr>
            </table>
}
            </div>
 
        <br style="clear: both;" />
        </div>
         
        <div id="footer">
            <div id="apex"><a href="http://www.apex-webdesign.de" target="_blank">Design By Apex Webdesign</a></div>
            <div id="ilch"><a href="http://localhost/ilchClan11k/index.php?contact" target="_self">IGU Clan 2008</a></div>
             
        </div>
</div>
</body>
</html>
<!--
{_list_hmenupoint@<a target="%1" href="%2">%3</a>|||}
{_list_hmenubegi@}
{_list_hmenuende@}
 
{_list_vmenupoint@<a target="%1" class="listmenup" href="%2">%3</a>|||}
{_list_vmenubegi@}
{_list_vmenuende@}
-->

Zuletzt modifiziert von Schakal am 27.07.2008 - 13:25:08

Projekte:
Userimport aus Joomla, Status: 75%, Beta-Phase

0 Mitglieder finden den Beitrag gut.

zitieren

So. 27.07.2008 14:01 Uhr #4

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Halt unter </html>

Da wird bestimmt, wie ein Untermenüpunkt "gebaut" wird, im Standarddesign wie du siehst mit <ul> sprich eine weitere Liste und in dem, was du benutzt, gibts das gar nicht, sprich Untermenüs werden nicht umgesetzt über Listen.

Also kann der CSS Code auch nichts bewirken.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 27.07.2008 14:20 Uhr #5

Schakal Mitglied

Registriert seit
18.07.2008

Beiträge
73

Beitragswertungen

Da war was...Thx. :-)

Das Problem ist aber nun, ich will keine Listenübersicht sondern die Button (Hintergrund + Hoverbild) - Menüs wie im Screenshot behalten. Sobald ich die Listen aktiviere, verschiebt es mir den Hintergrund, etc....und ich finde das Problem in der CSS Datei nicht. :-(

Projekte:
Userimport aus Joomla, Status: 75%, Beta-Phase
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 27.07.2008 15:17 Uhr #6

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Naja in deinem Falle sollte man es nicht mit Listen machen, du könntest z.B. ein <div> eine andere Klasse für die Links verwenden, ich hab mir jetzt das Design extra mal runtergeladen und getestet
Also in der index.htm unten halt
?
1
{_list_vmenupoint@<a target="%1" class="listmenup" href="%2">%3</a>||<div class="umenu">|</div>}

Und dann in der style.css
?
1
2
3
4
5
6
7
.umenu a.listmenup {
text-indent: 45px;
}

.umenu a.listmenup:hover {
text-indent: 52px;
}
wenn du noch tiefer benötigst, müsstest du dann halt .umenu .umenu a.listmenup benutzen usw.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 27.07.2008 15:22 Uhr #7

Schakal Mitglied

Registriert seit
18.07.2008

Beiträge
73

Beitragswertungen

Hi Mairu,
klar....DIV ist das richtige Stichwort und funktioniert auch einwandfrei - dickes Danke!

Ich bin eher der reine Coder für Funktionen, Module, etc...

Projekte:
Userimport aus Joomla, Status: 75%, Beta-Phase
0 Mitglieder finden den Beitrag gut.
- zitieren

Do. 14.08.2008 00:54 Uhr #8

RJ76 Mitglied

Da hätte ich mal eine Frage dazu.
In der Index sieht das bei mir foldendermaßen aus:

{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
{_list_vmenubegi@<ul>}
{_list_vmenuende@</ul>}

und in der style.css habe ich den Eintrag von 16 auf 2px reduziert.
Ändern tut sich da aber nix.

#left_col li li
{
    padding-left: 2px;
}

0 Mitglieder finden den Beitrag gut.

zitieren

Do. 14.08.2008 08:01 Uhr #9

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Sind ein bisschen wenig Informationen, ein Link zu Seite wäre da schon was

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 14.08.2008 14:33 Uhr #10

RJ76 Mitglied

Registriert seit
27.06.2007

Beiträge
49

Beitragswertungen

ahso sorry

roamers.bplaced.net

es geht um die Spiele & Info Box.
Da sollen die Unterpunkte nicht ganz so weit nach rechts eingerückt werden.

Zuletzt modifiziert von RJ76 am 14.08.2008 - 14:35:25
0 Mitglieder finden den Beitrag gut.
- zitieren

Do. 14.08.2008 17:22 Uhr #11

Mairu Coder

Du hast ein anderes Design, also geht das bei dir nicht so, was willst du denn eigentlich machen, den Abstand von den eingerückten verringern?

Ich denke mal du suchst,

{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul class="menu">}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
{_list_vmenubegi@<ul class="menu">}
{_list_vmenuende@</ul>}

mit

1	`ul.menu ul { padding-left: 15px }`

Zuletzt modifiziert von Mairu am 14.08.2008 - 17:26:20

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite

0 Mitglieder finden den Beitrag gut.

zitieren

Do. 14.08.2008 18:27 Uhr #12

RJ76 Mitglied

Registriert seit
27.06.2007

Beiträge
49

Beitragswertungen

bestens

DANKE !!!
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Design und Templates » Untermenüs einrücken