• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fehler ohne Lösung

viperclub

viperclub

Neues Mitglied
Hallo, ich mache gerade eine Webseite und bin auf ein Problem gestossen:
HTML: 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="buecherstyle.css" />
            <style type="text/css"> 
<!-- 
 
 #navbar ul { 
        margin: 0; 
        padding: 5px; 
        list-style-type: none; 
        text-align: center; 
        background-color: #ffffff;
        } 
 
#navbar ul li {  
        display: inline; 
         text-align: center; 
        } 
 
#navbar ul li a { 
        text-decoration: none; 
        padding: .2em 1em; 
        color: #000000; 
        background-color: #ffffff; 
              text-align: center; 
        } 
 
#navbar ul li a:hover { 
        color: #000000; 
        background-color: #ffffff;       
              text-align: center; } 
 
--> 


</style>
    </head>
    
    <body>
    <center>
    <div id="kopf1">

    
    
    <center>
    <div id="navbar"> 
  <ul> 

  
    <li><a href="/story.html">Die Story</a></li>
    <li><a href="/buecher">Die B&uuml;cher</a></li>
    <li><a href="/autor.html">Der Autor</a></li>
    <li><a href="/alagesia.html">Alag&euml;sia</a>
    <li><a href="/personen.html">Personen</a></li>
        
  </ul>
 </div>
  </center>
    </div>


 
<div id="kopf2">
<a href="eragonsaga.html">Die Eragon-Saga</a>|
<a href="zusatzbände.html/#band2">Zusatzbände</a>

</div>
        


 

  <div id="kopf-1">
  <table>
  <tr>
  <td>
   <img src="cover_band1.jpg">
   <br /><a href="eragonsaga.html/#buch1">Band 1</a>
   </td>
  <td>
   <img src="cover_band2.jpg">
   <br /><a href="eragonsaga.html/#buch2">Band 2</a>
   </td>
   <td>
   <img src="cover_band3.jpg">
   <br /><a href="eragonsaga.html/#buch3">Band 4</a>
   </td>
   

    </div>
    <br />
    <div id="kopf3">
                <b>&copy;</b>
                 </div>
                 <br />
    

    </center>

    </body>
</html>
Und jetzt ist das copy über den Bildern (Tabelle)
 
Erst mal vorweg: Dein Code ist ziemlich veraltet!

Zu deinem Problem: Ohne zu wissen, was die IDs kopf1 bis 3 bewirken, kann man dir nicht helfen. Die fehlen in deinem geposteten Codebeispiel.
 
HTML: 
#kopf { 
    width: 992px;
    border: 1px solid #000000;
    background-color: #D8D6D6;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
    
    #kopf2 { 
    width: 992px;
    border: 1px solid #000000;
    background-color: #D8D6D6;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
    
    #kopf3{ 
    width: 992px;
    border: 1px solid #000000;
    background-color: #D8D6D6;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
    
    
    #kopf-1 { 
    width: 992px;
    border: 1px solid #000000;
    background-color: #ffffff;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
        
    
    #kopf1 { 
    width: 992px;
    border: 1px solid #000000;
    background-color: #ffffff;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
    #kopf--1 { 
    width: 992px;
    border: 1px solid #000000;
    background-color: #ffffff;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
 
da war alogheo schneller :)
da sind aber noch ein haufen anderer missstände drin.
ich hab mal hier in meinem beispiel nur ein paar entfernt.
den code mal richtig eingerückt, der übersicht halber.
und die ganzen centers entfernt und durch einen zentrierten wrapper ersetzt.
HTML: 
<html>
<head>

<style type="text/css"> 
body { text-align: center; }

#wrapper {
    width: 992px;
	margin: auto;
	}

#kopf { 

    border: 1px solid #000000;
    background-color: #D8D6D6;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
	}
    
    
#kopf2 { 

    border: 1px solid #000000;
    background-color: #D8D6D6;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
    
#kopf3{ 

    border: 1px solid #000000;
    background-color: #D8D6D6;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }

#kopf-1 { 

    border: 1px solid #000000;
    background-color: #ffffff;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
#kopf1 { 

    border: 1px solid #000000;
    background-color: #ffffff;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
    
#kopf--1 { 

    border: 1px solid #000000;
    background-color: #ffffff;
    margin-top: -1px;
    padding: 3px 5px 0 5px;
    text-align: center;
    }
</style>
</head>
    
<body>
<div id="wrapper">
	<div id="kopf1">
		<div id="navbar"> 
			<ul> 
				<li><a href="/story.html">Die Story</a></li>
				<li><a href="/buecher">Die B&uuml;cher</a></li>
				<li><a href="/autor.html">Der Autor</a></li>
				<li><a href="/alagesia.html">Alag&euml;sia</a>
				<li><a href="/personen.html">Personen</a></li>
			</ul>
		</div>
	</div>

	<div id="kopf2">
		<a href="eragonsaga.html">Die Eragon-Saga</a>|
		<a href="zusatzbände.html/#band2">Zusatzbände</a>
	</div>
			
	<div id="kopf-1">
		<table>
			<tr>
				<td>
					<img src="cover_band1.jpg">
					<br /><a href="eragonsaga.html/#buch1">Band 1</a>
				</td>
				<td>
					<img src="cover_band2.jpg">
					<br /><a href="eragonsaga.html/#buch2">Band 2</a>
				</td>
				<td>
					<img src="cover_band3.jpg">
					<br /><a href="eragonsaga.html/#buch3">Band 4</a>
				</td>
			</tr>
		</table>
	</div>
	
	<br />

	<div id="kopf3">
		<b>&copy;</b>
	</div>
</div>
</body>
</html>
der einsatz einer tabelle ist an dieser stelle übrigens falsch.
den <b>-tag benutzt man nicht mehr.
deine <br /> zwischen den DIVs sollten besser margin-top sein.
dafür sind so einige andere CSS-angaben überflüssig
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben