Meine HP in CSS umwandeln

DjRay1987 · 17.01.2009

Hey Leute,

mein Designer hat schöne arbeit geleistet nur ich habe ein dickes Problem
Kann mein Design nicht in CSS umwandeln.

Deshalb wollte ich mal Fragen auch wenn es sich dumm anhört ob mir da jemand helfen kann ich verzweifle bald.

Danke im vorraus

DjRay

o0Andy0o · 17.01.2009

AW: Meine HP in CSS umwandeln

1. CSS = Layout
2. In diesem Forum gibt es Hilfe zur Selbsthilfe
3. poste deinen Quellcode mal.

DjRay1987 · 17.01.2009

AW: Meine HP in CSS umwandeln

das design ist rein html muss es umwandeln das es so aussieht wie hier

hier der code:

HTML:

<html>
<head>
<title>Ray Production geschnitten oben unten slice</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Ray Production geschnitten oben unten slice.psd) -->
<table id="Tabelle_01" width="1000" height="601" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="10">
            <img src="Bilder/header.jpg" width="1000" height="104" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/links.jpg" width="149" height="29" alt=""></td>
        <td>
            <img src="Bilder/home.jpg" width="134" height="29" alt=""></td>
        <td colspan="3">
            <img src="Bilder/team.jpg" width="143" height="29" alt=""></td>
        <td>
            <img src="Bilder/music.jpg" width="144" height="29" alt=""></td>
        <td colspan="2">
            <img src="Bilder/gb.jpg" width="143" height="29" alt=""></td>
        <td>
            <img src="Bilder/forum.jpg" width="138" height="29" alt=""></td>
        <td>
            <img src="Bilder/rechts.jpg" width="149" height="29" alt=""></td>
    </tr>
    <tr>
        <td colspan="10">
            <img src="Bilder/content.jpg" width="1000" height="365" alt=""></td>
    </tr>
    <tr>
        <td colspan="8">
            <img src="Bilder/Ray-Production-geschnitten_.jpg" width="713" height="1" alt=""></td>
        <td colspan="2" rowspan="3">
            <img src="Bilder/verzierung-re.jpg" width="287" height="102" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2">
            <img src="Bilder/verzierung-li.jpg" width="292" height="101" alt=""></td>
        <td>
            <img src="Bilder/impressum.jpg" width="98" height="29" alt=""></td>
        <td colspan="3">
            <img src="Bilder/copyright.jpg" width="220" height="29" alt=""></td>
        <td>
            <img src="Bilder/links-16.jpg" width="103" height="29" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="Bilder/unten.jpg" width="421" height="72" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="149" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="134" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="98" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="36" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="144" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="40" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="103" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="138" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="149" height="1" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

o0Andy0o · 17.01.2009

AW: Meine HP in CSS umwandeln

So, meine Tipps:

- in valides HTML+CSS ohne Tabellenlayout umwandeln
- ALT-Texte verwenden
- versuchen, die Anzahl der Bilder deiner HP zu reduzieren

Lern, wenn du Zeit hast mal mit html-seminar.de, wie man HTML selber schreibt, dann kannst du in Zukunft deine HP selber coden und anpassen.

DjRay1987 · 17.01.2009

AW: Meine HP in CSS umwandeln

ich habe noch gar nichts getan das tat em photoshop als ich es als web speicherte :-(

mothizz · 17.01.2009

AW: Meine HP in CSS umwandeln

Habe ich das jetzt richtig verstanden?
Du möchtest eine mit PS erstellte Seite in CSS ausgeben???
Falls ja? Dann:
Datei->Für Web und Geräte Speichen->(änderung nach Wünschen)->Speichern
Dann kommt der Dialog "Optim. vers. speichern unter"
Im bereich "Einstellungen" wählst du "Andere"...
2x auf Weiter klicken bzw. deine Einstellungen treffen und dann wählst du im Bereich "Slice Ausgabe" den Radiobutton CSS und dann Okay oder weiter falls du noch andere Einstellungen brauchst...
Falls ich dich jetzt falsch verstanden habe, hab ich den ganzen Text für'n PO geschrieben... ;-)

LG Mo

DjRay1987 · 17.01.2009

AW: Meine HP in CSS umwandeln

ja gut das funktioniert er wandelt es um statt html in html + css geil danke erstma aber eine frage habe ich da noch wenn ich das jetzt auf alle auflösungen anpassen möchte geht das?

leohh · 17.01.2009

AW: Meine HP in CSS umwandeln

In wie fern auf alle Aufloessungen anpassen?

stb_87 · 17.01.2009

AW: Meine HP in CSS umwandeln

Das Zauberwort heißt flüssiges Webdesign. Die Website wird mit relativen Größenangaben erstellt. Je nach Auflösung passt die Website sich an.

Photoshop und CSS-basierte Layouts passen einfach nicht zusammen...
Da ist dir besser geholfen, wenn du das selbst lernst und eigenständig umsetzt

DjRay1987 · 17.01.2009

AW: Meine HP in CSS umwandeln

@leohh

Auflösung anpassen das heisst das er jetzt die index so öffnet das es bei jedem user der auf die homepage geht, auf vollbild geht. und nicht bei dem einen groß bei dem anderen klein.

@7

ich weiss das ich es lernen muss damit is mir gerade auch nicht ganz geholfen

.
Ich möchte sie nur so schnell wie möglich noch online stellen das ich mich meinem Dejay Battle witmen kann. Es ist mir erstma wichtig das sie on gestellt wird das ist mein Problem. Und sowas lernt man nicht in 1nem Tag oder so.

leohh · 17.01.2009

AW: Meine HP in CSS umwandeln

Auf die Schnelle sehe ich da eigentlich nur folgendes:

Code:

body { background: #000; }
#Tabelle_01 { margin: 0 auto; position:relative }

Dies fuegst du noch in deine CSS ein.

Um es fluid oder ganz und gar elastisch darzustellen fehlen Grundlagen.

DjRay1987 · 17.01.2009

AW: Meine HP in CSS umwandeln

ok habs hinbekommen danke

Und nochmal danke an alle die mir geholfen haben

DjRay

PS: Thread can CLOSED