[HTML] Website zentrieren

M.o.D · 8. September 2004

Hi,

ich habe hier meine website ( http://eddy-4u.de/buqs/site2.htm )

ich habe aber das problem, dass es je nach auflösung sich wiederholt und dass will ich nciht..

wie kann ich machen, dass die immer zentriert oben ist? (wie z.b. www.workers-hall.de )

habe nicht soviel ahnung von html.. mache das eigentlcih sogut wie immer mit dreamweaver

vielen dank schonmal

mfg

chr1stoph · 8. September 2004

Einfach ne Tabelle erstellen.
mit cellpadding=0 oder cellspacing=0, keine Ahnung, welches jetz dafür verantworlich ist.
Jedenfalls ist dann der Tabelleninhalt immer am äußersten Rand.

Dann nimmst du dein Bild und unterteilst es in mehrere kleine Bilder, die du dann in die Tabelle packst.

-=TeuTaTes=- · 8. September 2004

sende mir die ganzen daten mal!!

ich schau mal was ich machen kann!

trancemaster2k · 8. September 2004

Ist ja nur das Hintergrundbild, das sich mit der Auflösung wiederholt.
Änder mal folgendes um:

<body ..... background="pix/images/layout.jpg" .....>

wird zu:

<body ..... style="background-image:url(pix/images/layout.jpg); background-attachment:fixed;" .....>

mit "....." meine ich die anderen Angaben die in der Zeile stehen;
die brauchst Du natürlich nicht ändern.

Loopo · 8. September 2004

so würde ich es aber nicht machen, da links und rechts dann nur irgendeine Farbe aber kein Verlauf ist

gib dem <body> ein Verlaufshintergrundbild ohne sonst was oben
dann mach ein <div style="text-align: center; background-image:url(pix/images/layout.jpg);"> wo du alles reinhaust (und mit </div> natürlich wieder zu machen

)

im Prinzip ungefähr so, ob's funktioniert oder noch nach deinen Bedürfnissen abgewändert muss, sieht man dann - will hier nicht deinen ganzen Code jetzt durchforsten

außerdem solltest du deiner HP einen Titel geben <title>meine HP</title>

M.o.D · 8. September 2004

das mit dem titel kommt noch^^ is nur n prototyp sozusagen

was ich eigentlich will is nich das hintergrundbild zentrieren, sondern die ganze seite zu zentrieren.. denn wenn nurs hintergrundbild zentriert is sind die buttons und der lauftext und alles andere was da reinkommt nicht mehr so richtig im hintergrund sondern bleiben links oben inner ecke...

ich dacht irgendwie das geht z.b. indem man frames erstellt und die website dann im frame inner mitte oben einfügt. dann müsste dieses frame eine bestimmte auflösung haben und die anderen frames sollten dann eine relative auflösung haben..

oder eine tabelle.. dann müsste das mit der auflösung ähnlich wie bei der sache mit den frames sein..

is sowas möglich?

PS: Ich les mir grade selfHTML durch.. ich kann so eigentlich nur den grundaufbau, textformatierung und bilder einfügen..

Loopo · 8. September 2004

durch meine Beschreibung wird ja alles zentriert

M.o.D · 8. September 2004

hab ich eingefügt, aber hat nix gebracht..

als ich im <body> alles ausser den hintergrund entfernt hab ging aufeinmal der lauftext nit merh?? hab grad wieder den body wiederhergestellt.. und deins is drinn, funzt aber net

trotzdem vielen dank

Loopo · 8. September 2004

soll ja so aussehen:

HTML:

<body style="style="background-image:url(pix/images/hintergrund.jpg);>
  <div style="text-align: center;">
     Dein Inhalt (vom <body>)
  </div>
</body>

also eigentlich kommen zwischen Inhalt und <body> nur vorne und hinten ne Zeile dran

M.o.D · 8. September 2004

hab ich jetz so gemacht klappt aber irgendwie immer noch nich..

Raechaer · 8. September 2004

Ich habe deine Seite mal ein bisschen umgeschrieben damit sie standardkonform(er) ist. Ich hoffe das ist so wie du's dir vorgestellt hast. Kann allerdings sein, dass der Pfad zu den Bildern nicht richtig ist, aber das kannst du ja leicht anpassen.
Es wäre natürlich auch sinnvoll das Javascript und die Styles in externe Dateien auszulagern, ich hab's nur der Übersicht wegen in eine Datei gepackt.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='de' >
 <head>
  <title>Titel</title>
  <script type="text/javascript">
   // <![CDATA[
   <!--
   var msg = "Angebot: Roller für 500€ - Event am 15.10.   BIKE & QUAD - SHOP GELSENKIRCHEN ---DIES Ist ein Lauftext- Es kann noch mehr hinzugefügt werden...bla bla bla";
   function startScroller()
   {
    document.getElementById('scrolling_message').value = msg;
    msg = msg.substring(1, msg.length) + msg.substring(0, 1);
    setTimeout("startScroller()", 150);
   }
   //-->
   // ]]>
  </script>

  <style type="text/css">
   #home {display:block; background-image:url(pix/images/home1.jpg); width:108px; height:23px }
   #home:hover {background-image:url(pix/images/home2.jpg);}
   #quads {display:block; background-image:url(pix/images/quads1.jpg); width:108px; height:23px }
   #quads:hover {background-image:url(pix/images/quads2.jpg);}
   #roller {display:block; background-image:url(pix/images/roller1.jpg); width:108px; height:23px }
   #roller:hover {background-image:url(pix/images/roller2.jpg);}
   #fahrrad {display:block; background-image:url(pix/images/fahrrad1.jpg); width:108px; height:23px }
   #fahrrad:hover {background-image:url(pix/images/fahrrad2.jpg);}
   #verleih {display:block; background-image:url(pix/images/verleih1.jpg); width:108px; height:23px }
   #verleih:hover {background-image:url(pix/images/verleih2.jpg);}
   #gb {display:block; background-image:url(pix/images/gb1.jpg); width:108px; height:23px }
   #gb:hover {background-image:url(pix/images/gb2.jpg);}
   #imp {display:block; background-image:url(pix/images/impressum1.jpg); width:108px; height:23px }
   #imp:hover {background-image:url(pix/images/impressum2.jpg);}
   
   #menu {position: relative; left: 24px; top: 129px; width: 92px; height: 161px;}
   #main {background-image:url(pix/images/layout.jpg); margin-left:auto; margin-right:auto; width:1010px; height:664px;}
   #content {position: relative; left: 140px; top: -35px; width: 850px; height: 440px;}
   #scroller {position: relative; left: 120px; top: 10px; width: 724px; height: 63px;}
  </style>
    
 </head>
 <body onload='startScroller()'>
  <div id='main'>
   <div id="menu"> 
    <a href="http://eddy-4u.de/buqs/site2.htm" id='home'></a>
    <a href="http://eddy-4u.de/buqs/quads" id='quads'></a>
    <a href="http://eddy-4u.de/buqs/roller.htm" id='roller'></a>
    <a href="http://eddy-4u.de/buqs/fahrrad.htm" id='fahrrad'></a>
    <a href="http://eddy-4u.de/buqs/verleih.htm" id='verleih'></a>
    <a href="http://eddy-4u.de/buqs/gb.htm" id='gb'></a>
    <a href="http://eddy-4u.de/buqs/impressum.htm" id='imp'></a>
   </div>
   <div id='content'>
    Hier kommt der Inhalt rein...
   </div>
   <div id="scroller"> 
    <form action=''>
     <p>
      <input id="scrolling_message" value="" size="138" type="text" />
     </p>
    </form>
   </div>
  </div>
 </body>
</html>

</Life> · 9. September 2004

Raechaer schrieb:
Ich habe deine Seite mal ein bisschen umgeschrieben damit sie standardkonform(er) ist.

Müssten die CSS-Angaben dann nicht eigentlich auch als Character Data markiert werden?!

Raechaer · 9. September 2004

</Life> schrieb:
Müssten die CSS-Angaben dann nicht eigentlich auch als Character Data markiert werden?!

Müssen sie nicht, denn in den Styles steht ja nichts womit ein XML-Parser Probleme haben könnte (im Gegensatz zu dem String im script), und da ich die Markierung doch eher unschön finde hab ich sie weggelassen.

Suche

[HTML] Website zentrieren

M.o.D

Lt. Commander

chr1stoph

Ensign

-=TeuTaTes=-

Gast

trancemaster2k

Lieutenant

Loopo

Admiral

M.o.D

Lt. Commander

Loopo

Admiral

M.o.D

Lt. Commander

Loopo

Admiral

M.o.D

Lt. Commander

Raechaer

Lt. Junior Grade

</Life>

Lt. Junior Grade

Raechaer

Lt. Junior Grade

Ähnliche Themen