Hallo Liebe Leute =)
Ich hoffe ihr könnt mir ein wenig weiterhelfen!
Ich bin gerade dabei eine website zu gestalten. Dafür habe ich vorher ein Bild angefertigt und Dann in Photoshop gesliced. Jetzt habe ich auch schon eine CSS datei für die html angefertigt.
Beide sehen nun so aus:
CSS:
Einsehbar ist das ganze auch unter:
Untitled-3
Mein Problem ist dass das ganze jenachdem ob ich es mit dem IE7 oder Firefox oder Safari öffne immer unterschiedlich dargestellt wird, obwohl ich in der CSS den standort ganz klar als "Background-position:Center;" angegeben habe.
So das war meine erste frage <3 Meine Zweite frage ist folgende:
Wie erstelle ich eine Tabelle mit Spalten unterschiedlicher höhe bzw breite,
Sodass ich zB ein geslicestes bild selbst zusammensetzen kann in einer Tabelle, da ja nicht alle Bilder gleich groß, bzw gleich breit sind.
Ich meine (umschrieben): Wenn ich eine Tabelle habe mit 1 Reihe und 3 spalten und ich will dass Spalte 1: 100px mal 200px ist, Spalte2: 300px mal 100px und Spalte 3: 200px mal 200px ist.
Ich danke euch, euere Aziris :)
Ich hoffe ihr könnt mir ein wenig weiterhelfen!
Ich bin gerade dabei eine website zu gestalten. Dafür habe ich vorher ein Bild angefertigt und Dann in Photoshop gesliced. Jetzt habe ich auch schon eine CSS datei für die html angefertigt.
Beide sehen nun so aus:
Code:
<html>
<head>
<title>Untitled-3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-3) -->
<Div id="BackgroundTop"><Div id="BackgroundMain"><table id="Table_01" width="981" height="1000" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="3" background="images/wrath_01.gif">
</td>
<td >
<img src="images/spacer.gif" width="1" height="305" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/wrath_02.gif" width="83" height="500" alt=""></td>
<td>
<img src="images/wrath_03.gif" width="814" height="170" alt=""></td>
<td rowspan="2">
<img src="images/wrath_04.gif" width="83" height="500" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="170" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/wrath_05.gif" width="814" height="549" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="330" alt=""></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>
<img src="images/spacer.gif" width="1" height="219" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/wrath_08.gif" width="980" height="236" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="236" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/wrath_09.gif" width="980" height="200" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="200" alt=""></td>
</tr>
<tr>
<td height="100">
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table></Div>
</Div>
<!-- End ImageReady Slices -->
</body>
</html>CSS:
Code:
@charset "utf-8";
/* CSS Document */
#BackgroundTop {
background-image:url(images/page_background_top.jpg);
background-color:#FFFF00;
background-position:top;
background-attachment:scroll;
background-repeat:no-repeat;
}
#BackgroundMain {
background-image:url(images/page_background.jpg);
background-position:center;
background-attachment:scroll;
background-repeat:no-repeat;
height:1100;
width:100%;
}Einsehbar ist das ganze auch unter:
Untitled-3
Mein Problem ist dass das ganze jenachdem ob ich es mit dem IE7 oder Firefox oder Safari öffne immer unterschiedlich dargestellt wird, obwohl ich in der CSS den standort ganz klar als "Background-position:Center;" angegeben habe.
So das war meine erste frage <3 Meine Zweite frage ist folgende:
Wie erstelle ich eine Tabelle mit Spalten unterschiedlicher höhe bzw breite,
Sodass ich zB ein geslicestes bild selbst zusammensetzen kann in einer Tabelle, da ja nicht alle Bilder gleich groß, bzw gleich breit sind.
Ich meine (umschrieben): Wenn ich eine Tabelle habe mit 1 Reihe und 3 spalten und ich will dass Spalte 1: 100px mal 200px ist, Spalte2: 300px mal 100px und Spalte 3: 200px mal 200px ist.
Ich danke euch, euere Aziris :)
