Antworten auf deine Fragen:
Neues Thema erstellen

Fehler Weblayout von Photoshop

S

sPx

Guest

Hallo zusammen,

ich habe leider ein kleines Problem mit einem von mir erstellten Layout in Photoshop. Ich habe Slices mit Image Ready angelegt und im Menü Rollover States erstellt. Dort wird lediglich ein vorher nicht sichbarer Layer über den bereits zu sehenden gelegt. Nun taucht das Problem auf, dass ich NUR im Internet Explorer weiße Balken über meinen einzelnen Menüpunkten habe. In Firefox oder Opera sieht das Layout vollkommen normal aus. Ich habe euch mal einen Screenshot einer Beispielseite angehängt, zudem folgt der Quellcode. Ich bin mir nicht sicher ob es am Code oder der Bearbeitung in Image Ready liegt.

Vielen Dank für die Mühe


(Bild gegen Link getauscht - Bitte Bildgrössen beachten)


HTML: 
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=ISO 8859-1" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="Schirmer & Partner GbR, Schirmer, Steuerberatung, Steuerberatersozietät, Wirtschaftsprüfung, Wirtschaftsprüfer," />
<meta name="description" content="Schirmer & Partner GbR! Ihr Partner im Bereich Wirtschaftsprüfung und Steuerberatung. Wir helfen Ihnen mit Erfahrung, Fachwissen, Kompetenz und Engagement." />
<meta name="generator" content="IT-Consulting de Niet" />

<title>Schirmer & Partner GbR - Impressum</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (impressum.psd) -->
<script type="text/javascript">
<!--

userAgent = window.navigator.userAgent;
browserVers = parseInt(userAgent.charAt(userAgent.indexOf("/")+1),10);
function newImage(arg) {
    if (document.images) {
        rslt = new Image();
        rslt.src = arg;
        return rslt;
    }
}

function findElement(n,ly) {
    if (browserVers < 4)        return document[n];
    var curDoc = ly ? ly.document : document;
    var elem = curDoc[n];
    if (!elem) {
        for (var i=0;i<curDoc.layers.length;i++) {
            elem = findElement(n,curDoc.layers[i]);
            if (elem) return elem;
        }
    }
    return elem;
}

function changeImages() {
    if (document.images && (preloadFlag == true)) {
        var img;
        for (var i=0; i<changeImages.arguments.length; i+=2) {
            img = null;
            if (document.layers) {
                img = findElement(changeImages.arguments[i],0);
            }
            else {
                img = document.images[changeImages.arguments[i]];
            }
            if (img) {
                img.src = changeImages.arguments[i+1];
            }
        }
    }
}

var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        kanzlei_information_over = newImage("impressum/kanzlei_information-over.gif");
        dienstleistungen_over = newImage("impressum/dienstleistungen-over.gif");
        team_over = newImage("impressum/team-over.gif");
        impressum_over = newImage("impressum/impressum-over.gif");
        anfahrt_over = newImage("impressum/anfahrt-over.gif");
        home_over = newImage("impressum/home-over.gif");
        preloadFlag = true;
    }
}

// -->
</script>
<!-- End Preload Script -->
<!-- ImageReady Styles (impressum.psd) -->
<style type="text/css">
<!--

#Table_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:768px;
    top: 15%;
    left: 15%;
    margin-top: -100px;
    margin-left: -60px;
}

#impressum-01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:54px;
}

#impressum-02 {
    position:absolute;
    left:0px;
    top:54px;
    width:60px;
    height:714px;
}

#impressum-03 {
    position:absolute;
    left:60px;
    top:54px;
    width:188px;
    height:10px;
}

#impressum-04 {
    position:absolute;
    left:248px;
    top:54px;
    width:684px;
    height:135px;
}

#impressum-05 {
    position:absolute;
    left:932px;
    top:54px;
    width:92px;
    height:167px;
}

#impressum-06 {
    position:absolute;
    left:60px;
    top:64px;
    width:12px;
    height:649px;
}

#kanzlei-information {
    position:absolute;
    left:72px;
    top:64px;
    width:172px;
    height:15px;
}

#impressum-08 {
    position:absolute;
    left:244px;
    top:64px;
    width:4px;
    height:649px;
}

#impressum-09 {
    position:absolute;
    left:72px;
    top:79px;
    width:172px;
    height:12px;
}

#dienstleistungen {
    position:absolute;
    left:72px;
    top:91px;
    width:155px;
    height:15px;
}

#impressum-11 {
    position:absolute;
    left:227px;
    top:91px;
    width:17px;
    height:622px;
}

#impressum-12 {
    position:absolute;
    left:72px;
    top:106px;
    width:155px;
    height:12px;
}

#team {
    position:absolute;
    left:72px;
    top:118px;
    width:127px;
    height:15px;
}

#impressum-14 {
    position:absolute;
    left:199px;
    top:118px;
    width:28px;
    height:595px;
}

#impressum-15 {
    position:absolute;
    left:72px;
    top:133px;
    width:127px;
    height:12px;
}

#impressum {
    position:absolute;
    left:72px;
    top:145px;
    width:121px;
    height:15px;
}

#impressum-17 {
    position:absolute;
    left:193px;
    top:145px;
    width:6px;
    height:568px;
}

#impressum-18 {
    position:absolute;
    left:72px;
    top:160px;
    width:121px;
    height:12px;
}

#anfahrt {
    position:absolute;
    left:72px;
    top:172px;
    width:96px;
    height:15px;
}

#impressum-20 {
    position:absolute;
    left:168px;
    top:172px;
    width:25px;
    height:541px;
}

#impressum-21 {
    position:absolute;
    left:72px;
    top:187px;
    width:96px;
    height:526px;
}

#impressum-22 {
    position:absolute;
    left:248px;
    top:189px;
    width:684px;
    height:32px;
}

#impressum-23 {
    position:absolute;
    left:248px;
    top:221px;
    width:623px;
    height:40px;
}

#home {
    position:absolute;
    left:871px;
    top:221px;
    width:62px;
    height:16px;
}

#impressum-25 {
    position:absolute;
    left:933px;
    top:221px;
    width:91px;
    height:547px;
}

#impressum-26 {
    position:absolute;
    left:871px;
    top:237px;
    width:61px;
    height:24px;
}

#impressum-27 {
    position:absolute;
    left:932px;
    top:237px;
    width:1px;
    height:531px;
}

#impressum-28 {
    position:absolute;
    left:248px;
    top:261px;
    width:67px;
    height:287px;
}

#impressum-29 {
    position:absolute;
    left:315px;
    top:261px;
    width:617px;
    height:130px;
}

#impressum-30 {
    position:absolute;
    left:315px;
    top:391px;
    width:617px;
    height:260px;
    overflow:auto;
}

#impressum-31 {
    position:absolute;
    left:248px;
    top:548px;
    width:67px;
    height:106px;
}

#impressum-32 {
    position:absolute;
    left:315px;
    top:653px;
    width:617px;
    height:1px;
}

#impressum-33 {
    position:absolute;
    left:248px;
    top:654px;
    width:684px;
    height:59px;
}

#impressum-34 {
    position:absolute;
    left:60px;
    top:713px;
    width:872px;
    height:55px;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body onload="preloadImages();" style="background-color:#ececed; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (impressum.psd) -->
<div id="Table_01">
    <div id="impressum-01">
        <img src="impressum/impressum_01.gif" width="1024" height="54" alt="">
    </div>
    <div id="impressum-02">
        <img src="impressum/impressum_02.gif" width="60" height="714" alt="">
    </div>
    <div id="impressum-03">
        <img src="impressum/impressum_03.gif" width="188" height="10" alt="">
    </div>
    <div id="impressum-04">
        <img src="impressum/impressum_04.gif" width="684" height="135" alt="">
    </div>
    <div id="impressum-05">
        <img src="impressum/impressum_05.gif" width="92" height="167" alt="">
    </div>
    <div id="impressum-06">
        <img src="impressum/impressum_06.gif" width="12" height="649" alt="">
    </div>
    <div id="kanzlei-information">
        <a href="kanzlei.html"
            onmouseover="changeImages('kanzlei_information', 'impressum/kanzlei_information-over.gif'); return true;"
            onmouseout="changeImages('kanzlei_information', 'impressum/kanzlei_information.gif'); return true;"
            onmousedown="changeImages('kanzlei_information', 'impressum/kanzlei_information-over.gif'); return true;"
            onmouseup="changeImages('kanzlei_information', 'impressum/kanzlei_information-over.gif'); return true;">
            <img name="kanzlei_information" src="impressum/kanzlei_information.gif" width="172" height="15" border="0" alt=""></a>
    </div>
    <div id="impressum-08">
        <img src="impressum/impressum_08.gif" width="4" height="649" alt="">
    </div>
    <div id="impressum-09">
        <img src="impressum/impressum_09.gif" width="172" height="12" alt="">
    </div>
    <div id="dienstleistungen">
        <a href="dienstleistungen.html"
            onmouseover="changeImages('dienstleistungen', 'impressum/dienstleistungen-over.gif'); return true;"
            onmouseout="changeImages('dienstleistungen', 'impressum/dienstleistungen.gif'); return true;"
            onmousedown="changeImages('dienstleistungen', 'impressum/dienstleistungen-over.gif'); return true;"
            onmouseup="changeImages('dienstleistungen', 'impressum/dienstleistungen-over.gif'); return true;">
            <img name="dienstleistungen" src="impressum/dienstleistungen.gif" width="155" height="15" border="0" alt=""></a>
    </div>
    <div id="impressum-11">
        <img src="impressum/impressum_11.gif" width="17" height="622" alt="">
    </div>
    <div id="impressum-12">
        <img src="impressum/impressum_12.gif" width="155" height="12" alt="">
    </div>
    <div id="team">
        <a href="team.html"
            onmouseover="changeImages('team', 'impressum/team-over.gif'); return true;"
            onmouseout="changeImages('team', 'impressum/team.gif'); return true;"
            onmousedown="changeImages('team', 'impressum/team-over.gif'); return true;"
            onmouseup="changeImages('team', 'impressum/team-over.gif'); return true;">
            <img name="team" src="impressum/team.gif" width="127" height="15" border="0" alt=""></a>
    </div>
    <div id="impressum-14">
        <img src="impressum/impressum_14.gif" width="28" height="595" alt="">
    </div>
    <div id="impressum-15">
        <img src="impressum/impressum_15.gif" width="127" height="12" alt="">
    </div>
    <div id="impressum">
        <a href="impressum.html"
            onmouseover="changeImages('impressum', 'impressum/impressum-over.gif'); return true;"
            onmouseout="changeImages('impressum', 'impressum/impressum.gif'); return true;"
            onmousedown="changeImages('impressum', 'impressum/impressum-over.gif'); return true;"
            onmouseup="changeImages('impressum', 'impressum/impressum-over.gif'); return true;">
            <img name="impressum" src="impressum/impressum.gif" width="121" height="15" border="0" alt=""></a>
    </div>
    <div id="impressum-17">
        <img src="impressum/impressum_17.gif" width="6" height="568" alt="">
    </div>
    <div id="impressum-18">
        <img src="impressum/impressum_18.gif" width="121" height="12" alt="">
    </div>
    <div id="anfahrt">
        <a href="*********html"
            onmouseover="changeImages('anfahrt', 'impressum/anfahrt-over.gif'); return true;"
            onmouseout="changeImages('anfahrt', 'impressum/*********gif'); return true;"
            onmousedown="changeImages('anfahrt', 'impressum/anfahrt-over.gif'); return true;"
            onmouseup="changeImages('anfahrt', 'impressum/anfahrt-over.gif'); return true;">
            <img name="anfahrt" src="impressum/*********gif" width="96" height="15" border="0" alt=""></a>
    </div>
    <div id="impressum-20">
        <img src="impressum/impressum_20.gif" width="25" height="541" alt="">
    </div>
    <div id="impressum-21">
        <img src="impressum/impressum_21.gif" width="96" height="526" alt="">
    </div>
    <div id="impressum-22">
        <img src="impressum/impressum_22.gif" width="684" height="32" alt="">
    </div>
    <div id="impressum-23">
        <img src="impressum/impressum_23.gif" width="623" height="40" alt="">
    </div>
    <div id="home">
        <a href="index.html"
            onmouseover="changeImages('home', 'impressum/home-over.gif'); return true;"
            onmouseout="changeImages('home', 'impressum/home.gif'); return true;"
            onmousedown="changeImages('home', 'impressum/home-over.gif'); return true;"
            onmouseup="changeImages('home', 'impressum/home-over.gif'); return true;">
            <img name="home" src="impressum/home.gif" width="62" height="16" border="0" alt=""></a>
    </div>
    <div id="impressum-25">
        <img src="impressum/impressum_25.gif" width="91" height="547" alt="">
    </div>
    <div id="impressum-26">
        <img src="impressum/impressum_26.gif" width="61" height="24" alt="">
    </div>
    <div id="impressum-27">
        <img src="impressum/impressum_27.gif" width="1" height="531" alt="">
    </div>
    <div id="impressum-28">
        <img src="impressum/impressum_28.gif" width="67" height="287" alt="">
    </div>
    <div id="impressum-29">
        <img src="impressum/impressum_29.gif" width="617" height="130" alt="">
    </div>
    <div id="impressum-30">

<font face="Arial" font size="-1" font color="#2d4191"><b>Rechtsgrundlagen</b><br><br>

Diese Homepage wurde erstellt von der Wirtschaftsprüfer- und Steuerberatersozietät Schirmer & Partner GbR, Steinfurt. Verantwortlich für Form und Inhalt ist Dipl.-Kfm. WP/StB Jochen-Alexander Schirmer, Steinfurt.<br><br>

<b>Haftung</b><br><br>

Für die Richtigkeit und Vollständigkeit der Information wird keine Gewähr übernommen. Die Informationen beinhalten ausdrücklich keine Steuer- oder Rechtsberatung. Ein evtl. Auftragsverhältnis zu Ihnen entsteht erst, wenn dieses durch unsere Kanzlei schriftlich bestätigt wird.<br><br>


<b>Hinweise nach dem Teledienstgesetz (§6 TDG)</b><br><br>

1.    Wirtschaftsprüfer- und Steuerberatersozietät Schirmer & Partner GbR, Roggenkamp 3, 48565 &nbsp;&nbsp;&nbsp;&nbsp;Steinfurt<br><br>

2.    Telefon 02551/8350-0, Telefax 02551/8350-50, E-Mail info@schirmer-partner.com<br><br>

3.    Wirtschaftsprüferkammer Berlin, Steuerberaterkammer Westfalen-Lippe, Münster<br><br>

4.    Wirtschaftprüfer, Steuerberater, Rechtsbeistand – Bundesrepublik Deutschland<br><br>

5.    Berufsrechtliche Regelungen Wirtschaftsprüfer<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Wirtschaftprüferordnung (WPO)<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Berufssatzung für Wirtschaftsprüfer<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Satzung für Qualitätskontrolle<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Siegelverordnung<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Wirtschaftsprüfer-Berufshaftpflichtversicherungsordnung<br><br>

6.    Berufsrechtliche Regelungen Steuerberater<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Steuerberatungsgesetz (StBerG)<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Durchführungsverordnung zum Steuerberatungsgesetz (DVStB)<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Berufsordnung (BOStB)<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Steuerberatergebührenverordnung (StBGebV)<br><br>

7.    Berufsrechtliche Regelungen Rechtsbeistände<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Rechtsberatungsgesetz (RBerG)<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Verordnung zur Ausführung des Rechtsberatungsgesetzes (AVO)<br>
    &nbsp;&nbsp;&nbsp;&nbsp;Rechtsanwaltsvergütungsgesetz (RVG)<br><br>

8.    Umsatzsteueridentifikationsnummer: DE 124442683<br><br>

<b>Datenschutzerklärung gem. § 4 Teledienstdatenschutzgesetz (TDDSG)</b><br><br>

1.    Die Privatsphäre jedes Besuchers dieser Webseite wird in vollem Umfang respektiert. Sollten von &nbsp;&nbsp;&nbsp;&nbsp;Ihnen Daten übermittelt werden, (insbesondere Namen, Anschrift, Telefon- und Faxnummer sowie &nbsp;&nbsp;&nbsp;&nbsp;E-Mail-Adressen) erfolgt deren Nutzung ausschließlich zur Bearbeitung im Bereich eines evtl. &nbsp;&nbsp;&nbsp;&nbsp;erteilten Auftrags. Unsere Kanzlei unterliegt den Bedingungen des Bundesdatenschutzgesetzes und &nbsp;&nbsp;&nbsp;&nbsp;wird durch einen Datenschutzbeauftragten überwacht.<br><br>

2.    Auf dem Webserver unseres Providers (DATEV e.G., Nürnberg) werden lediglich Statistische und &nbsp;&nbsp;&nbsp;&nbsp;anonyme Daten gespeichert. Mit Ihrem Zugriff auf unsere Homepage werden keine Daten auf dem &nbsp;&nbsp;&nbsp;&nbsp;Rechner gespeichert.<br><br>

<b>Bescheinigung über die Teilnahme am System der Qualitätskontrolle</b><br><br>

Die Wirtschaftsprüferkammer erteilte eine Bescheinigung über die Teilnahme am System der Qualitätskontrolle nach § 57a Abs.6 Satz 7 WPO. Die Bescheinigung ist bis zum 22. August 2011 befristet.<br>
</font>
    </div>
    <div id="impressum-31">
        <img src="impressum/impressum_31.gif" width="67" height="106" alt="">
    </div>
    <div id="impressum-32">
        <img src="impressum/impressum_32.gif" width="617" height="1" alt="">
    </div>
    <div id="impressum-33">
        <img src="impressum/impressum_33.gif" width="684" height="59" alt="">
    </div>
    <div id="impressum-34">
        <img src="impressum/impressum_34.gif" width="872" height="55" alt="">
    </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:

CrazyLopp

CrazyLopp

Hat es drauf

AW: Fehler Weblayout von Photoshop

Setzt dich mal mit HTML und CSS aus wie ich es verstanden habe hat Ps den Code geschrieben oder?

Mach das am besten selbst unter Downloads-> Photoshop -> Webdesign/Hompage findest du ein 2teiliges Videotutorials welches sehr gut erklärt wie man es selbst macht...


Mfg
Crazylopp
 
oxygen

oxygen

PS Azubine

AW: Fehler Weblayout von Photoshop

ich war grad mal auf der website

um den quelltext anzuschauen ...

also seitliches scrollen finde ich fürchterlich für die seitenbesucher - an deiner stelle würde ich die geslicten teile neu zusammensetzen ...
... html und css ... und den grafiken etwas aussagekräftigere namen geben - damit man auch im quelltext einen besseren überblick hat

edit:
falls du nachts keine antwort oder hilfe bekommst klick mal da
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 160 (Mitglieder: 1, Gäste: 159)
Robots: 490

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.526
Neuestes Mitglied
Winfriedtesmer
Oben