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

Geschlossen
  1. Sa. 26.07.2008 23:09 Uhr #1
    User Pic
    Schakal Mitglied
    Registriert seit
    18.07.2008
    Beiträge
    73
    Beitragswertungen
    0 Beitragspunkte
    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: 
    #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.
  2. So. 27.07.2008 00:10 Uhr #2
    User Pic
    Panicsheep Hall Of Fame
    Registriert seit
    24.08.2004
    Beiträge
    10.192
    Beitragswertungen
    16 Beitragspunkte
    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.
  3. So. 27.07.2008 13:23 Uhr #3
    User Pic
    Schakal Mitglied
    Registriert seit
    18.07.2008
    Beiträge
    73
    Beitragswertungen
    0 Beitragspunkte
    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.
  4. So. 27.07.2008 14:01 Uhr #4
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    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.
  5. So. 27.07.2008 14:20 Uhr #5
    User Pic
    Schakal Mitglied
    Registriert seit
    18.07.2008
    Beiträge
    73
    Beitragswertungen
    0 Beitragspunkte
    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.
  6. So. 27.07.2008 15:17 Uhr #6
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    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 zwinker
    Also in der index.htm unten halt 
    {_list_vmenupoint@<a target="%1" class="listmenup" href="%2">%3</a>||<div class="umenu">|</div>}


    Und dann in der style.css 
    .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.
  7. So. 27.07.2008 15:22 Uhr #7
    User Pic
    Schakal Mitglied
    Registriert seit
    18.07.2008
    Beiträge
    73
    Beitragswertungen
    0 Beitragspunkte
    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.
  8. Do. 14.08.2008 00:54 Uhr #8
    User Pic
    RJ76 Mitglied
    Registriert seit
    27.06.2007
    Beiträge
    49
    Beitragswertungen
    0 Beitragspunkte
    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.
  9. Do. 14.08.2008 08:01 Uhr #9
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Sind ein bisschen wenig Informationen, ein Link zu Seite wäre da schon was zwinker
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  10. Do. 14.08.2008 14:33 Uhr #10
    User Pic
    RJ76 Mitglied
    Registriert seit
    27.06.2007
    Beiträge
    49
    Beitragswertungen
    0 Beitragspunkte
    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.
  11. Do. 14.08.2008 17:22 Uhr #11
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    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 
    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.
  12. Do. 14.08.2008 18:27 Uhr #12
    User Pic
    RJ76 Mitglied
    Registriert seit
    27.06.2007
    Beiträge
    49
    Beitragswertungen
    0 Beitragspunkte
    bestens zwinker

    DANKE !!!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten