Weiße Blöcke in meiner Website

    Hallo zusammen,

    ich arbeite gerade an meiner ersten Homepage, die etwas ordentlicher daherkommen soll, als die üblichen "ersten Versuche".

    Ich habe das Konzept aus einer .psd Datei genommen, Slice drauf und dann als HTML abgespeichert.

    Soweit, so gut!

    Dann habe ich die Seite bearbeitet und bin zu einem Ergebnis gekommen:

    Mit Opera sieht das ja auch unglaublich schick aus.

    Hier zu sehen!

    Aber wer kein Opera hat, sieht schon das Problem.
    Überall sind diese scheußlichen weißen Balken.

    Wo kommen die her und wie kann ich sie dahin zurückschicken, wo sie herkommen?

    (Die Seitentitel werden natürlich noch geändert, ebenso wie der Domainname)


    Schonmal vielen Dank für eure hoffentlich kommende Hilfe!

    Moin!

    Ich hab mir grade mal den Quelltext angesehen, warum schneidest du die Grafuik überhaupt?

    Ich meine, außer einer Tabelle mit div. Grafiken ist ja eigentlich gar nichts da.

    Du solltest dich mal mit HTML vertraut machen, so wie jetzt wird das nie eine Homepage.

    Wo das Problem nun genau liegt?
    Ehrlich gesagt ist es mir zu mühsam die ganzen Schipsel und Tabellenfragmente zu analysieren, da es keinen Wert hat, denn es wäre Arbeit für den Mülleimer.

    G.a.d.M.

    Ronald

    Ok, Folgendes:

    Um aus einer Photoshop Datei eine Webseite zu machen, muss ich slicen.
    Also das Bild in kleine Schnipsel unterteilen.

    Das klappt auch alles wunderbar und alle Browser kommen damit klar.

    Wenn ich dann aber aus einem Schnipsel einen Link mache, entstehen automatisch diese Balken.

    ein bekannter meinte, es liegt an den unterschiedlichen Colspan Werten der Tabellenteile.

    Wäre wirklich klasse, wenn mir da jemand helfen könnte, da es mir recht wichtig ist, dass die Seite bald steht.

    HTML lerne ich überigens schon, aber das geht leider nicht von heute auf morgen, wie ihr selber wisst. :wink:

    Wenn du es mit HTML machst, dann benutzt du das komplette Originalbild als Hintergrund und legst die Grafiken darüber.
    Die Texte werden als Text dargestellt und nicht als Grafik.
    Glaub mir, brich den Versuch an dieser Stelle ab und beginne mit HTML neu, sonst packt dich schon bald der Frust und du kommst langsamer vorwärts als ne Schnecke beim Überqueren einer Autobahn.

    Ist nur ein Rat, aber ein gutgemeinter.

    G.a.d.M.

    Ronald

    Hm, dann habe ich ja wohl keine Wahl, oder?

    Dann werde ich mal schauen, wie ich das mit HTML hinkriege, wenn keine herausragenden Ratschläge mehr kommen, womit ich nicht rechne.

    Dann aber trotzdem schonmal vielen Dank für den gutgemeinten Rat!

    Hi,

    die weißen Ränder bei dir entstehen, weil die Bilder border haben.

    In jeden Img-tag der Link ist, einfach noch border="0" einfügen, und schon verschwinden deine Weißen Rahmen
    also dann und schon funktionierts.

    MfG
    LizZard

    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

    Lizzard, du bist mein Held! :D

    Das klappt ja wirklich. So einfach und schnell!

    Vielen, vielen Dank!

    Aber ich weiß auch, dass mich das nicht davor retten wird, HTML zu lernen.

    Danke für eure Hilfe, Leute!
    Ich werde euch dann mal Bescheid geben, wenn das Ergebnis steht!

    Es ist einfacher, wenn du zwischen den Head tags folgendes definierst:

    Code
    <style type="text/css>
img { border:none; }
</style>


    Damit ersparst du dir, in jeden <img>-Tag das Attribut border="0", bzw. style="border:none," zu schreiben

    Auch dir vielen Dank, aber die Euphorie des Sieges hat mich bereits veranlasst, überall ein border="0" einzufügen. :wink:

    Das Endergebnis steht nun also.

    Was sagen die Profis? Für eine erste Webseite in Ordnung, oder sollte ich mich doch lieber dem Stricken oder Baggerfahren zuwenden?

    stimmt ;)
    Das wäre noch um einiges Eleganter, nur wenn er dann als treuer CSS User die schönen Rahmenfunktionen von CSS nutzen will, sollte man der Vollständigkeit halber:

    Zitat


    <style type="text/css">
    a img { border:none; }
    </style>

    verwenden. Dann wärs perfekt ;) Und nicht das " hinter "text/css" vergessen!

    MfG LizZard

    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

    Nun, stricken und baggerfahren vielleicht nicht gleich.
    Aber ich würde das nicht als Webseite bezeichnen und du solltest dich auch von dem Gedanken trennen, daß du eine Webseite erstellt hast.
    Es ist nichts anderes als eine Grafik, die mit Links auf andere Grafiken verweist - das hat mit einer Internetseite noch nicht viel zu tun.

    Ich kann mein Tip nur wiederholen: lerne HTML.

    G.a.d.M.

    Ronald