tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
10
ZUGRIFFE
197
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 19.09.08 13:07 #1
    aXept aXept ist offline Rookie
    Registriert seit
    Sep 2008
    Beiträge
    5
    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
     
  2. 19.09.08 13:09 #2
    Maik Tutorials.de Gastzugang
    Hi,

    möglicherweise hilft dir hier Stu Nicholls' Demo 100% wide/high 'background' image emulation weiter.

    mfg Maik
     
  3. 19.09.08 13:38 #3
    aXept aXept ist offline Rookie
    Registriert seit
    Sep 2008
    Beiträge
    5
    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 :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

    <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
     
  4. 19.09.08 13:41 #4
    Maik Tutorials.de Gastzugang
    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
     
  5. 19.09.08 13:45 #5
    angelozehr angelozehr ist offline Mitglied Bronze
    Registriert seit
    Nov 2007
    Beiträge
    42
    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
     
  6. 19.09.08 13:47 #6
    aXept aXept ist offline Rookie
    Registriert seit
    Sep 2008
    Beiträge
    5
    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.
     
  7. 19.09.08 13:50 #7
    Maik Tutorials.de Gastzugang
    Sollen sich alle drei Grafikelemente der Fenstergröße anpassen?

    mfg Maik
     
  8. 19.09.08 13:56 #8
    aXept aXept ist offline Rookie
    Registriert seit
    Sep 2008
    Beiträge
    5
    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.
     
  9. 19.09.08 14:04 #9
    Maik Tutorials.de Gastzugang
    Dann schau dir mal das hier an:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

    <!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
     
  10. 19.09.08 14:16 #10
    aXept aXept ist offline Rookie
    Registriert seit
    Sep 2008
    Beiträge
    5
    Wunderbar. Ich danke dir/euch. Es hat nun funktioniert.

    Vielen vielen Dank. Ich hoffe ich darf mich ruhig nochmal melden bei Problemen . Bis dann
     
  11. 19.09.08 14:17 #11
    Maik Tutorials.de Gastzugang
    Zitat Zitat von aXept Beitrag anzeigen
    Wunderbar. Ich danke dir/euch. Es hat nun funktioniert.

    Vielen vielen Dank. Ich hoffe ich darf mich ruhig nochmal melden bei Problemen . Bis dann
    Gern geschehen, und immer wieder gerne

    mfg Maik
     
« IE zeigt nichts an | Text in Tabellen mit <pre> formatieren »

Ähnliche Themen

  1. Aufbau einer dynamischen Liste
    Von evolem im Forum C/C++
    Antworten: 0
    Letzter Beitrag: 11.06.07, 12:09
  2. Hilfe bei Dynamischen Drop Down
    Von evoleena im Forum PHP
    Antworten: 1
    Letzter Beitrag: 12.04.07, 00:03
  3. Hilfe bei einer Dynamischen Navigation gesucht.
    Von messmar im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 04.05.05, 20:07
  4. Brauche hilfe bei erstellen einer dynamischen Tabelle in JAvascript
    Von X9kl3m2 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 22.06.04, 19:37