Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon Hailie vom 05.02.2020, 21:28 Options
IE und Firefox Tabellen coden
Hallo ihr Lieben,
ich habe ein Problem mit Coden von Tabellen... eigentlich nicht direk beim Coden, sondern in der Anzeige, ich habe zwei Screenshots gemacht, damit ihr euch ein Bild von meinem Problem machen könnt:
Hier ein Link zum Screenshot vom IE, wie ihr sehen könnt, wird links, da wo das Ausrufezeichen ist, das so angezeogt wie es sein soll:
http://s4.directupload.net/images/080205/k9txn4gw.jpg
Hier das Screenshot vom FireFox, hier wird es schon nicht so wie im IE angezeigt:
http://s4.directupload.net/images/080205/k9txn4gw.jpg
Und hier der Code:
Meine Frage ist jetzt: was soll ich im Code einstellen, damit dieses Bildchen auch im FireFox richtig angezeigt wird.
Vielen Dank!
ich habe ein Problem mit Coden von Tabellen... eigentlich nicht direk beim Coden, sondern in der Anzeige, ich habe zwei Screenshots gemacht, damit ihr euch ein Bild von meinem Problem machen könnt:
Hier ein Link zum Screenshot vom IE, wie ihr sehen könnt, wird links, da wo das Ausrufezeichen ist, das so angezeogt wie es sein soll:
http://s4.directupload.net/images/080205/k9txn4gw.jpg
Hier das Screenshot vom FireFox, hier wird es schon nicht so wie im IE angezeigt:
http://s4.directupload.net/images/080205/k9txn4gw.jpg
Und hier der Code:
...<table width="635" id="table14" style="margin:0000;border-collapse:collapse;">
<tr>
<td width="201" align="left" valign="top" bgcolor="#1d202f" style="padding:0px;">
<p><img src="elite.png" width="201" height="18" vspace="0px"></p>
<p><font size="1" face="Tahoma" color="#39B6C6"><a href="http://still-christina.com/" target="_blank"><img border="0" src="elite_christina.jpg" alt="Christina Aguilera">
</a> <a href="http://www.cordless.4fans.net"> </a> <a href="http://www.ashlee.de">
</a> <a href="http://www.mandy-web.org"> </a><a href="http://revolutionary.e-fans.net/" target="_blank"><img src="elite_reavol.jpg" border="0" alt="Revolitionary"></a>
<a href="wanna%20be.htm" target="I1"><img src="elite_you.jpg" width="35" height="34" border="0"></a>
<a href="wanna%20be.htm" target="I1"><img src="elite_you.jpg" width="35" height="34" border="0"></a>
<a href="wanna%20be.htm" target="I1"><img src="elite_you.jpg" width="35" height="34" border="0"></a></font>
</p>
<p><font size="1" face="Tahoma"><img border="0" src="comm.png" width="201" height="18" alt=""></font>
</p>
</td>...Meine Frage ist jetzt: was soll ich im Code einstellen, damit dieses Bildchen auch im FireFox richtig angezeigt wird.
Vielen Dank!
Antwort 1 von Road-Runner vom 05.02.2020, 21:33 Options
Hallo,
Du hast zweimal den gleichen Screenshot verlinkt.
Besser wäre es, Du würdest die URL der Seite posten, dann kann man sich den gesamten Quelltext ansehen.
Gruss
Road-Runner
Du hast zweimal den gleichen Screenshot verlinkt.
Besser wäre es, Du würdest die URL der Seite posten, dann kann man sich den gesamten Quelltext ansehen.
Gruss
Road-Runner
Antwort 2 von Hailie vom 06.02.2020, 21:03 Options
Hey Road-Runner,
hier noch einmal die Screenshots, diesmal aber richtig
http://s3.directupload.net/images/080206/gz5iiuax.jpg
http://s4.directupload.net/images/080205/k9txn4gw.jpg
Und hier der Link zum jetzigen Layout:
http://richienews.kilu.de/Page/seite.htm
Das neue Layout ist aber eigenlich genauso gecodet wie das jetzige. Ich hoffe ihr wisst was ich meine und könnt mir helfen.
Danke!
hier noch einmal die Screenshots, diesmal aber richtig
http://s3.directupload.net/images/080206/gz5iiuax.jpg
http://s4.directupload.net/images/080205/k9txn4gw.jpg
Und hier der Link zum jetzigen Layout:
http://richienews.kilu.de/Page/seite.htm
Das neue Layout ist aber eigenlich genauso gecodet wie das jetzige. Ich hoffe ihr wisst was ich meine und könnt mir helfen.
Danke!
Antwort 3 von katy vom 06.02.2020, 22:23 Options
Hallo Hailie,
was haben Bildschirmfotos und Seite miteinander zu tun
fragt sich irritiert
katy
was haben Bildschirmfotos und Seite miteinander zu tun
fragt sich irritiert
katy
Antwort 4 von kicia vom 07.02.2020, 08:01 Options
Hallo Hailie,
schreibe bitte noch, welches Bildchen Du meinst, am besten Dateinamen und Beschreibung, und was genau Dich stört, und auch was genau "richtig" wäre. Die Screenshots Unterscheiden sich in vielen Merkmalen, und daß die neue Seite völlig anders aussieht macht es auch nicht einfacher.
Vielleicht sowas wie: "wie kriege ich den Abstand zwischen Bild x und Bild y größer/kleiner ?" oder so.
Gruß, kicia
schreibe bitte noch, welches Bildchen Du meinst, am besten Dateinamen und Beschreibung, und was genau Dich stört, und auch was genau "richtig" wäre. Die Screenshots Unterscheiden sich in vielen Merkmalen, und daß die neue Seite völlig anders aussieht macht es auch nicht einfacher.
Vielleicht sowas wie: "wie kriege ich den Abstand zwischen Bild x und Bild y größer/kleiner ?" oder so.
Gruß, kicia
Antwort 5 von katy vom 07.02.2020, 10:55 Options
Hallo Hailie,
grundsätzlich kann ich dir schon mal dazu sagen, dass eine Homepage, die nur aus Bildern besteht, sowieso recht problematisch ist.
Du hast jede Menge Bilder in Tabellen, dazwischen White-Spaces (Leerzeichen, Zeilenumbrüche im Quellcode). Die stellt jeder Browser etwas anders dar. Das könnte schon einmal eine Ursache sein.
Die andere könnte sein, dass der Internet-Explorer was CSS betrifft sich nicht unbedingt standardgemäß verhält. Ob es daran liegen könnte weiß ich nicht, denn - nimm's bitte nicht persönlich - dein Quellcode wäre mir in meiner Ausbildung (WebdesignerIn) mit bestenfalls einer 5 benotet worden aufgrund seiner Unübersichtlichkeit.
katy
grundsätzlich kann ich dir schon mal dazu sagen, dass eine Homepage, die nur aus Bildern besteht, sowieso recht problematisch ist.
Du hast jede Menge Bilder in Tabellen, dazwischen White-Spaces (Leerzeichen, Zeilenumbrüche im Quellcode). Die stellt jeder Browser etwas anders dar. Das könnte schon einmal eine Ursache sein.
Die andere könnte sein, dass der Internet-Explorer was CSS betrifft sich nicht unbedingt standardgemäß verhält. Ob es daran liegen könnte weiß ich nicht, denn - nimm's bitte nicht persönlich - dein Quellcode wäre mir in meiner Ausbildung (WebdesignerIn) mit bestenfalls einer 5 benotet worden aufgrund seiner Unübersichtlichkeit.
katy
Antwort 6 von Hailie vom 07.02.2020, 13:52 Options
Hallo Leute,
vielen Dank für eure Antworten :)
Ich meine der Abstand zwischen dem Headerbild und dem ersten Bildchen links, da wo dieses Ausrufezeichen ist, habe noch extra dahingemacht :)
An Katy:
Vielen Dank für die Kritik, wüsstest Du vielleicht wie ich das Layout anders coden könnte... mit imageslice oder was es noch so alles gibt, kenne mich da nicht aus :D
Vielen Dank!
vielen Dank für eure Antworten :)
Ich meine der Abstand zwischen dem Headerbild und dem ersten Bildchen links, da wo dieses Ausrufezeichen ist, habe noch extra dahingemacht :)
An Katy:
Vielen Dank für die Kritik, wüsstest Du vielleicht wie ich das Layout anders coden könnte... mit imageslice oder was es noch so alles gibt, kenne mich da nicht aus :D
Vielen Dank!
Antwort 7 von kicia vom 07.02.2020, 14:15 Options
also zwischen "header_new.png" und "navi.png" ?
Oder zwischen "navi.png" und "lay_grafiker.png" ?
Es fällt mir schwer, von dem alten auf das neue Layout zu schliessen. Für mich wäre es leichter, wenn wir das alte Layout und die Screenshots ignorieren könnten, und nur noch über das neue reden.
Wenn nötig kannst Du ja einen neuen Scrennshot machen.
Ich schau mir das morgen mal an, habe jetzt keine Zeit.
Gruß, kicia
Oder zwischen "navi.png" und "lay_grafiker.png" ?
Es fällt mir schwer, von dem alten auf das neue Layout zu schliessen. Für mich wäre es leichter, wenn wir das alte Layout und die Screenshots ignorieren könnten, und nur noch über das neue reden.
Wenn nötig kannst Du ja einen neuen Scrennshot machen.
Ich schau mir das morgen mal an, habe jetzt keine Zeit.
Gruß, kicia
Antwort 8 von katy vom 07.02.2020, 16:00 Options
Hallo Hailie,
mach's so wie kicia es beschrieb: bring Bildschirmfotos, die zur Seite gehören. Oder beschreib, um welche Stelle (Zeile und Spalte) im Quellcode es sich dreht.
Zu deinem "coden"-Problem muss ich dir sagen: natürlich wüsste ich wie es besser geht, dazu werde ich ausgebildet. Aber ich kann dir nicht in einem Forum schnell mal das beibringen, was mich etliche Seminarstunden gekostet hat.
Daher nur kurz: deine Seite ist auf Bilder fixiert, die du in Layouttabellen setzt. Was du sinnvoller einsetzen kannst im Internet ist immer Text, Klartext eingepackt in HTML und layouted mit CSS.
So weit, so gut?
katy
mach's so wie kicia es beschrieb: bring Bildschirmfotos, die zur Seite gehören. Oder beschreib, um welche Stelle (Zeile und Spalte) im Quellcode es sich dreht.
Zu deinem "coden"-Problem muss ich dir sagen: natürlich wüsste ich wie es besser geht, dazu werde ich ausgebildet. Aber ich kann dir nicht in einem Forum schnell mal das beibringen, was mich etliche Seminarstunden gekostet hat.
Daher nur kurz: deine Seite ist auf Bilder fixiert, die du in Layouttabellen setzt. Was du sinnvoller einsetzen kannst im Internet ist immer Text, Klartext eingepackt in HTML und layouted mit CSS.
So weit, so gut?
katy
Antwort 9 von Hailie vom 07.02.2020, 19:29 Options
Hey Katy und Kicia,
vielen Dank für eure Hilfe :)
Also beim jetzigen Layout meine ich den Abstand zwischen
"navi.png" und "lay_grafiker.png"
Ich will es so haben, das zwischen den Biden Bildern im FireFox kein Abstand ist, sondern es so zusammenhängt wie im IE.
Zu Katy:
Ich denke ich weiß wie Du es meinst, ich muss einfach statt den Bildern einfach beim Coden das hier benutzen:
</h2>TEXT<h2> und in der CSS Datei die Farben für den Header einstellen... so oder? xD
Aber ich persönlich finde schöner, wenn da so Bildchen sind... auch wenn es technisch Oo nicht gerade richtig ist, denn ich kann ja keine Farbübergänge mit css machen, oder?
Vielen Dank,
Liebe Grüße
vielen Dank für eure Hilfe :)
Also beim jetzigen Layout meine ich den Abstand zwischen
"navi.png" und "lay_grafiker.png"
Ich will es so haben, das zwischen den Biden Bildern im FireFox kein Abstand ist, sondern es so zusammenhängt wie im IE.
Zu Katy:
Ich denke ich weiß wie Du es meinst, ich muss einfach statt den Bildern einfach beim Coden das hier benutzen:
</h2>TEXT<h2> und in der CSS Datei die Farben für den Header einstellen... so oder? xD
Aber ich persönlich finde schöner, wenn da so Bildchen sind... auch wenn es technisch Oo nicht gerade richtig ist, denn ich kann ja keine Farbübergänge mit css machen, oder?
Vielen Dank,
Liebe Grüße
Antwort 10 von Hailie vom 07.02.2020, 20:32 Options
Hallo :)
Ich bin's noch einmal, ich wollte nur Bescheid sagen, dass ich es jetzt hingekriegt habe, das Bildchen so zu coden, dass es ganz nah dran an dem Header ist.
Vielen lieben Dank nochmal für eure Hilfe!
Ich bin's noch einmal, ich wollte nur Bescheid sagen, dass ich es jetzt hingekriegt habe, das Bildchen so zu coden, dass es ganz nah dran an dem Header ist.
Vielen lieben Dank nochmal für eure Hilfe!
Antwort 11 von _mpact vom 08.02.2020, 14:21 Options
Hi.. wollt dir nur einen tip dür deien letzte aussage geben
du kannst in deinem Css die Headings als block anzeigen lassen und in den hintergrund dann dein bild reinlegen, also etwa so (Beispiel):
HTML:
<h2>TEXT</h2>
CSS:
h2{ display: block;
height: 50px;
background-image: url(image.jpg);
background-repeat: no-repeat;
margin-top: 0px;}
Farbübergänge wären theoretisch für den IE auch möglich, über Filter, aber eben auch nur für den IE (soweit ich weiß) also lieber finger davon lassen ;-)
Gruß Jörg
Zitat:
</h2>TEXT<h2> und in der CSS Datei die Farben für den Header einstellen... so oder? xD
Aber ich persönlich finde schöner, wenn da so Bildchen sind... auch wenn es technisch Oo nicht gerade richtig ist, denn ich kann ja keine Farbübergänge mit css machen, oder?
</h2>TEXT<h2> und in der CSS Datei die Farben für den Header einstellen... so oder? xD
Aber ich persönlich finde schöner, wenn da so Bildchen sind... auch wenn es technisch Oo nicht gerade richtig ist, denn ich kann ja keine Farbübergänge mit css machen, oder?
du kannst in deinem Css die Headings als block anzeigen lassen und in den hintergrund dann dein bild reinlegen, also etwa so (Beispiel):
HTML:
<h2>TEXT</h2>
CSS:
h2{ display: block;
height: 50px;
background-image: url(image.jpg);
background-repeat: no-repeat;
margin-top: 0px;}
Farbübergänge wären theoretisch für den IE auch möglich, über Filter, aber eben auch nur für den IE (soweit ich weiß) also lieber finger davon lassen ;-)
Gruß Jörg
Antwort 12 von jadix vom 11.02.2020, 22:26 Options
Hi, schau mal bei CSS4YOU vorbei, da ist auch eine Rubrik zum
Thema Boxen-Modell (So wie man eigentlich coded und nicht mit Tabellen!)
Und es ist gar nicht soo kompliziert und im INet gibt es 1000 Tutorials dazu!
Gruß
Thema Boxen-Modell (So wie man eigentlich coded und nicht mit Tabellen!)
Und es ist gar nicht soo kompliziert und im INet gibt es 1000 Tutorials dazu!
Gruß
Antwort 13 von jadix vom 11.02.2020, 22:28 Options
Hier wird beschrieben wie man ohne
Tabellen layoutet...
Tabellen layoutet...
Antwort 14 von katy vom 12.02.2020, 11:43 Options
Hallo jadix,
Vielleicht sollten wir eher versuchen, die Supportanfrager dort abzuholen wo sie gerade stehen (soweit möglich) statt gleich die pädagogische Keule zu schwingen.
Auf (dennoch?) gute Zusammenarbeit
katy
Zitat:
So wie man eigentlich coded und nicht mit Tabellen!
nimm's mir nicht übel, aber du bist hier gerade freiwilliger Supporter in einem Forum, das exakt diese Technik, also Layouttabellen, zur Darstellung nutzt. Ich persönlich finde es ein bisschen ignorant bis arrogant, wenn du dann anderen Seitenerstellern ihre Tabellen vorhältst (vergl. Joh 8 7).So wie man eigentlich coded und nicht mit Tabellen!
Vielleicht sollten wir eher versuchen, die Supportanfrager dort abzuholen wo sie gerade stehen (soweit möglich) statt gleich die pädagogische Keule zu schwingen.
Auf (dennoch?) gute Zusammenarbeit
katy
Ähnliche Themen
WMP als fehlendes Plugin beim Firefox
FrauHolle 27.07.2006 - 23503 Hits - 2 Antworten
Tabelle in Firefox nicht richtig dargestellt
fani 09.09.2007 - 16 Hits - 3 Antworten
Komplette PHP-Page coden! Ein paar fragen!
gast_66 25.03.2008 - 26 Hits - 4 Antworten
Firefox 3.0 Beta 4
andi070 25.03.2008 - 84 Hits - 3 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
