Fotos
Tiffany76
- design/layout
Hallo alle zusammen,
ich habe eine Homepage erstellt. Da ich aber weder nen Baukasten noch sonst ne Hilfe genommen habe, sondern mich selbst durchgewurschtelt habe, sieht mein Quelltext auch dementsprechend aus.
Mir wurde gesagt, dass ich wohl zwei Sprachen miteinander verbinde. Aber ich als Leihe erkenne das leider nicht.
Jetzt zu meinen Problemen:
1)Seit neuesten werden auf der Homepage, wenn ich sie im Firefox öffne, weder ö,ö,ü noch ß angezeigt. Ich habe auch schon den Cache geleert, weiß aber net woran es liegt. Ich habe die erste Seite jetzt umgeschrieben und für jeden Umlaut ä oder so ähnlich eingesetzt und es funktioniert. Muss ich das jetzt überall machen oder gibt's da nen Trick? Wie ändere ich das ß um?
Für Eure Hilfe wäre ich dankbar,
liebe Grüße, Tiff
Sorry, die Homepage wäre wohl net schlecht oder?
www.mixed-team-mcg.de
Hallo alle zusammen,
ich habe eine Homepage erstellt. [...] selbst durchgewurschtelt habe, sieht mein Quelltext auch dementsprechend aus.
schlechte idee
Mir wurde gesagt, dass ich wohl zwei Sprachen miteinander verbinde. Aber ich als Leihe erkenne das leider nicht.
ich kenn mich auch nicht aus, ich weiss nicht um was es geht :)
gibt's da nen Trick? Wie ändere ich das ß um?
richtige zeichencodierung verwenden
ß - aber mit richtiger zeichencodierung passiert das nicht
- Außerdem hätte ich gern folgendes: Auf seite 2 würde ich gern eine Funktion einbauen, dass wenn man auf die Fotos der Mädels klickt ein weiteres Fenster geöffnet wird, auf dem Zusatzinfos zu lesen sind.
welche seite 2, welche mädels?
weiteres fenster öffnen: schlechte idee, ich will das nicht (das verschiebt mein browserfenster und ändert die größe) ich will selbst bestimmen wo und wann ich fenster haben will
ansonsten eine suche nach window.open() bzw target="_blank" können dir helfen
liebe Grüße, Tiff
Hallo Tiff,
welche Seite genau?
Kannst Du die URL mal online stellen, dann kann man dir sicherlich schneller helfen.
Welche 2 Sprachen hast du vermischt?
Grüsse
Daniel
Hi Daniel, danke für deine Hilfe :-)
hier ist sie: www.mixed-team-mcg.de
Das ist z. B. der Quelltext von meiner Seite 2 (hier würde ich das gerne einbauen, mit dem Fotoanklicken....)
<!DOCTYPE HTML PUBLIC "-//SoftQuad//DTD HoTMetaL PRO 4.0::19971010::extensions to HTML 4.0//EN" "hmpro4.dtd">
<HTML>
<HEAD> <TITLE>MCG Mixed Team</TITLE> </HEAD>
<BODY> <p> </p> <center> <div align="center"><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 40pt; text-transform: none; color: mediumvioletred; line-height: 15px; font-family: arial; letter-spacing: -5pt; background-color: rgb(255, 255, 255);">MIXED TEAM</font></font></div> <font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">mühlburger Car</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">nevals ge</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">sells</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">ch</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">a</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">f</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">t</font></font> <div align="center"><embed width="450" height="8" style="width: 450px; height: 8px;"></embed></div> <p> </p> <center> <!-- OneTwoMax.de Newsticker Code Start //--> <script type="text/javascript" src="http://68544.newsticker.onetwomax.de/?output=js"></script> <!-- OneTwoMax.de Newsticker Code End //-->
<center><font size="2" face="verdana,arial,helvetica,sans-serif" color="#000000" <p> Karnevalistischer Tanzsport ist eine anerkannte Sportart sowohl beim Landes-Sportverband als auch beim Deutschen Olympischen Sportbund und wird bei uns als Leistungssport betrieben.
Dazu trainieren wir jeden Mittwoch 3 Stunden und regelmäßig samstags etwa vier Stunden. Außerdem gehen wir jedes Jahr für 3 Tage in ein Trainingslager und/oder nehmen an Leistungscamps verwandter Sportarten teil. Neben den zahlreichen Qualifikationsturnieren auf bundesweiter Ebene, zeigen wir unser Können auch bei diversen Veranstaltungen in- und außerhalb der Faschingszeit. Dazu bieten wir einen traditionellen Marschtanz mit außergewöhnlichen Hebungen oder einen besonderen Show-Auftritt. Unser Team besteht derzeit aus 19 TänzerInnen. Buchungen können jederzeit unter Kontakt vorgenommen werden.
<p dir="ltr" align="middle"><font size="2" face="verdana,arial,helvetica,sans-serif" color="#000000"<p>(Durch einen Klick auf die Bilder erfahren Sie etwas mehr über unsere TänzerInnen)</font></strong></sup></font></p>
<p><a href="http://www.mixed-team-mcg.de/2a.html"><font color="#000000"><img height="130" alt="Janine Glanzmann" width="100" border="2" src="Janine.jpg" /></font></a>
<a href="http://www.mixed-team-mcg.de/13.html"><font color="#000000"><img height="130" alt="Sandra Dörrer" width="100" border="2" src="freya.jpg" /></font></a>
<a href="http://nicolevogel.homepage24.de/Seiten/Katja Fleckenstein"><font color="#cc0000"><img height="233" alt="Katja Fleckenstein" width="158" border="2" src="http://nicolevogel.homepage24.de/bilder/prinzen_galerie/katja_fleckenst.jpg" /></font></a></p> <p><font color="#cc0000"> </font><font color="#cc0000"><font face="Tahoma"> <font size="4">Lilly Bauer</font><font size="4"> </font><font size="4">Sandra Dörrer</font><font size="4"> Katja Fleckenstein</font></font><font face="Arial"><font size="4"><strong><font size="3"> </font></strong></font></font></font></p> <p> </p>
<p> <table width="500" height="200" cellspacing="1" cellpadding="1" border="1" align="center"> <tbody>
<tr> <td><img width="100" height="133" src="IMG_0112.jpg" alt="" /></td> <td><img width="100" height="133" src="IMG_0108.jpg" alt="" /></td> <td><img width="100" height="133" src="IMG_0110.jpg" alt="" /></td> <td><img width="100" height="133" src="Maria1.jpg" alt="" /></td> <td><img width="100" height="133" src="IMG_0104.jpg" alt="" /></td> <td><img width="100" height="133" src="IMG_0106.jpg" alt="" /></td>
<tr> <td><font size="1"><strong> Sandra Duarte</strong></font></td> <td><font size="1"><strong> Sabrina Maier</strong></font></td> <td><font size="1"><strong> Sandra Klein</strong></font></td> <td><font size="1"><strong> Maria Olfisch</strong></font></td> <td><font size="1"><strong> Julia Rangnick</strong></font></td> <td><font size="1"><strong> Corinna Höger</strong></font></td>
</tr> <tr> <td><font size="1"> sandra.mcg@web.de</font></td> <td><font size="1">sabrina.mcg@web.de</font></td> <td><font size="1">sandrak.mcg@web.de </font></td> <td><font size="1"> maria.mcg@web.de </font></td> <td><font size="1">julia.mcg@web.de</font></td> <td><font size="1">corinna.mcg@web.de</font></td> </tr> </tbody> </table> </p> <p><font size="1"><br /> </font></p>
<p> <table width="500" height="200" cellspacing="1" cellpadding="1" border="1" align="center"> <tbody> <tr> <td><img width="100" height="133" src="IMG_0105.jpg" alt="" /></td> <td><img width="100" height="133" src="IMG_0103.jpg" alt="" /></td> <td><img width="100" height="133" src="IMG_0447.JPG" alt="" /></td> <td><img width="100" height="133" alt="" src="janine.jpg" /></td> <td><img width="100" height="133" alt="" src="judith.jpg" /></td> <td><img width="100" height="133" alt="" src="IMG_0445.JPG" /></td> </tr> <tr> <td><font size="1"><strong>Caroline Schwarzkopf</strong></font></td> <td><font size="1"><strong>Aline Riedinger</strong></font></td> <td><font size="1"><strong>Maike Hartmann</strong></font></td> <td><font size="1"><strong>Janine Glanzmann<br /> </strong></font></td> <td><font size="1"><strong>Judith Horzel<br /> </strong></font></td> <td><font size="1"><strong> Freya Grötz</strong></font></td> </tr> <tr> <td><font size="1">caro.mcg@web.de </font></td> <td><font size="1">aline.mcg@web.de</font></td> <td><font size="1">maike.mcg@web.de</font></td> <td><font size="1">janine.mcg@web.de</font></td> <td><font size="1">judith.mcg@web.de</font></td> <td><font size="1">freya.mcg@web.de</font></td> </tr> </tbody> </table> </p> <p><font size="1"><br /> </font></p>
<p> <table width="500" height="200" cellspacing="1" cellpadding="1" border="1" align="center"> <tbody> <tr> <td><img width="100" height="133" alt="" src="IMG_0451.JPG" /></td> <td><img width="100" height="133" alt="" src="IMG_0449.JPG" /></td> <td><img width="100" height="133" src="IMG_0107.jpg" alt="" /></td> <td><img width="100" height="133" alt="" src="IMG_0443.JPG" /></td> <td><img width="100" height="133" alt="" src="alex.jpg" /></td> <td> <p><img width="100" height="133" alt="" src="IMG_0442.JPG" /></p> </td> </tr> <tr> <td><font size="1"><strong>Markus Weidemann</strong></font></td> <td><font size="1"><strong>Nils Hartmann</strong></font></td> <td><font size="1"><strong> Jörg Lamm</strong></font></td> <td><font size="1"><strong>Andreas Lamm</strong></font></td> <td><font size="1"><strong>Alexander Schorle</strong></font></td> <td><font size="1"><strong>Yegor Kyko<br /> </strong></font></td> </tr> <tr> <td><font size="1">markus.mcg@web.de </font></td> <td><font size="1"> nils.mcg@web.de </font></td> <td><font size="1">joerg.mcg@web.de </font></td> <td><font size="1">andreas.mcg@web.de</font></td> <td><font size="1"> alex.mcg@web.de </font></td> <td><font size="1">yegor.mcg@web.de</font></td> </tr> </tbody> </table> </p> <p><font size="1"><strong> </strong><br /> <br /> </font></p> </BODY> </HTML>
Hallo Tiffany76,
<!DOCTYPE HTML PUBLIC "-//SoftQuad//DTD HoTMetaL PRO 4.0::19971010::extensions to HTML 4.0//EN"
"hmpro4.dtd">
Was ist denn das für ein Doctype? Benutz gefälligst normales HTMl ohne hotmetal usw., was auch immer das ist. ;-)
»» <div align="center"><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 40pt; text-transform: none; color: mediumvioletred; line-height: 15px; font-family: arial; letter-spacing: -5pt; background-color: rgb(255, 255, 255);">MIXED TEAM</font></font></div>
> <font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">mühlburger Car</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">nevals ge</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">sells</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">ch</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">a</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">f</font></font><font size="7" face="verdana,arial,helvetica,sans-serif" color="#ff00ff"><font style="font-weight: bold; font-size: 20pt; text-transform: lowercase; color: black; line-height: 15px; font-family: arial; letter-spacing: -2pt;">t</font></font>
ich bin doch kein Masochist, das ich mir diesen unstrukturierten, von font-tags überquellenden Code antue. Den hast du doch nie selbst fabriziert.
»» <a href="http://nicolevogel.homepage24.de/Seiten/Katja Fleckenstein"><font color="#cc0000"><img height="233" alt="Katja Fleckenstein" width="158" border="2" src="http://nicolevogel.homepage24.de/bilder/prinzen_galerie/katja_fleckenst.jpg" /></font></a></p>
> <p><font color="#cc0000"> </font><font color="#cc0000"><font face="Tahoma"> <font size="4">Lilly Bauer</font><font size="4"> </font><font size="4">Sandra Dörrer</font><font size="4"> Katja Fleckenstein</font></font><font face="Arial"><font size="4"><strong><font size="3"> </font></strong></font></font></font></p>
Die ganzen Zeichenentitäten machen das ganze auch nicht wirklich übersichtlich. Was soll das bitte für Code sein? Räum da bitte mal auf und schreib den Code am besten komplett selber. Ich kenne deinen aktuellen Editor nicht, aber entweder bedienst du ihn total falsch oder er gehört auf schnellstem Wege in den Windows-Papierkorb.
Jonathan
Hey Jon
jetzt sei doch net so streng mit mir ;-)
Ich suche mir einfach Seiten aus dem Internet von Hp die ich gut finde, dann kopier ich den Quelltext und bastel so lange dran rum, bis das rauskommt, was ich haben möchte.... oder eben auch nicht :-) wie im aktuellen Fall.
ICh würde einfach nur gern wissen, wie ich das mit dem verflixten Foto mache...
Das kapier ich nämlich erst recht nicht.... :-)
@ Jon
ich hab grad gesehen, dass ich dir versehentlich den Quelltext reinkopiert habe, an dem ich schon vergebens rumgemacht habe... *verwirrt*
Also nochmal (sorry, muss für Euch ja echt ne Katastrophe sein, mit so ner verplanten HPage wie meiner...)
<p dir="ltr" align="middle"><font size="2" face="verdana,arial,helvetica,sans-serif"
color="#000000"<p>(Durch einen Klick auf die Fotos bekommt ihr mehr Informationen)</font></strong></sup></font></p>
<p><a href="HIER WEISS ICH NICHT WAS ICH REINSCHREIBEN SOLL"><font color="#000000"><img height="130" alt="NAME"
width="100" border="2" src="FOTO.jpg" /></font></a>
Ist es jetzt besser?
Ist der Text überhaupt richtig, damit man durch einen Klick auf das Foto noch mehr Infos erhält?
Liebe Grüße
Hallo Tiffany76,
<p dir="ltr" align="middle"><font size="2" face="verdana,arial,helvetica,sans-serif"
color="#000000"<p>(Durch einen Klick auf die Fotos bekommt ihr mehr Informationen)</font></strong></sup></font></p>
Aua, das tut schon fast weh. Ohne jetzt fies sein zu wollen, aber es ist so.
Was spricht gegen:
<p>(Durch einen Klick auf die Fotos bekommt ihr mehr Informationen)</p>
?
Die Formatierung erledigst du dann mit CSS.
<p><a href="HIER WEISS ICH NICHT WAS ICH REINSCHREIBEN SOLL"><font color="#000000"><img height="130" alt="NAME"
width="100" border="2" src="FOTO.jpg" /></font></a>Ist es jetzt besser?
Ist der Text überhaupt richtig, damit man durch einen Klick auf das Foto noch mehr Infos erhält?
Das ist vom Ansatz her richtig. Wenn man das veraltete font-Element entfernt und das überflüssige border-Attribut wegmacht, landet man bei:
<a href="HIER WEISS ICH NICHT WAS ICH REINSCHREIBEN SOLL"><img height="130" alt="NAME" width="100" src="FOTO.jpg"></a>
Und das sieht schon halbwegs nach vernünftigem HTML aus. In das href-Attribut kommt selbstverständlich die Adresse, unter der es weitere Infos gibt, z.B.
<a href="foto_erklaerung.htm"><img height="130" alt="NAME" width="100" src="FOTO.jpg"></a>
Und in der Datei kannst du dann deinen Erklärungstext oder was auch immer einfügen. Es gibt natürlich auch Infoboxen usw. und den Text auf der aktuellen Seite anzuzeigen, aber bei dem Code, den du da zur Zeit vergewaltigst, spare ich mir erstmal weitere Erklärungen in die Richtung. Erstmal ordentlichen HTML-Code zu schreiben ist Grundvoraussetung für alles weitere, komplexere.
Jonathan
@ Jon
Danke, bist ein Schatz! :-)
Werde weiter dran arbeiten. Das mit dem korrekten Html kannste allerdings bei mir vergessen :-) Da bin ich zu wenig drin in der Materie.... und werde wohl auch nie so richtig reinkommen als Einsteiger ohne Vorkenntnisse und Helfer und Erklärer.. ich weiß ja oft nicht mal selbst, was ich da mache. Von daher finde ich es bewundernswert, dass mir überhaupt jemand helfen kann :-)))
Guts Nächtle und vielen Dank nochmal
lg Tiff
Yerf!
Da bin ich zu wenig drin in der Materie.... und werde wohl auch nie so richtig reinkommen als Einsteiger ohne Vorkenntnisse und Helfer und Erklärer.. ich weiß ja oft nicht mal selbst, was ich da mache.
Vielleicht hilft dir ja ein gutes Buch weiter? Gibts auch in Papierform.
Gruß,
Harlequin