ilch Forum » Allgemein » HTML, PHP, SQL,... » [Menü] Abstand zum Rand ändern

Geschlossen
  1. #1
    User Pic
    freeriders Mitglied
    Registriert seit
    28.01.2008
    Beiträge
    8
    Beitragswertungen
    0 Beitragspunkte
    Hi!
    Da ich im Design Forum leider keine Hilfe bekommen habe, wende ich mich nun an euch:)
    Ich habe ein Problem. Wie man auf der HP sieht, ist das Menü ziemlich weit rechts (Bundesliga und Unterpunkte).
    Nunja ich hab versucht in der style.css das ganze zu änder, in dem ich margin-left auf 0px gesetz habe.
    Dies brachte allerdings nichts.
    Auch padding-left auf 0 zu setzen zeigte keinerlei wirkung.
    Nunja an die index.htm traue ich mich nicht wirklich ran, weil ich noch nicht so ganz verstanden habe, was genau was ist.

    Hier mal die style.css und die index.htm, damit ihr vielleicht mal schauen könnt was da schief läuft.

    style.css:

    body   
    { 
      background-color: #000000;
    }
    
    .abg
    {
    }
    
    td 
    {
      font-family: Verdana; 
      font-size: 10px;
    }
    
    a 
    { 
      color: #FFFFFF; 
      font-family: Tahoma; 
      font-size: 10px; 
      text-decoration: none;
    }
    
    a:hover 
    { 
      color: #3FACEA;
      text-decoration: none;  
    }
    
    a.box 
    { 
      color: #FFFFFF; 
      font-family: Tahoma; 
      font-size: 10px; 
    }
    
    a.box:hover 
    {  
      color: #3FACEA;
      text-decoration: none;  
    }
    
    .Chead
    {
      background-color: #000000;
      color: #FFFFFF;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #FFFFFF;
    }
    
    .Callg
    {
    	color: #FFFFFF;
    }
    
    .Callg td
    {
      color: #FFFFFF;
    }
    
    .Cnorm 
    {
      background-color: #000000;
    }
    
    .Cmite
    {
      background-color: #000000;
    }
    .Cdark
    {
    }
    
    #Ballg
    {
    	color: #FFFFFF;
    }
    #Ballg td
    {
    	color: #FFFFFF;
    }
    
    .Bhead
    {
    	color: #FFFFFF;
    }
    
    .Bbody
    {
    	color: #FFFFFF;
    }
    
    .Bbody2
    {
    	color: #000000;
    }
    
    .rand
    {
    }
    
    .smalfont 
    { 
        font-size: 10px;
    	text-decoration: none; 
    }
    
    .border 
    { 
        background-color: #848484;
    }
    
    hr 
    { 
        height: 0px; 
    	border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 10px Tahoma;  
        border-color: #003366;
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
    }
    
    #menu { }
    #menu ul { padding-left: 10px; margin-left: 10px; }
    #smallmenu { padding-left: 10px; margin-left: 10px; }
    #smallmenu li { font-size: 9px; }
    #smallmenu a { font-size: 9px; }


    index.htm:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
      <head>
        <title>{TITLE}</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <meta name="Robots" content="INDEX,FOLLOW">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="Pragma" content="no-cache">
    	<meta name="Robots" content="archive">
    	<link rel="stylesheet" type="text/css" href="include/designs/dms_design-v4/style.css">
        <style type="text/css">
    <!--
    .Stil1 {color: #FFFFFF}
    -->
        </style>
    <meta name="generator" content="Namo WebEditor">
    </head>
    <body>
    <center>
    <table width="897" border="0" cellspacing="0" cellpadding="0" height="558">
      <tr>
        <td width="900" height="244" background="include/designs/dms_design-v4/images/header.jpg">&nbsp;</td>
      </tr>
      <tr>
        <td><table width="812" border="0" cellspacing="0" cellpadding="0">
          <tr valign="top">
            <td width="170" background="include/designs/dms_design-v4/images/leftnavbg.jpg"><table width="182" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="170" height="34" background="include/designs/dms_design-v4/images/dms.gif">&nbsp;</td>
              </tr>
              <tr>
                <td align="left">
    			{_list_menunr1@
    			<table width="169" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="169" height="34" background="include/designs/dms_design-v4/images/right.jpg">
    					<table width="182">
                                <tr>
    							<td width="15">
    							</td>
    							<td width="153" class="Bbody2">
    							<b>%1</b>
    							</td>
    						</tr>
    					</table>
    				</td>
                  </tr>
                  <tr>
                    <td>
    					<table width="181" border="0" cellspacing="10" cellpadding="4">
                                <tr>
    							<td width="161" class="Bbody">
    							%2
    							</td>
    						</tr>
    					</table>
    				</td>
                  </tr>
                </table>
    			}			
    			</td>
              </tr>
            </table></td>
            <td width="600" valign="top" bgcolor="black" class="Callg">
    			<table width="584" border="0" cellspacing="10" cellpadding="0" bordercolor="black">
    				<tr>
    					<td width="564" valign="top" bgcolor="black" class="Callg" align="left">
    					    <p>{HMENU}</p>
               				<p>{EXPLODE}</p>
    						
                        <p align="center">&nbsp;</p>
    					</td>
    				</tr>
    			</table>		</td>
    		<td width="170" background="include/designs/dms_design-v4/images/rightbg.jpg"><table width="170" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="170" height="34" background="include/designs/dms_design-v4/images/right.gif">&nbsp;</td>
              </tr>
              <tr>
                <td align="left">
    			{_list_menunr2@
    			<table width="182" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="182" height="34" background="include/designs/dms_design-v4/images/right.jpg">
    					<table>
    						<tr>
    							<td width="20">
    							</td>
    							<td width="150" class="Bbody2">
    							%1
    							</td>
    						</tr>
    					</table>
    				</td>
                  </tr>
                  <tr>
                    <td width="170" height="19">
    					<table width="170" border="0" cellspacing="10" cellpadding="4">
    						<tr>
    							<td class="Bbody">
    							%2
    							</td>
    						</tr>
    					</table>				</td>
                  </tr>
                </table>
    			}
    			</td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    <td width="900" height="86" background="include/designs/dms_design-v4/images/unten.jpg">&nbsp;</td>
    </table>
    </center>
    </body>
    </html>
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
    {_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>}


    Sry für die Länge des Threads durch die Codes, und danke schonmal für die hoffentliche Lösung des Problems:)

    LG

    freeriders


    verwendete ilchClan Version: 1.1

    betroffene Homepage: worldsoccer.wo.ohost.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    testuser Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    17
    Beitragswertungen
    0 Beitragspunkte
    ich kann dir schonmal sagen das es daran liegt:

    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
    {_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>}


    da is was mit dem <ul > und <li > falsch
    aber wie genau das muss weiß ich leider auch nich, aber vieleicht hiflts schonmal nen bisschen weiter lächeln
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    freeriders Mitglied
    Registriert seit
    28.01.2008
    Beiträge
    8
    Beitragswertungen
    0 Beitragspunkte
    Hi!
    Vielen Dank schonmal.
    Mal schauen vielleicht kennt sich ja noch jemand damit aus.
    Ich kann mit diesen Tags leider nichts anfangen.
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    freeriders Mitglied
    Registriert seit
    28.01.2008
    Beiträge
    8
    Beitragswertungen
    0 Beitragspunkte
    push

    Wirklich keiner ne Ahnung?
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Häng das mal ganz unten an die style.css an:

    ul {
    margin-left: 0px;
    }
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    .Daniel Mitglied
    Registriert seit
    22.01.2006
    Beiträge
    163
    Beitragswertungen
    0 Beitragspunkte
    Hi, benutz einfach eine class für deine Liste.

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


    Ändern in
    {_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>}


    Danach in der style.css folgendes eintragen
    .menu {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    }
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    kiddow Mitglied
    Registriert seit
    07.04.2007
    Beiträge
    42
    Beitragswertungen
    0 Beitragspunkte
    style.css!!!

    ich würd mal die paddings des smallmenu ändern...


    #menu { }
    #menu ul { padding-left: 10px; margin-left: 10px; }
    #smallmenu { padding-left: 10px; margin-left: 10px; }
    #smallmenu li { font-size: 9px; }
    #smallmenu a { font-size: 9px; }





    #menu ul { padding-left: 10px; margin-left: 10px; }
    #smallmenu { padding-left: 10px; margin-left: 10px; }


    änder mal die paddings auf 0 (null) und experimentier an den margins...



    INFO:
    ul leitet eine Aufzählungsliste ein (ul = unordered list = unsortierte Liste). Mit li beginnt ein neuer Punkt innerhalb der Liste (li = list item = Listeneintrag).
    margin ist der jeweils rechte oder linke einzug vom rand...
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    freeriders Mitglied
    Registriert seit
    28.01.2008
    Beiträge
    8
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von jankrug

    Häng das mal ganz unten an die style.css an:

    ul {
    margin-left: 0px;
    }



    Das bracht leider keine Veränderung.
    Trotzdem danke für den Tip:)

    ZitatZitat geschrieben von .Daniel

    Hi, benutz einfach eine class für deine Liste.

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


    Ändern in
    {_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>}


    Danach in der style.css folgendes eintragen
    .menu {
    margin: 0px 0px 0px 10px;
    padding: 0px;
    }



    Das hilft!
    Nur ist es jetzt so wie es auf der Seite ausseiht^^
    Eigentlich soll ja Members, Spielplan etc. jewils ein Unterpunkt von 1.Bundesliga, Euroliga sein, jetzt ist aber Euro Liga ein Unterpunkt von Bundesliga!
    Wenn ich das noch besitigen könnte wäre toll.
    Also habt ihr noch Ideen?
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    kiddow Mitglied
    Registriert seit
    07.04.2007
    Beiträge
    42
    Beitragswertungen
    0 Beitragspunkte
    <ul> und <li> so tauschen, das es passt....musst mehr experimentieren, dann findeste irgendwann seklbst die lösung und lernst obendrein noch was...
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten