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

Fehler im Code, kann mir wer helfen?

Status
Für weitere Antworten geschlossen.

Cantara

Neues Mitglied
Erst mal ein Hallo :)

Ich habe heute zum ersten Mal "gecodet"... nicht sehr erfolgreich aber immerhin... auf jeden Fall geht es darum das irgendein Fehler in meinem Code steckt, denn die Navigation ist unter dem "Design" und nicht mitten drauf wo ich es haben will. Kann vielleicht jemand einen Fehler finden und mir sagen was ich noch so alles verbockt habe?
Wäre super lieb

Hier der Code

HTML:
<html>
<head>
<title>Gestüt Cantara</title>
</head>
<body>

<div style="position: center; top: 0; left: 0; id="Header" id="Layout">
<img border="2" src="http://foto.arcor-online.net/palb/alben/21/4402221/1024_6532353730623666.jpg">
</div>

<body background color="PPPPPP">

<div style="position: center; left: 20; top: 100">
<div style="position: center; left: 10px; top: 20px">
<iframe name="Content" src="http://cantara.ca.funpic.de/home.html" style="width: 5px; height: 5px" frameborder="1" scrolling="no" noresize style="border: 0px" ;></iframe>
</div>

<div style="left: 20px; width: 25px; position:left; top: 0px"; id="Navi">
<div align="center">

<a href="http://www.url.html" target="Content">Link</a><br>
<a href="http://www.url.html" target="Content">Link</a><br>
<a href="http://www.url.html" target="Content">Link</a><br>
<a href="http://www.url.html" target="Content">Link</a><br>
<a href="http://www.url.html" target="Content">Link</a><br>
<a href="http://www.url.html" target="Content">Link</a><br>

</body>
</html>


Danke schon mal für die Hilfe!

Moderator-Edit - Aktion: HTML-Code-Tags hinzugefügt - Bitte bei HTML-Code immer benutzen (Artemis)
Verschoben - Forum: HTML - Grund: Passt nicht in die Jobbörse (Artemis)
 
Zuletzt bearbeitet von einem Moderator:
[css]position[/css]:center; gibt es nicht. Zudem fehlt an der Stelle, an der du das zum ersten mal einsetzt ein Anfuehrungszeichen am ende des Style-attributes. Daran wird wohl liegen.


Weitere fehler:

Es gibt keine Farbe mit dem werte "PPPPPP", und da muss so oder so noch ein "#" davor. Und ein Doctype waere nich schlecht. Ausserdem schliesst du 3 divs nicht, und wozu schreibst du in einen rein align="center", wenn du doch CSS benutzt?


Ist alles, was mir so direkt aufgefallen ist.

/E: Toll, mir ist langweilig, daher hab ich den code einfach mal verbessert:

HTML:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gestüt Cantara</title>
</head>
<body style="background-color:#FFF;">

<div style="position: absolute; top: 0; left: 0;" id="Header">
<img style="border-width:2px;" src="http://foto.arcor-online.net/palb/alben/21/4402221/1024_6532353730623666.jpg" alt="Grafik kontne nicht geladen werden" />
</div>
<div style="position: absolute; left: 20; top: 100px;">
<iframe name="Content" src="http://cantara.ca.funpic.de/home.html" style="width: 5px; height: 5px overflow:hidden; border-width:0px; margin-left:10px; margin-top:20px;"></iframe>
</div>

<div style="position:absolute; left: 20px; width: 25px; top: 0px; text-align:center;" id="Navi">
<a href="http://www.url.de/link.html" target="Content">Link</a><br />
<a href="http://www.url.de/link.html" target="Content">Link</a><br />
<a href="http://www.url.de/link.html" target="Content">Link</a><br />
<a href="http://www.url.de/link.html" target="Content">Link</a><br />
<a href="http://www.url.de/link.html" target="Content">Link</a><br />
<a href="http://www.url.de/link.html" target="Content">Link</a><br />
</div>
</body>
</html>
Hab dabei noch ein Paar Fehler mehr gefunden... muesste so aber funktionieren.
 
Zuletzt bearbeitet von einem Moderator:
Mir ist auch ein bisschen langweilig:wink:

noch eine kleine lösung für dich:
Code:
<html>
<head>
<title>Gestüt Cantara</title> 
</head>
<body>

<style type="text/css">
div#container
{
    position:relative;
    width: 1030px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align:left; 
}
body {text-align:center;margin:0}
</style> 


 

<body background color="#000000"> 


<div id="Layout" style="z-index:1">
<img src="http://foto.arcor-online.net/palb/alben/21/4402221/1024_6532353730623666.jpg"></div>


<div id="Navi" style="position:absolute; overflow:hidden; left: 70px; top:120px; width:140px; height:100px; z-index:2">
<a href="http://www.url.html"><div class="wpmd">
<div align=center><font class="ws14" color="#000000"><B><I>Link</I></B></font></div>
<a href="http://www.url.html"><div class="wpmd">
<div align=center><font class="ws14" color="#000000"><B><I>Link</I></B></font></div>
<a href="http://www.url.html"><div class="wpmd">
<div align=center><font class="ws14" color="#000000"><B><I>Link</I></B></font></div>
<a href="http://www.url.html"><div class="wpmd">
<div align=center><font class="ws14" color="#000000"><B><I>Link</I></B></font></div>
<a href="http://www.url.html"><div class="wpmd">
<div align=center><font class="ws14" color="#000000"><B><I>Link</I></B></font></div>
<a href="http://www.url.html"><div class="wpmd">
<div align=center><font class="ws14" color="#000000"><B><I>Link</I></B></font></div>
</div></a></div>


</body> 
</html>

Gruß
JOKER
 
Ahh vielen Dank!

Ja, ich hatte selber auch schon ein paar Fehler gefunden, trotzdem noch mal Danke, auch für die Codes.
Ich werde daran arbeiten :)
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben