hallo,
was heist nicht in voller größe?
hier liegt es erstmal zu klären ob es am browser liegt oder an deinem code!
gruß sfischer
undefined
100%ig an meinem Code.
Na dann poste den doch mal!
<html>
<head>
<title>Projekt</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Projekt.psd) -->
<table id="Tabelle_01" width="1024" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="Bilder/Projekt_01.gif" width="471" height="600" alt=""></td>
<td colspan="8">
<img src="Bilder/Projekt_02.gif" width="553" height="58" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="Bilder/Projekt_03.gif" width="57" height="150" alt=""></td>
<td>
<img src="Bilder/Projekt_04.gif" width="58" height="17" alt=""></td>
<td rowspan="2">
<img src="Bilder/Projekt_05.gif" width="75" height="150" alt=""></td>
<td>
<img src="Bilder/Projekt_06.gif" width="101" height="17" alt=""></td>
<td rowspan="2">
<img src="Bilder/Projekt_07.gif" width="84" height="150" alt=""></td>
<td>
<img src="Bilder/Projekt_08.gif" width="112" height="17" alt=""></td>
<td colspan="2" rowspan="2">
<img src="Bilder/Projekt_09.gif" width="66" height="150" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Projekt_10.gif" width="58" height="133" alt=""></td>
<td>
<img src="Bilder/Projekt_11.gif" width="101" height="133" alt=""></td>
<td>
<img src="Bilder/Projekt_12.gif" width="112" height="133" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="Bilder/Projekt_13.gif" width="549" height="392" alt=""></td>
<td>
<img src="Bilder/Projekt_14.gif" width="4" height="392" alt=""></td>
</tr>
<tr>
<td>
<img src="Bilder/Abstandhalter.gif" width="471" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="57" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="58" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="75" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="84" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="112" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="62" height="1" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
undefined
<table id="Tabelle_01" [COLOR=Red]width="1024" height="601"[/COLOR] border="0" cellpadding="0" cellspacing="0">
Mod | Web
Bisher ist noch nichts auf der Seite...
Tutorial gemacht . So wie ich das seh, läßt sich das mit 2! Bildern realisieren, der Rest mit Hintergrundfarbe und die Navi brauchst auch nicht als Bild.
undefined
Höh?
Die Navi muss ich doch einzeln slicen...
undefined
Okay. Danke.
Aber was muss nun in den Code, damit sich das Fenster dann komplett füllt?
Mal langsam, der Abend ist noch jung :lol:
undefined
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="left"></div>
</body>
</html>
html {
padding: 0px;
margin: 0px;
height: 100%;
}
body {
background-image: url(images/stripes.jpg);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
}
#left {
margin: 0px auto 0px 0px;
background-image: url(images/links.jpg);
background-repeat: no-repeat;
width: 314px;
height: 310px;
}
Hier mal ein erster Ansatz:
html
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="left"></div> </body> </html>
css
Code:html { padding: 0px; margin: 0px; height: 100%; } body { background-image: url(images/stripes.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #000000; } #left { margin: 0px auto 0px 0px; background-image: url(images/links.jpg); background-repeat: no-repeat; width: 314px; height: 310px; }
Mal 'ne kleine Ausgangsbasis -> #left in der Größe auf dein Bild abgestimmt. Rechts gibts erstmal noch garnichts.
undefined
Aber den HTML-Code, den du da gerade mal geschrieben hast,
kann ich ja nicht für mein Teil verwenden............
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.
Nächster neuer Gratisinhalt
Statistik des Forums