Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Hintergrund“

eXe

Fortune

Hallo..

Hatte keine Ahnung welchen Titel ich da nehmen soll, deswegen einfach "Hintergrund" :D

Aaalso:
Habe ein Design und einen Hintergrund (seperat) mit Photoshop erstellt, gescliced als .html exportieren lassen und dann mit Dreamweaver weiter bearbeitet (Hintergrund halt hinzugefügt ;))
Der Hauptteil ist etwa 600 Pixel hoch und 1000 breit...
Jetzt soll dieser Hauptteil genau in der Mitte des Bildschirms sein (egal bei welcher Auflösung man sich das anschaut)...
mit <style> table { margin: 0 auto; } </style> krieg ich den ja schonmal zumindest auf der x-Achse in die Mitte, jetzt fehlt aber 1. noch die Mitte auf der y-Achse und 2. (und jetzt kommt das größere Problem):
Der Hintergrund erscheint nicht -.-

Etwas verwirrend, ich weiß, wenns nicht ganz verständlich ist poste ich mal den HTML-Code...

Danke schonmal für alle Antworten :)

MfG eXe
 
Zuletzt bearbeitet:

eXe

Fortune

AW: Hintergrund

Gut..
Code:
<html>
<head>
<title>page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
table {
    margin: 0 auto;
    background-attachment: fixed;
    background-image: url(Bilder/bg.png);
    background-repeat: repeat;
}
</style>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (page.psd) -->
<table id="Tabelle_01" width="1001" height="599" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="Bilder/index_01.png" width="145" height="22" alt=""></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_04.png" width="52" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_05.png" width="57" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_06.png" width="54" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_07.png" width="55" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_08.png" width="57" height="22" border="0" alt=""></a></td>
        <td>
            <a href="index.html">
                <img src="Bilder/page-v1.2_09.png" width="51" height="22" border="0" alt=""></a></td>
        <td colspan="4">
            <img src="Bilder/index_08.png" width="336" height="22" alt=""></td>
        <td colspan="2">
            <img src="Bilder/index_09.png" width="193" height="22" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="8">
            <img src="Bilder/index_10.png" width="500" height="63" alt=""></td>
        <td colspan="3">
            <a href="index.html">
                <img src="Bilder/page-v1.2_13.png" width="307" height="63" border="0" alt=""></a></td>
        <td colspan="2">
            <img src="Bilder/index_12.png" width="193" height="63" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="63" alt=""></td>
    </tr>
    <tr>
        <td colspan="9">
            <img src="Bilder/index_13.png" width="764" height="22" alt=""></td>
        <td colspan="4">
            <img src="Bilder/index_14.png" width="236" height="22" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td colspan="9">
            <img src="Bilder/index_15.png" width="764" height="35" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_16.png" width="34" height="298" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="Bilder/index_17.png" width="178" height="298" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_18.png" width="24" height="298" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
        <td colspan="9" rowspan="2">
            <img src="Bilder/index_19.png" width="764" height="424" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="263" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="Bilder/index_20.png" width="236" height="161" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="161" alt=""></td>
    </tr>
    <tr>
        <td colspan="13">
            <img src="Bilder/index_21.png" width="1000" height="32" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="145" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="52" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="54" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="55" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="51" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="29" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="264" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="34" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="169" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="24" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
 

eXe

Fortune

AW: Hintergrund

Habe es noch nicht hochgeladen, ist aufm Rechner so...

Edit:
Ok, Hintergrund hingekriegt, habe gerade entdeckt, dass der Hintergrund im <style> Bereich unter table steht, also hat die Tabelle den Hintergrund ;)
Habs den Hintergrund unter body geschrieben und so gehts..

Aber leider schaff ichs nicht den Teil auf der y-Achse in die Mitte zu stellen..
mit
Code:
<style>
table {    
    margin: auto;    
}
</style>
funktionierts leider auch nicht, ist dann immernoch nur auf der x-Achse mittig...
 
Zuletzt bearbeitet:
AW: Hintergrund

ok das was du vorhast ist nicht ganz einfach zu realisieren und nicht jeder browser interpretiert es ordentlich aber gebe ihm zu verstehen das die seite eine breite und höhe von 100% hat. das machst du im css so

html {
width: 100%;
height: 100%;
}

und den rest solltest du hinbekommen

zur not probiere das auch mit dem body ich weiß nciht mehr ganz genau ob es html oder body war
 
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

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
174.479
Beiträge
2.577.997
Mitglieder
65.965
Neuestes Mitglied
peacefrogs
Oben