ilch Forum » Allgemein » HTML, PHP, SQL,... » erstes handgecodetes design

Geschlossen
  1. #1
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beitrge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    hi

    bräuchte mal hilfe ich code das erste mal mein design von hand und hab auch gleich ei Problen goa2.go.funpic.de/
    ich will das der background unten rechts sich bis nach unten wieder holt habs schon mit
    background-repeat:repeat-y
    versucht oder mit
    height:auto;
    ging aber alles nicht



    index.htm

    <head>
    	<title>{TITLE}</title>
    	<link rel="stylesheet" type="text/css" href="/include/designs/projekt/style.css">
    </head>
    
    <body><center>
    	<div class="body">
    		<div class="header"></div>
    	
    		<div style="background-image:url('include/designs/projekt/Bilder/top1.jpg'); float:left; width:23px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top2.jpg'); float:left; width:189px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top3.jpg'); float:left; width:15px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top4.jpg'); float:left; width:189px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top5.jpg'); float:left; width:24px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top6.jpg'); float:left; width:189px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top7.jpg'); float:left; width:25px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top8.jpg'); float:left; width:191px; height:72px;"></div>
    		<div style="background-image:url('include/designs/projekt/Bilder/top9.jpg'); float:left; width:35px; height:72px;"></div>
    	
    		<div class="abstand" style="height:80px;"></div>
    		<div class="top"></div>
    		<div class="newsticker"></div>
    		
    		<div  class="l-menu-bg">
    			
    			{_list_menunr1@
    			<div class="l-menu-oben" >%1</div>
    			<div style="background-image:url('include/designs/projekt/Bilder/l-2-menu-mitte.jpg'); width:205px; padding-left:20px;">%2</div>
    			<div style="background-image:url('include/designs/projekt/Bilder/l-menu-unten.jpg'); text-align:left; width:225px; height:41px;"></div><br>
    			}
    			
    		</div>	
    		
    		<div class="mitte">
    			
    			<div style="float:left; padding-left:10px; padding-top:5px; padding-right:10px; width:614px; text-align:center;">{HMENU}<hr></div>
    			<div style="padding-left:10px; padding-top:5px; padding-right:10px; width:615px; text-align:left;">{EXPLODE}</div> 
    			
    			
    		</div>
    		
    
    		<div style="background-image:url('include/designs/projekt/Bilder/footer.jpg'); float:left; width:880px; height:32px;"></div>
     		
    		
    		
    	
    	</div>	
    	
    
    	</center>
    	
    	
    	
    </body>



    und hier die style.css

    body   
    { 
    	background:#FFFFFF;
    	scrollbar-face-color: #1e1e1e;
    	scrollbar-highlight-color: #EFEFEF;
    	scrollbar-shadow-color: #3b72d1;
    	scrollbar-3dlight-color: #000000;
    	scrollbar-arrow-color:  #3b72d1;
    	scrollbar-track-color: #4B4B4A;
    	scrollbar-darkshadow-color: #DDDDDD;
    }
    .body
    {
    	width:880px;
    	
    	
    	
    }
    
    .header
    {
    	background-image:url('Bilder/header.jpg');
    	width:880px;
    	height:222px;
    }
    .top
    {
    	background-image:url('Bilder/top.jpg');
    	width:880px;
    	height:20px;
    }
    .newsticker
    {
    	background-image:url('Bilder/newsticker.jpg');
    	width:880px;
    	height:33px;
    }
    .l-menu-bg
    {
    	background-image:url(Bilder/l-menu-bg.jpg);
    	width:235px;
    	height:auto;
    	float:left;
    	text-align:left;
    	padding-left:10px;
    	
    	
    	
    }
    	.l-menu-oben
    	{
    		background-image:url('Bilder/l-menu-oben.jpg');
    		width:225px;
    		height:35px;
    		padding-top: 19px;
    		text-align:center;
    		color:#FFFFFF;
    	}
    .mitte
    {
    	float:left;
    	width:635px;
    	background:url(Bilder/m-bg.jpg);
    	background-repeat:repeat-y;
    
    }
    
    	
    
    	
    
    
    .menu
    {
    	display:block;
    	color: #000000;
    	font-size: 11px;
    	background:url(Bilder/l-menu-mitte.jpg);
    	width: 225px;
    	height: 21px;
    	text-indent: 38px;
    	text-decoration: none;
    	font-family:  Verdana, sans-serif;
    	line-height: 19px;
    }
    
    .menu:hover
    {
    	display:block;
    	color: #3b72d1;
    	font-size: 11px;
    	background:url(Bilder/l-menu-mitte.jpg);
    	width: 225px;
    	height: 21px;
    	text-indent: 38px;
    	text-decoration: none;
    	font-family:  Verdana, sans-serif;
    	line-height: 19px;
    } 
    
    
    	
    
    .abg
    {
     
    }
    
    td 
    {
      font-family: Verdana; 
      font-size: 11px;
    
    }
    
    a 
    { 
      color: #FFFFFF; 
    	font-family: Verdana; 
    	font-size: 11px; 
    	text-decoration: none; 
    }
    
    a:hover 
    {   
      color: #FFFFFF; 
    	font-family: Verdana; 
    	font-size: 11px; 
    	text-decoration: underline; 
    }
    
    a.box 
    { 
      color: #FFFFFF; 
    	font-family: Verdana; 
    	font-size: 11px; 
    	text-decoration: none;
    
    }
    
    a.box:hover 
    {   
      text-decoration: none;
     
      }
    
    hmenu
    {   
        color: #ffffff; 
    	font-family: Verdana; 
    	font-size: 11px; 
    	text-decoration: none;  
    }
    
    a.hmenu
    {   
        color: #ffffff; 
    	font-family: Verdana; 
    	font-size: 11px; 
    	text-decoration: underline;  
    }
    
    hmenu:hover
    {   
        color: #ffffff; 
    	font-family: Verdana; 
    	font-size: 11px; 
    	text-decoration: none;  
    }
    
    
    .Chead
    {
      
      color: #000000;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #000000;
    }
    
    .Callg
    {
     
    	color: #000000;
    }
    
    .Callg td
    {
      color: #000000;
    }
    
    .Cnorm 
    {
     
    }
    .Cmite
    {
     
    }
    .Cdark
    {
     
    }
    
    #Ballg
    {
    	color: #000000;
    }
    #Ballg td
    {
    	color: #000000;
    }
    
    .Bhead
    
    {
      
    	color: #FFFFFF;
    }
    .Bbody
    {
     
    	color: #000000;
    }
    
    .rand
    {
      border: solid #1b1b1b 1px;
    }
    
    .smalfont 
    { 
        font-size: 10px;
    		text-decoration: none; 
    }
    
    .border 
    { 
      
    }
    hr 
    { 
        height: 0px; 
    		border: solid #1b1b1b 0px; 
    		border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 12px Verdana;  
        border-color: #1b1b1b;
      	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; }
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurck zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten