Bitte helft mir !!!

ToniM

Hallo Leute,ich bins wieder und hab wieder ein problem

Kriege einfach die lücken zwischen den zellen nicht weg. das jedoch beim IE.
Beim firefox verschiebt sich irgendwie alles. ich weiss nicht mehr woran es liegen könnte hab jede zelle und jedes bild mit width und height versehen.

Schaut selbst:

http://home.arcor.de/jaseen/framemain.html

jeder vorschlag ist willkommen!

gruß ToniM

xXx_BaSStar_xXx

Threadtitel daneben!

Du hattest zu viele Leerzeichen und Umbrüche innerhalb
der <td>'s, an diesem Problem habe ich mir auch schon
vergeblich mehrere Stunden die Zähne ausgebissen.

Da ich es vorher testen musste will ich dir mein
Ergebnis nicht vorenthalten.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>


  <link rel="stylesheet" type="text/css" href="scroll.css">

<script type="text/javascript">
    button1= new Image();
    button1.src = "./layout/images/rahmen/layout_14.jpg"
    button1_on= new Image();
    button1_on.src = "./layout/images/rahmen/mouseover/layout_14.jpg"
    button2= new Image();
    button2.src = "./layout/images/rahmen/layouat_15.jpg"
    button2_on= new Image();
    button2_on.src = "./layout/images/rahmen/mouseover/layout_15.jpg"
    button3= new Image();
    button3.src = "./layout/images/rahmen/layout_16.jpg"
    button3_on= new Image();
    button3_on.src = "./layout/images/rahmen/mouseover/layout_16.jpg"
    button4= new Image();
    button4.src = "./layout/images/rahmen/layout_17.jpg"
    button4_on= new Image();
    button4_on.src = "./layout/images/rahmen/mouseover/layout_17.jpg"
    button5= new Image();
    button5.src = "./layout/images/rahmen/layout_18.jpg"
    button5_on= new Image();
    button5_on.src = "./layout/images/rahmen/mouseover/layout_18.jpg"
    button6= new Image();
    button6.src = "./layout/images/rahmen/layout_19.jpg"
    button6_on= new Image();
    button6_on.src = "./layout/images/rahmen/mouseover/layout_19.jpg"
</script>


</head>
<body style="background-image:url(./layout/images/hintergrund.jpg);">
    [img]./layout/images/leeregrafiken/oberer_spacer.gif[/img]
      <table width="786" cellpadding="0" border="0" cellspacing="0" align="center" >
            <tr>
                <td colspan="10" height="20">[img]./layout/images/rahmen/layout_03.jpg[/img]</td>
            </tr>
            <tr>
                <td height="400">[img]./layout/images/rahmen/layout_05.jpg[/img]
                </td>
                <td> 
                  <table width="742" border="0" cellpadding="0" cellspacing="0" align="center"> 
                    <tr>
                      <td colspan="2" width="208" height="82">[img]./layout/images/rahmen/layout_06.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_07.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_08.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_09.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_10.jpg[/img]</td>
                      <td colspan="2" width="142" height="82">[img]./layout/images/rahmen/layout_11.jpg[/img]</td>
                    </tr>
                    <tr>
                      <td height="48">[img]./layout/images/rahmen/layout_13.jpg[/img]</td>
                      <td height="48">[url='main.html'][img]./layout/images/rahmen/layout_14.jpg[/img][/url]</td>
                      <td height="48">[url='about.html'][img]./layout/images/rahmen/layout_15.jpg[/img][/url]</td>
                      <td height="48">[url='charts.html'][img]./layout/images/rahmen/layout_16.jpg[/img][/url]</td>
                      <td height="48">[url='gallery.html'][img]./layout/images/rahmen/layout_17.jpg[/img][/url]</td>
                      <td height="48">[url='contact.html'][img]./layout/images/rahmen/layout_18.jpg[/img][/url]</td>
                      <td height="48">[url='http://feedbook.de/14061'][img]./layout/images/rahmen/layout_19.jpg[/img][/url]</td>
                      <td height="48">[img]./layout/images/rahmen/layout_20.jpg[/img]</td>
                     </tr>
                     <tr>
                      <td colspan="8">
                          <iframe name="cont" src="http://home.arcor.de/jaseen/main.html" frameborder="0" width="742" height="270" scrolling="yes"></iframe>
                      </td>
                  </table>
                </td> 
                <td height="400">[img]./layout/images/rahmen/layout_12.jpg[/img]</td>
             </tr>
                <tr>
                  <td colspan="10" height="24">[img]./layout/images/rahmen/layout_25.jpg[/img]</td>
              </tr>
      </table>
  [img]./layout/images/leeregrafiken/unterer_spacer.gif[/img]
</body>
</html>

Alles anzeigen

Valide

ToniM

Danke für die schnelle Antwort.

Habe mal dein vorschlag eingefügt und bei mir sind jetzt leider mehr lücken entstanden als vorher,in welchem browser hast du es den getestet?
Kann es wirklich an den leerzeichen innerhalb der td tags liegen?

gruß Toni

xXx_BaSStar_xXx

Sorry hatte mal wieder an diesem )(="&&§"$?=`?`§))$%=)(§$§§$()%/?'en Internet Explorer nicht gedacht.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>


  <link rel="stylesheet" type="text/css" href="scroll.css">

<script type="text/javascript">
    button1= new Image();
    button1.src = "./layout/images/rahmen/layout_14.jpg"
    button1_on= new Image();
    button1_on.src = "./layout/images/rahmen/mouseover/layout_14.jpg"
    button2= new Image();
    button2.src = "./layout/images/rahmen/layouat_15.jpg"
    button2_on= new Image();
    button2_on.src = "./layout/images/rahmen/mouseover/layout_15.jpg"
    button3= new Image();
    button3.src = "./layout/images/rahmen/layout_16.jpg"
    button3_on= new Image();
    button3_on.src = "./layout/images/rahmen/mouseover/layout_16.jpg"
    button4= new Image();
    button4.src = "./layout/images/rahmen/layout_17.jpg"
    button4_on= new Image();
    button4_on.src = "./layout/images/rahmen/mouseover/layout_17.jpg"
    button5= new Image();
    button5.src = "./layout/images/rahmen/layout_18.jpg"
    button5_on= new Image();
    button5_on.src = "./layout/images/rahmen/mouseover/layout_18.jpg"
    button6= new Image();
    button6.src = "./layout/images/rahmen/layout_19.jpg"
    button6_on= new Image();
    button6_on.src = "./layout/images/rahmen/mouseover/layout_19.jpg"
</script>
<style type="text/css">
img { border:0px; }
</style>
</head>
<body style="background-image:url(./layout/images/hintergrund.jpg);">
    [img]./layout/images/leeregrafiken/oberer_spacer.gif[/img]
      <table width="786" cellpadding="0" border="0" cellspacing="0" align="center" >
            <tr>
                <td colspan="10" height="20">[img]./layout/images/rahmen/layout_03.jpg[/img]</td>
            </tr>
            <tr>
                <td height="400">[img]./layout/images/rahmen/layout_05.jpg[/img]</td>
                <td>
                  <table width="742" border="0" cellpadding="0" cellspacing="0" align="center">
                    <tr>
                      <td colspan="2" width="208" height="82">[img]./layout/images/rahmen/layout_06.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_07.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_08.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_09.jpg[/img]</td>
                      <td width="98" height="82">[img]./layout/images/rahmen/layout_10.jpg[/img]</td>
                      <td colspan="2" width="142" height="82">[img]./layout/images/rahmen/layout_11.jpg[/img]</td>
                    </tr>
                    <tr>
                      <td height="48">[img]./layout/images/rahmen/layout_13.jpg[/img]</td>
                      <td height="48">[url='main.html'][img]./layout/images/rahmen/layout_14.jpg[/img][/url]</td>
                      <td height="48">[url='about.html'][img]./layout/images/rahmen/layout_15.jpg[/img][/url]</td>
                      <td height="48">[url='charts.html'][img]./layout/images/rahmen/layout_16.jpg[/img][/url]</td>
                      <td height="48">[url='gallery.html'][img]./layout/images/rahmen/layout_17.jpg[/img][/url]</td>
                      <td height="48">[url='contact.html'][img]./layout/images/rahmen/layout_18.jpg[/img][/url]</td>
                      <td height="48">[url='http://feedbook.de/14061'][img]./layout/images/rahmen/layout_19.jpg[/img][/url]</td>
                      <td height="48">[img]./layout/images/rahmen/layout_20.jpg[/img]</td>
                     </tr>
                     <tr>
                      <td colspan="8">
                          <iframe name="cont" src="http://home.arcor.de/jaseen/main.html" frameborder="0" width="742" height="270" scrolling="yes"></iframe>
                      </td>
                  </table>
                </td>
                <td height="400">[img]./layout/images/rahmen/layout_12.jpg[/img]</td>
             </tr>
                <tr>
                  <td colspan="10" height="24">[img]./layout/images/rahmen/layout_25.jpg[/img]</td>
              </tr>
      </table>
  [img]./layout/images/leeregrafiken/unterer_spacer.gif[/img]
</body>
</html>

Alles anzeigen

ToniM

Hallo,

Ohhh danke danke,endlich keine lücken mehr!
Was hast jetzt alles anders gemacht?Weshalb das stylesheet?Ich muss es
wissen da mein dozent sicherlich fragen wird!

Vielen dank nochmals!

gruß ToniM

xXx_BaSStar_xXx

Die Lücken entstanden durch die Umbrüche und
Leerzeichen innerhalb der <td>'s.
Das Stylesheet habe ich nachträglich für den IE
ergänzt, das gleiche würde das hinzufügen von
border="0" in jedem <img> Tag bewirken.

ToniM

Diese Webseite ist eine Projektarbeit im Rahmen einer Projektarbeit. Dem Dozenten werden der zusammengeklebte Code sicherlich nicht gefallen, da er von uns Übersichtlichkeit erwartet. Jedoch gibt es ja keine alternative für mein Problem.

Danke nochmals, du bist ein Gott für mich !!!

xXx_BaSStar_xXx

Zusammengeklebt? Dann erzähl ihm mal was der IE
macht wenn man seinen Quelltext wie ein Word Dokument behandelt.
Es geht bei der Übersichtlichkeit vor allem ums einrücken,
um zu z.B. sehen wo die angefangene Zelle endet.

Wenn er doch solch absurde Dinge fordert, ein paar Umbrüche kannst
du reinbringen, aber nicht wie vorher 100 Leerzeichen am Stück...
schau immer ob wieder Lücken da sind, du weißt ja jetzt woran es liegt.
Wenn er die "Übersichtlichkeit" bei dem Stückchen code da bemängelt
schick ihn mal vorbei

ToniM

Ich versuche mal vorsicht paar Umbrüche und Einrückungen zu machen damit mein Dozent nicht meckern kann. Und falls doch schicke ich ihn zu dir

Mein Hintergrundbild jedoch passt leider nicht mit dem rahmen überein obwohl ich jeweils oben und unten einen spacer hingesetzt habe. Es sieht so aus als wäre das Hintergrundbild zu klein weil es sich wiederholt.
Bei Photoshop sah alles noch optimal aus, was kann der grund sein dass es jetzt nicht mehr übereinstimmt????

xXx_BaSStar_xXx

Hm ich weiß jetzt nicht was du meinst.
Lad mal deine jetzige Version hoch und
erläutere nochmal bitte.

Und deine Spacer mit Suma Begriffen....
Schau dich lieder mal hier und hier um.

ToniM

http://home.arcor.de/jaseen/test.html

Ich habe es mal mit "background-position=center" probiert und nun stimmt der Verlauf des Hintergrundbildes und des Rahmens überein, jeodoch sieht die ganze Seite bei einer Darstellung von 1024x768px zu klein aus.

Die Suchmaschinenbegriffe werde ich demnächst auch hinzufügen danke aber für die Erinnerung!

gruß

xXx_BaSStar_xXx

Zitat

<body height="1005" width="550">

Hat da nichts zu suchen!

Code

body {
margin:0px;
background-image:url(./layout/images/hintergrund.jpg);
background-repeat:repeat-x;
background-color:#5D1320;
}

So das Stylesheet bitte abändern, müsste funktionieren wenn
ich nichts vergessen habe.

Zitat

<body height="1005" width="550">

Das habe nur zu Testzwecken mal probiert!

Sag mal, machst du das eigentlich beruflich?Wenn nicht dann wäre es sicherlich was für dich. Deine Lösung stimmt wiedermal, vielen dank nochmals !!!

Wenn ich dich schon an der angel habe dann habe ich noch zu guter letzt eine frage an dich. Undzwar finde ich meinen Scrollbalken designtechnisch sehr unpassend zum rest der seite und leider kann man nur beim IE die farben des scrollbalkens ändern. Hast du da vielleicht auch einen brillanten vorschlag? Glaube langsam wirklich dass du ein Webseiten-Guru bist

xXx_BaSStar_xXx

Hm, wie du schon bemerkt hast nur im IE.
Alle anderen Browser interpretieren diese
Angaben garnicht. Die Scrollleisten kann man
wie auch die standart Buttons zum Absenden nicht
ändern da sie vom Betriebssystem "abhängig" sind.

Die Lösung dafür wäre die Seite nach unten "dehnbar"
zu machen mit Hilfe von php z.B.
Wie das dann aussieht siehst du auf meiner Site.
Informationen und Anleitungen zu dieser Methode gibts auch hier.

Tags