ilch Forum » Ilch Clan 1.1 » Allgemein » Hintergrund

Geschlossen
  1. #1
    User Pic
    elray Mitglied
    Registriert seit
    04.11.2008
    Beiträge
    8
    Beitragswertungen
    0 Beitragspunkte
    hallo

    bin gerade am verzweifeln mit meinem hintergrundbild

    hier mal die seite:
    externer Link

    ich möchte mein hintergrundbild einfügen das es in der mitte angezeigt wird
    also alles was in fakt schwarz ist

    hatte das so probiert:
    <body background="include/designs/dms_design-v4/images/background.jpg">



    aber irgendwie klappt das nicht oder
    das bild ist verschoben :-(((




    der Code der aktu:
    <!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: #405362}
    -->
        </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/left.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/left.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>}


    edit by sonic: nächstes mal bitte in den code-tag wegen der übersichtlichkeit zwinker


    Zuletzt modifiziert von Son!c am 10.11.2008 - 21:14:37
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    schau mal in der css datei vom design was da bei body steht..

    was meinst du mit das das bild verschoben ist?
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    elray Mitglied
    Registriert seit
    04.11.2008
    Beiträge
    8
    Beitragswertungen
    0 Beitragspunkte
    zum nachvollziehen:

    externer Link

    In der Mitte ist das Hintergrundbild background.jpg um ein Pixel nach rechts verschoben, warum weiss ich nichts.

    Meine CSS-Datei:

    body   
    { 
      background-color: #28353e;
    }
    
    left_col li a:hover {
    color: #000000;
    }
    
    #left_col li a:hover {
    color: #000000;
    }
    
    .abg
    {
    }
    
    td 
    {
      font-family: Verdana; 
      font-size: 10px;
    }
    
    a 
    { 
      color: #3FACEA; 
      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: #405362;
      color: #FFFFFF;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #FFFFFF;
    }
    
    .Callg
    {
    	color: #000;
    }
    
    .Callg td
    {
      color: #000;
    }
    
    .Cnorm 
    {
      background-color: #405362;
    }
    
    .Cmite
    {
      background-color: #405362;
    }
    .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 { }
    #smallmenu li { font-size: 9px; }
    #smallmenu a { font-size: 9px; }



    Danke für eure Hilfe!
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Schoppeklopper Mitglied
    Registriert seit
    18.09.2008
    Beiträge
    111
    Beitragswertungen
    0 Beitragspunkte
    Du willlst eigentlich nur, dass die Linien richtig sind - ja?

    Dann mal das Bild anders...schieb doch die Linien mal ein Pixel nach links...

    Aber mal so nebenbei...findest du die Linien schöne wenn die so mitten durch die News gehen?
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    elray Mitglied
    Registriert seit
    04.11.2008
    Beiträge
    8
    Beitragswertungen
    0 Beitragspunkte
    mhm das mit dem bild verschieben wäre ne lösung,
    aber dann ist das kästchen unten immer noch ohne hintergrundbild.. :-(

    ne finde ich nicht schön aber als nächstes wollte ich dann mal versuchen die news in die linien einzupassen

    lg elray
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Schoppeklopper Mitglied
    Registriert seit
    18.09.2008
    Beiträge
    111
    Beitragswertungen
    0 Beitragspunkte
    Achso, ich sehe grade was du meinst...das Kästchen unten was in der Hintergrundfarbe dunkelgrau dargestellt wird...

    Da muss dir leider einer helfen der html Erfahrung hat - bin ich definitiv nicht lächeln ich halte dich nur bei Laune solange keiner schreibt zunge

    Also ich würde die Linien in der background.jpg Datei wegmachen...einen schönen "Abschluss" nach unten im Header machen und die Datei unten.jpg würd ich das komplette weiß mit den Linien in der Mitte rausnehmen und dafür das dunkle Hintergrundgrau einfügen...

    Zuletzt modifiziert von Schoppeklopper am 12.11.2008 - 07:13:16
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten