Problem mit Firefox

Fidelis

Ich hbe diesen Text programmiert, der im Internet Explorer gut funktioniert. Aber als ich es mit Firefox gemacht hab, haben die Links nicht mehr funktioniert. Was muss ich an dem Code ändern, damit er auch in Firefox klammt?

<table width="60%" border="1" bordercolor="#000000" bgcolor="#FBB56F" cellpadding="0"
cellspacing="2">
<tr>
<td>Home
</td>
<td>Gästebuch
</td>
<td>Verbesserungsvorschläge
</td>
<td>E-Mail
</td>
<td>Lösungsvorschläge
</td>
</tr>
</table>

Bandit

Was für ein grausamer HTML-Code! Warum benutzt du kein CSS?

Außerdem solltest du dir angewöhnen, auf Umlaute und Sonderzeichen in Dateinamen zu verzichten. Und alle Dateinamen komplett klein zu schreiben vermindert ebenfalls die Gefahr, dass ein Link nicht funktioniert.

Und was heißt

Zitat

nicht mehr funktioniert

Ich empfehle dringends:

http://www.css4you.de/
http://de.selfhtml.org/

Fidelis

Also bisher hab ich nur HTML gelernt und verwende zur Hilfe einen HTML Editor.
Das Umlautproblem müsste ich doch dann eigentlich dadurch lösen können, dass ich zum Beispiel statt "ö" "ö" schreibe, oder?

"Nicht mehr funktioniert": Es war einfach kein Link mehr, sondern nur Text.

Also selfhtml.org benutze ich schon. Und css4you.de werd ich mir mal anschauen!

Dake für die Tipps!

Bandit

Wenn ich mir deinen HTML-Code kopiere und abspeichere, dann funktionieren die Links bei mir im IE und Firefox.

Fidelis

Stimmt. Wenn ich ihn rauskopiere, funktioniert er auch! Aber in der gesamten Seite an sich funktionieren die 5 Links nicht!

Noch 2 Probleme: Links am Rand habe ich eine Tabelle gemact. In dieser Tabelle sind mehrereLnks. Wnn ich einen Link anklicke, verkleinert sich die Tabelle est, als zieht sich nach Links zusammen und erst bei erneutem Anklicken wird der Link aktiviert. Irgendwie komisch!

2. Problem: In Firefox kommt oben ein ca. 100 Pixel breiter Rand, als ob ich ganz oben 10 Mal
eingegeben hätte. Warum lässt Firefox da so viel Platz???

Bandit

Woher sollen wir das alles wissen? Wir kennen einen Teil deiner HTML-Datei, mehr nicht! Wie wärs mit einem Link auf deine Seite?

driver

poste mal den link zur seite. denn scheinbar liegts nicht an dem
teilstück des du hier reinkopiert hast. oder ?

Alienx

Hi,

außerdem darf ein Tabellenelement nicht innerhalb einer Zeile (

) stehen. Am besten du lässt erstmal die ganze Seite validieren. Wenn der Fehler dann noch auftritt (nachdem du die Fehler vom Validator natürlich behoben hast), kannste ja hier nochmal nachfragen.

MfG Alienx

Fidelis

Also die Seite existiert noch nicht Im Internet. Aber ich könnte den ganzen HTML Code posten.

Wie validiere ich die Seite?

driver

http://validator.w3.org/

und dann die fehler korrigieren - wenn online.
ansonsten gibts n addon für firefox

Fidelis

Ah, danke für den Link! Nur leider habe ich die Seite noch nicht ins Netz gestellt!

driver

dann am besten des firefox-addon besorgen.

Fidelis

Hm.. Das hat i-wie nichts genützt. Ich hab hier jetzt mal den ganzen Code, vielleicht fällt euch was auf:

HTML

[quote]<html>
<body>


 <style type="text/css">
          .linksbuendig {text-align: left;}
          .rechtsbuendig {text-align: right;}
          .zentriert {text-align: center;}
          .blocksatz {text-align: justify;}
          td {text-align: ","}
  </style>






<font size="+2"><p align="left">
[url='javascript:history.back()']Zurück[/url]</p> 


<body marginwidth="50" marginheight="100" topmargin="10" leftmargin="50">


<p align="right">
<font size="-1">Alle Übersetzungen stammen aus dem Unterricht.
 L-Stück Lösungen.de.tl nimmt keine Verantwortung dafür, dass die Texte zu 100 % korrekt sind! </font> </p>






    <div style="position:absolute; top:400px; left:50px;">


    <table width="10%" border="1" bordercolor="#000000" bgcolor="#FA915F" cellpadding="5" cellspacing="2">
     <caption><font size="+2"><u>[b]Sprache[/b]</u></font></caption>     








     <tr>
      <th><p align="center">[url='Lateinbuchauswahl.html']Latein[/url] 
</p></th>
     </tr>
     <tr>
     <th><p align="center">
[url='Griechischbuchauswahl.html']Griechisch[/url] 
</p></th>
     </tr>
    </table>
</div>


<body bgcolor="#F0E2C0" link="#125AE1" alink="#1C4BA5" vlink="#0600FF">






<span style="#731A1E"><h1><p align="center"><font face="Palace Hand DB"<span style="font-size:400%">L-Stück Lösungen</span>
</font></p></h1></span>






       <p align="center">
<table width="60%" border="1" bordercolor="#000000" bgcolor="#FBB56F" cellpadding="0"
          cellspacing="2">


                     <tr>
                      <td><p align="center">[url='Homenewest.html']Home[/url] 
</p></td>
                      <td><p align="center">[url='Gästebuch.html']Gästebuch[/url] 
</p></td>
                      <td><p align="center">[url='Verbesserungsvorschläge.html']Verbesserungsvorschläge[/url] 
</p></td>
                      <td><p align="center"> [url='E-Mail.html']E-Mail[/url] 
</p></td>
                      <td><p align="center"> [url='Lösungsvorschläge.html']Lösungsvorschläge[/url] 
</p></td>
                     </tr>
                    </table>
          </p>






             <font color="#000000">
   <font face="Palace Hand DB">
            <p align="center"><font size="+2">
Willkommen auf L-Stück Lösungen.de!!! 
Ich hoffe ihr werdet hier glücklich mit all den Lösungen der L-Stücke aus 
 Latein mit Felix 1 - Latein
                                mit Felix 4 und den L- , V- und E-Stücken aus Kairos 1 & 2! 
 Die Übersetzungen der Texte stammen alle aus dem Unterricht, was bedeutet,
 dass sie alle so gut wie richtig sind!

Auf jeden Fall ist es in der Schulstunde ganz gut, wenn man einen Text vor sich liegen hat!   


                                Also viel Spass mit den ganzen Lösungen!!!</font></font>
                               </p>










                   <font face="Palace Hand DB">
   <font color="#CE2216"><p align="center"><font size="+3"><u>[b]
Auswahl der Sprache:
[/b]</u></font></p></font>


          


  <p align="center">
        <table width="50%" border="0" cellpadding="0" cellspacing="0">


         <tr>
          <td><font face="Palace Hand DB"><p align="center"> <font color="#EC5F4A"><font size="+4">[url='Lateinbuchauswahl.html']Latein[/url]</font></font></p> </font>   </td>
          <td><font face="Palace Hand DB"><p align="center"> <font color="#EC5F4A"><font size="+4">[url='Griechischbuchauswahl.html']Griechisch[/url]</font></font></p> </font>   </td>
         </tr>
        </table>
  </p>


</body>
</html>[/quote]

Alles anzeigen

driver

ouuu... da des net klappt is logisch

- css anweisungen im head-tag
- du hast kein head-tag
- nur 1x body verwenden, nicht 3x oder 4x
- font color und danach font face und dann ein p ? nimm gleich des p und formatiers mit css
- da n div, drin ne tabelle, außen ein p.... ein kauderwelsch, da schauderts mich richtig

wo hast du html "gelernt" ?

edit:
- vermeide in dateinamen umlaute
- verwende möglichst immer kleinschreibung bei dateinamen / ordnern
- benutze einen doctype
- schließe deine tags (zb.
)
- verwende bekannte standard-schriftarten. Palace Hand DB hat sicher nicht jeder.

ich rate dir dringends: schau dir nochmal das html-grundgerüst an !
informier dich über css und wie man es am besten einsetzt.

dein quelltext is .... naja... absoluter mist

Fidelis

Naja... HTML gelernt hab ich nirgends.. ich bin erst 14...

Also ich überarbeite es nochmal!

edit: Ok, ich habs überarbeitet, aber wie will ich das Problem mit div/table/p lösen? Wenn ich da was verändere, rutscht alles nach links, obwohl ich es in der mitte brauche.

driver

-> de.selfhtml.org
-> http://www.css4you.de

sollte dir dabei helfen. WIRKLICH ANSCHAUEN !

Fidelis

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<title>L-Stück Lösungen</title>
<head>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td> <font size="+2"><left>[url='javascript:history.back()']Zurück[/url]</left></td>
  <td>
  <div align="right">
  <font size="-1">Alle Übersetzungen stammen aus dem Unterricht.
 L-Stück Lösungen.de nimmt keine Verantwortung dafür, dass die Texte zu 100 % korrekt sind!</font>
  </div>
</td>
 </tr>
</table>


<h1><span style="#731A1E"><span style="font-size:400%"><font face="Comic Sans MS"><center>[i]L-Stück Lösungen[/i]</center></font></span></span></h1>


  <div align="center">
      <table width="60%" border="1" bordercolor="#000000" bgcolor="#FBB56F" cellpadding="0" cellspacing="2">
                     <tr>
                      <td><center>[url='Homenewest.html']Home[/url]</center></td>
                      <td><center>[url='Gästebuch.html']Gästebuch[/url]</center></td>
                      <td><center>[url='Verbesserungsvorschlag.html']Verbesserungsvorschlag[/url]</center></td>
                      <td><center>[url='E-Mail.html']E-Mail[/url]</center></td>
                      <td><center>[url='Lösungsvorschlag.html']Lösungsvorschlag[/url]</center></td>
                     </tr>
      </table>
  </div>




</head>


<body bgcolor="#F0E2C0" link="#125AE1" alink="#1C4BA5" vlink="#0600FF" marginwidth="50" marginheight="100" topmargin="10" leftmargin="50">






<div style="position:absolute; top:400px; left:50px;">


    <table width="10%" border="1" bordercolor="#000000" bgcolor="#FA915F" cellpadding="5" cellspacing="2">
     <caption><font size="+2"><u>[b]Sprache[/b]</u></font></caption>
     <tr>
      <th><center></div></div>[url='Lateinbuchauswahl.html']Latein[/url]</center></th>
     </tr>
     <tr>
     <th><center>[url='Griechischbuchauswahl.html']Griechisch[/url]</center></th>
     </tr>
    </table>
</div>






   <font face="Comic Sans MS" font color="#000000">
            <p align="center">[b]<font size="+2">Willkommen auf L-Stück Lösungen.de!!! 
Ich hoffe ihr werdet hier glücklich mit all den Lösungen der L-Stücke aus 
 Latein mit Felix 1 - Latein
                                                              mit Felix 4 und den L- , V- und E-Stücken aus Kairos 1 & 2! 
 Die Übersetzungen der Texte stammen alle aus dem Unterricht, was bedeutet,
 dass sie alle so gut wie richtig sind!

Auf jeden Fall ist es in der Schulstunde ganz gut, wenn man einen Text vor sich liegen hat!   


                                                              Also viel Spass mit den ganzen Lösungen!!!</font>[/b]</font>


                                


</p>
                   <font face="Palace Hand DB">
   <font color="#CE2216"><p align="center"><font size="+3"><u>[b]Auswahl der Sprache:[/b]</u></font></p></font>








  <center>
        <table width="50%" border="0" cellpadding="0" cellspacing="0">
         <tr>
          <td><font face="Palace Hand DB"><center><font color="#EC5F4A"><font size="+4">[url='Lateinbuchauswahl.html']Latein[/url]</font></font></center></font></td>
          <td><font face="Palace Hand DB"><center><font color="#EC5F4A"><font size="+4">[url='Griechischbuchauswahl.html']Griechisch[/url]</font></font></center></font></td>
         </tr>
        </table>
     </center>
</body>
</html>

Alles anzeigen

Hier ist der neue Quelltext. Funktionierteigentlich jetzt ganz gut!
Danke für die Tipps!

Bandit

Hau' die ganzen Font-Tags raus und lerne CSS!

Aus SelfHTML zu den Font-Tags:

Zitat

Die hier beschriebenen HTML-Elemente sind als deprecated eingestuft, das heißt, sie sollen in Zukunft aus dem HTML-Standard entfernt werden.

Fidelis

Alles klar! Was nehme ich dann statt "font"?

Bandit

CSS, habe ich doch geschrieben! http://www.css4you.de/

Tags

Benutzer online in diesem Thema