✔ Hilfe bei einer dynamischen Webseite

Status
Nicht offen für weitere Antworten.
A

aXept

Grünschnabel
Hallo. Ich bin recht neu in dem ganzen HTML-Bereich und der gleichen. Ich sollte für einen Freund eine Homepage anfertigen, da ich schon etwas länger mit Photoshop umgehe und auch HTML mal in der Schule hatte.

Mein Problem ist nun, ich habe ihm erst mal so ein "Coming Soon" Bild gemacht. Kennt ihr sicher. Doch bei dem Bild habe ich das problem, dass es nur in der Mitte der Seite ist und rundherum weiß ist.

Ich würde es gerne so haben, dass es sich je nach Bildschirmauflösung anpasst. Also nur die Ränder davon (die ich auch schon extra gesliced habe). Das ganze hat eine Auflösung von 1000x777 Pixel wovon jeweils 10x777 Pixel an beiden Seiten für diesen Füllungseffekt gesliced worden sind.

Meine Frage nun an euch:

Wie kann ich es coden, dass das Hauptbild in der Mitte ist und die beiden Ränder sich dann an die Auflösung anpassen. Also bis zum Rand des Explorers gehen.

Hoffe man konnte meinen Ausführungen folgen. Danke
 
Sry. nein das hat mir leider nicht weiter geholfen. Ich poste euch mal den code in der Hoffnung, dass Ihr es damit besser versteht was ich meine.

Code: 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%"><img src="Bilder/comingsoon_01.jpg" width="10" height="777" alt="Bild" /></td>
    <td width="980"><img src="Bilder/comingsoon_02.jpg" alt="Bild" width="980" height="777" align="middle" /></td>
    <td width="100%"><img src="Bilder/comingsoon_03.jpg" width="10" height="777" alt="Bild" /></td>
  </tr>
</table>
</td>
  </tr>
</table>

</center>
</body>
</html>


sicher ist dort irgendwo der Fehler drin. Ich hoffe auf eure Hilfe. Danke
 
Dann musst du eben die absoluten Breiten- und Höhenangaben der Grafikelemente in relative (%) umwandeln, damit sie auf die Skalierung des Browserfensters reagieren.

Übrigens ist im HTML-Dokument nur ein Dokumentkörper <body> zulässig, und mit der Tabellenstruktur ist da auch etwas nicht in Ordnung.

mfg Maik
 
also soll das Bild 1000x777 px gross sein oder soll es am Browserfenster angepasst werden?
Wenn letzteres, dann löse es doch so, dass du 3 div's erstellst, den einen über das ganze Fenster, den Zweiten am linken Rand und den Dritten am Rechten.
Dann kannst du die Bilder über background-image:url(); und background-repeat platzieren
Mit z-index kannst du definieren, dass der linke und der rechte div-tag über dem anderen stehen
 
Ich wäre dir sehr verbunden, wenn du mri das posten könntest, da ich, wie ich bereits sagte relativ neu in HTML sachen bin. Ich denke, dass du meinst dass ich da wo width steht ein * oder % hinmachen soll?

Bitte Hilf mir, indem du es mir postest. Wenn du das machen würdest wäre ich dir sehr dankbar.
 
das mittlere soll nru in der mitte des Browsers sein und die beiden ränder also links und rechts sollen sich der Breite des browsers anpassen. Ich würde mich sehr freuen wenn ihr mir da helfen könntet, da ich dieses mit den verscheidenen div's nicht verstehe.

Bitte postet mir die entsprechende/n Zeile/n die ich dafür benötige. Ich wäre euch sehr verbunden.
 
Dann schau dir mal das hier an:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_aXept</title>

<style type="text/css">
<!--
html,body{
margin:0;
padding:0;
}
img{
display:block;
}
-->
</style>

</head>
<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Bilder/comingsoon_01.jpg" width="100%" height="777" alt="Bild" /></td>
    <td width="980"><img src="Bilder/comingsoon_02.jpg" alt="Bild" width="980" height="777" align="middle" /></td>
    <td><img src="Bilder/comingsoon_03.jpg" width="100%" height="777" alt="Bild" /></td>
  </tr>
</table>

</body>
</html>
mfg Maik
 
Wunderbar. Ich danke dir/euch. Es hat nun funktioniert.

Vielen vielen Dank. Ich hoffe ich darf mich ruhig nochmal melden bei Problemen ;). Bis dann
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück