Ergebnis 1 bis 4 von 4

Thema: hompage mittig

  1. #1
    HTML Newbie
    Registriert seit
    18.01.2012
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard hompage mittig

    hallo
    hallo
    Habe eine Hompage erstellt mit expression Web 4. Ich möchte gerne das die Hompage auf jeder Bildschirmgröße immer in der Mitte sitzt. Das funktioniert ja auch soweit auf 19 und 22 zoll bildschirmen ist alles ok webseite mittig. Aber mein problem ist es funktioniert nicht auf kleineren Bildschirmen. Hauptsächlich zentriert sich das Hintergrundbild nicht.
    Wäre dankbar wenn sich jemand den code mal ansehen könnte.
    vielen dank für eure Bemühungen im vorraus.

    P.s. nicht schimpfen ich weiss es der code ist nicht der beste von expression Web

    </html><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html lang="de">
    <head>
    <meta content="de" http-equiv="Content-Language">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta http-equiv="imagetoolbar" content="no">

    <title>Duhnen</title>

    <script src="zoom_x.js" type="text/javascript"></script>

    <script type="text/javascript">
    // default settings (optional):
    Zoom.BorderColor = 'black';
    Zoom.BorderWidth = 1;
    Zoom.TimeSpan = 500;
    Zoom.TimerInterval = 40; // 40 ms = 25 fps (frames per second)
    Zoom.HideSmall = false; // to hide small image during zoom
    Zoom.HAlign = 'ToCenter'; // 'Left', 'Center', 'Right'
    Zoom.VAlign = 'ToMiddle'; // 'Top', 'Middle', 'Bottom'
    Zoom.HMargin = 0;
    Zoom.VMargin = 0;

    ZoomInit();
    // ZoomDebug()
    </script>

    <style type="text/css">
    a {
    color: #990033;
    }
    a:visited {
    color: #990033;
    }
    a:active {
    color: #990033;
    }
    a:hover {
    color: #990033;
    }
    .auto-style3 {
    border-width: 0;
    background-color: #FFFFFF;
    color: #990033;
    }
    .auto-style4 {
    border: 5px solid #990033;
    }
    .auto-style5 {
    font-size: larger;
    font-weight: bold;
    border-left-color: #ACA899;
    border-left-width: 6px;
    border-right-color: #C0C0C0;
    border-right-width: 6px;
    border-top-color: #ACA899;
    border-top-width: 6px;
    border-bottom-color: #C0C0C0;
    border-bottom-width: 6px;
    padding: 1px;
    background-color: #FFFFFF;
    }
    .auto-style6 {
    font-size: larger;
    font-weight: bold;
    }
    .auto-style7 {
    border: 5px solid #990033;
    background-color: #FFFFFF;
    }
    .auto-style8 {
    font-size: larger;
    color: #990033;
    font-weight: bold;
    }
    .auto-style9 {
    color: #990033;
    }
    .auto-style10 {
    text-decoration: underline;
    }
    </style>

    </head>
    <body style="width: 1510px; height: 805px; background-image: url('Terrassenhaus_Flyer[1]aaaaa.jpg'); background-repeat:no-repeat; background-position: center">


    <div id="Ebene5" style="position: absolute; width: 1080px; height: 180px; z-index: 3; left: 430px; top: 220px">
    <table class="auto-style4" style="width: 100%" align="center">

    <tr>
    <td class="auto-style3" style="height: 79px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    Vermietung&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; von&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    Ferienwohnungen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;
    Manuel Djurka<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span class="auto-style5">&nbsp;<a href="index.htm">Home </a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span class="auto-style5"><a href="terrassenhaus.htm">Terrassenhaus</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span class="auto-style5"><a href="seite38.html">Wohnungen</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;
    <span class="auto-style6"><a href="seite34.htm">Duhnen</a> </span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span class="auto-style5">
    <a href="http://52534002.de.strato-hosting.eu/cgi-bin/formmanager.php.cgi?action=ext_preview&amp;fid=4">
    Kontakt</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp ;&nbsp;&nbsp;&nbsp;
    <span class="auto-style5">&nbsp;<a href="seite17.htm">Impressum</a></span></td>
    </tr>
    </table>
    </div>

    <div id="Ebene6" style="position: absolute; width: 1080px; height: 500px; z-index: 4; left: 430px; top: 300px">
    <table class="auto-style7" style="width: 100%; height: 480" cellpadding="0" cellspacing="0" align="center">
    <tr>
    <td style="height: 485px"></td>
    </tr>
    </table>
    </div>

    <p style="width: 50px"> &nbsp;<p>
    <a href="javascript:ZoomIn( 'zoomID2', 'bild47bb.JPG' )">
    <img id="zoomID2" src="bild47bbb.JPG" width="120" height="160" alt="Bild vergrössern" border="0" style="z-index: 5; position: absolute; top: 500px; left: 1120px; bottom: 158px; right: 262px;"></a>

    <p> <a href="javascript:ZoomIn( 'zoomID4', 'bild47dd.JPG' )">
    <img id="zoomID4" src="bild47ddd.JPG" width="160" height="120" alt="Bild vergrössern" border="0" style="z-index: 4; position: absolute; top: 340px; left: 1100px"></a></p>

    <p> <a href="javascript:ZoomIn( 'zoomID3', 'bild47cc.JPG' )">
    <img id="zoomID3" src="bild47ccc.JPG" width="160" height="120" alt="Bild vergrössern" border="0" style="z-index: 4; position: absolute; top: 340px; left: 900px; right: 442px;"></a>

    <p>

    <p> &nbsp;<p> <a href="javascript:ZoomIn( 'zoomID6', 'bild47ee.JPG' )">
    <img id="zoomID6" src="bild47eee.JPG" width="160" height="120" alt="Bild vergrössern" border="0" style="z-index: 4; position: absolute; top: 340px; left: 1300px"></a>

    <div id="Ebene7" style="position: absolute; width: 420px; height: 440px; z-index: 6; left: 460px; top: 320px">
    <span class="auto-style8">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span class="auto-style10">Appartement 47</span></span><br><br>
    <span class="auto-style9">&bull; 1- Raumappartement 31qm</span><br>
    <span class="auto-style9">&bull; 4. Etage mit Westbalkon</span><br>
    <span class="auto-style9">&bull; 2- 3 Personen</span><br>
    <span class="auto-style9">&bull; Wohnschlafraum mit Doppelschrankbett,
    ausziehbaren Sofa und</span><br>&nbsp; <span class="auto-style9">&nbsp;integrierter
    Küche</span><br><span class="auto-style9">&bull; Badezimmer mit Badewanne</span><br>
    <span class="auto-style9">&bull; Parkmöglichkeit- Außengarage</span><br><br>
    <span class="auto-style9">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span class="auto-style10">Ausstattung</span></span><br><br>
    <span class="auto-style9">&bull; TV, Radio, CD-Player</span><br>
    <span class="auto-style9">&bull; Kaffeemaschine, Herd, Wasserkocher, Toaster</span><br>
    <span class="auto-style9">&bull; Fön</span><br><br>
    <span class="auto-style9">&bull; Nichtraucher und keine Haustiere</span><br>
    <br><span class="auto-style9">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span class="auto-style10">Preise</span></span><br><br>
    <span class="auto-style9">&bull; 40- 60 Euro</span></div>

    <p> &nbsp;<p> <a href="javascript:ZoomIn( 'zoomID8', 'bild47gg.JPG' )">
    <img id="zoomID8" src="bild47ggg.JPG" width="120" height="160" alt="Bild vergrössern" border="0" style="z-index: 4; position: absolute; top: 500px; left: 920px; right: 462px;"></a>

    <p> &nbsp;<p> &nbsp;<p> &nbsp;<p> &nbsp;</p>

    <a href="javascript:ZoomIn( 'zoomID1', 'bild47aa.JPG' )">
    <img id="zoomID1" src="bild47aaa.JPG" width="120" height="160" alt="Bild vergrössern" border="0" style="z-index: 4; position: absolute; top: 500px; left: 1320px"></a>

    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: hompage mittig

    Deine &nbsp;-Orgien sind nicht dein Ernst, oder?

    Mittig geht z.B.so:

    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" xml:lang="en">
    <head>
    <style type="text/css">
    <!--
    body 
    {
      margin-top : 10px;
      margin-bottom : 10px;
      background-color: #2222f8;
    }
    .main 
    {
      width : 1000px;
      margin : 0 auto;
      background-color: rgb(204,204,255);
    }
    .content 
    {
      width: 100%;
      background-color : rgb(198,198,198);
      padding: 5px;
    }
    -->
    </style>
    </head>
    <body>
    <div class="main">
     <div class="content">
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
        sed diam nonumy eirmod tempor invidunt ut labore et dolore 
        magna aliquyam erat, sed diam voluptua. At vero eos et 
        accusam et justo duo dolores et ea rebum. Stet clita kasd 
        gubergren, no sea takimata sanctus est Lorem ipsum dolor 
        sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing 
        elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
        dolore magna aliquyam erat, sed diam voluptua. At vero eos
        et accusam et justo duo dolores et ea rebum. Stet clita 
        kasd gubergren, no sea takimata sanctus est Lorem ipsum 
        dolor sit amet.
      </div>
    </div>
    </body>
    </html>

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    18.01.2012
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: hompage mittig

    Zitat Zitat von Bandit Beitrag anzeigen
    Deine &nbsp;-Orgien sind nicht dein Ernst, oder?

    Mittig geht z.B.so:

    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" xml:lang="en">
    <head>
    <style type="text/css">
    <!--
    body 
    {
      margin-top : 10px;
      margin-bottom : 10px;
      background-color: #2222f8;
    }
    .main 
    {
      width : 1000px;
      margin : 0 auto;
      background-color: rgb(204,204,255);
    }
    .content 
    {
      width: 100%;
      background-color : rgb(198,198,198);
      padding: 5px;
    }
    -->
    </style>
    </head>
    <body>
    <div class="main">
     <div class="content">
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
        sed diam nonumy eirmod tempor invidunt ut labore et dolore 
        magna aliquyam erat, sed diam voluptua. At vero eos et 
        accusam et justo duo dolores et ea rebum. Stet clita kasd 
        gubergren, no sea takimata sanctus est Lorem ipsum dolor 
        sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing 
        elitr, sed diam nonumy eirmod tempor invidunt ut labore et 
        dolore magna aliquyam erat, sed diam voluptua. At vero eos
        et accusam et justo duo dolores et ea rebum. Stet clita 
        kasd gubergren, no sea takimata sanctus est Lorem ipsum 
        dolor sit amet.
      </div>
    </div>
    </body>
    </html>


    hallo
    diese orgien schreibt expression web 4 , arbeite dran,
    danke für deine antwort

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    18.01.2012
    Beiträge
    8
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: hompage mittig

    hallo
    diese orgien schreibt expression web 4 , arbeite dran,
    danke für deine antwort

Ähnliche Themen

  1. Bild mittig in div ausrichten
    Von Kämpfer im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 15.11.2009, 17:20
  2. Menü mittig setzten
    Von ludgerf321 im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.11.2007, 22:41
  3. Tabelle mittig positionieren
    Von nhl-hockey-king im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.04.2007, 16:12
  4. [HTML] Page Mittig
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 30.11.2005, 15:14
  5. Mittig im Frame
    Von Lollana im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.05.2005, 22:08

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •