• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Webseite zu lang

Siroj

Neues Mitglied
Hallo :-o


Ich habe mich extra hier angemeldet weil ich Hilfe brauche bei einer Webseite.

Wir haben gerade ein Ökonomieprojekt, da sollen wir eine Firma mit allen Zipp und Zapp erfinden, ich bin für die Webseite zuständig, ich habe nicht wirklich viel Ahnung davon, deswegen habe ich mir eine gratis Webseite gedownloadet und versucht unserer Firma anzupassen, ich komme damit etwas klar, aber ich kriege es nicht hin die komplette Webseite kürzer zu machen, man muss immer noch zu viel scrollen (auch wenn dort kein Inhalt steht.)

Habe es schon in HTML selber gesucht und in der Config-Datei, aber wenn ich dort etwas verändere tut sich nichts.

Kann jemand von euch die Webseite verkürzen und mir sagen wie er es gemacht hat? Oder kann sich jemand die Dateien anschauen und sagen was ich zu tun habe?



P.S: Die Inhaltsseite soll kurz hinter dem letzten Absatz aufhören, also hinter "Auflösung ab 1024 x 768."

So das nur die weiße Fläche gekürzt wird , die Adresse unten und "Kontakte, Impressum usw." auch noch bestehen bleibt.


MFG



Hier ist die Webseite als RAR Archiv hochgeladen:

kostenlos Dateien hochladen bei File Upload X
 
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!-- Hinweis:
Das Anbieten dieser Vorlage auf einer Webseite, CD, DVD oder anderen Bild/Tonträgern ist untersagt.
Nutzen dürfen Sie diese Vorlage aber auf einer Webseite wie folgt:
Die Vorlage kann privat (kostenlos) und kommerziell/gewerblich (gegen Bezahlung) für Sie selbst oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
</head>
<body     >
<div align="center">
<table align="center" id="main_top"   cellspacing="0" cellpadding="0" border="0" >
<tr>
<td>
<table  align="center"  cellspacing="0" cellpadding="0" border="0"   >
<tr>
 <td id="top">
<!-- menü GANZ oben-->
<table align="left"      id="menu"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td  ><a href="index.html"  >Mail</a></td><td class="trenn2" >|</td>
<td ><a href="index.html"  >Kontakt</a></td><td class="trenn2">|</td>
<td ><a href="index.html"  >Impressum</a></td><td class="trenn2">|</td>
<td ><a href="index.html"  >Nutzung</a></td>
</tr>
</table>
<!-- ende menü GANZ oben-->
</td>
</tr>
<tr>
<td  id="top1">
<table  align="center"  cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td  valign="middle"  >
<span id="hpname">fun at the beach</span>
<br>
<span id="slogan"> Your Slogan here ...</span></td><td align="left" valign="middle"  >
&nbsp;</td>
</tr>
</table >
</td>
</tr>
<tr>
<td  id="top2">
<table width="910" align="center"   id="menuhorizontal"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td width="16%"  ><a href="index.html"  >Home</a></td>
<td  class="trenn">|</td>
<td width="16%"><a href="index.html"  >Kontakt</a></td>
<td class="trenn">|</td>
<td width="16%"><a href="index.html"  >Anfahrt</a></td>
<td  class="trenn">|</td>
<td width="16%"><a href="index.html"  >Partner</a></td>
<td  class="trenn">|</td>
<td width="16%"><a href="index.html"  >Impressum</a></td>
<td  class="trenn">|</td>
<td width="16%"><a href="index.html"  >&Uuml;ber uns</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table   align="center"  id="main_inhalt"     border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td  valign="top"    align="center" >
<table    id="inhalt"    border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"  id="sp1">
</td>
<!-- ende inhalt-->
<td  id="sp2" valign="top"     >
<img src="images/pixelspace.gif" width="260" height="1" border="0" alt="">
<!--BOX 1-->
<br>
<div class="box1" >
<h3 class="boxheader"><b style="background-color:#2868A2 ;color:fff;padding-left:2px;padding-right:4px">»</b>&nbsp;Spruch. Zitat. Welcome.  </h3>
<b style="color:#307CC2;">»</b> Ut accumsan scelerisque felis. Proin at mauris vel tortor lacinia volutpat. Quisque vehicula metus a massa. Curabitur ut dolor nec nunc tempus sagittis.
<b style="color:#307CC2;">«</b>
<br>
<br>
</div>
<!--ende BOX 1-->
<!--BOX 2-->
<div class="box2">
<div id="menu2">
<h3 class="boxheader"><b style="background-color:#2868A2 ;color:fff;padding-left:2px;padding-right:4px">»</b>&nbsp;Navigation. Extern. </h3>
<ul  >
<li><a href="index.html"  >Partner 1</a></li>
<li><a href="index.html"  >Partner 2</a></li>
<li><a href="index.html"  >Partner 3</a></li>
<li><a href="index.html"  >Sponsor 1</a></li>
<li><a href="index.html"  >Sponsor 2</a></li>
<li><a href="index.html"  >Weitere Links</a></li>
</ul>
</div>
</div>
<!--ende BOX 2-->
<br>
<!-- BOX 3-->
<div class="box3">
<h3 class="boxheader"><b style="background-color:#2868A2 ;color:fff;padding-left:2px;padding-right:4px">»</b>&nbsp;News.</h3>
<b style="color:#000">Yesterday.</b><br>
Vestibulum velit nunc, hendrerit ac, semper id, lobortis sit amet, velit. In a nunc.<span  id="menubox"><img src="images/arrow.gif" width="9" height="10" border="0" alt=""><a href="#"  >&nbsp;Weiter</a></span>
<br>
<br>
<b style="color:#000">Today.</b><br>
Vivamus varius justo. Nunc pretium congue massa. In placerat.                                <span  id="menubox"><img src="images/arrow.gif" width="9" height="10" border="0" alt=""><a href="#"  >&nbsp;Weiter</a></span>
<br>
<br>
<b style="color:#000">Next Day.</b><br>
Nam eros sem, fermentum in, tincidunt sit amet, fringilla vitae, risus.                      <span  id="menubox"><img src="images/arrow.gif" width="9" height="10" border="0" alt=""><a href="#"  >&nbsp;Weiter</a></span>
<br>
<br>
</div>
<!--ende BOX 3-->
<br>
<!--BOX 4-->
<div class="box4">
<h3 class="boxheader"><b style="background-color:#2868A2 ;color:fff;padding-left:2px;padding-right:4px">»</b>&nbsp;Example.</h3>
<!-- zitat mit schatten -->
<div class="shadow5">
<div class="shadow4">
<div class="shadow3">
<div class="shadow2">
<div class="shadow">
<img src="images/foto1.jpg" width="180" height="135" border="0" alt="" style="border:solid 4px #fff;">
 </div></div></div></div></div>
<br>
Foto 1: An der Nordsee.<br>
 Hier erfolgt der Schatten ohne Grafik und legt sich automatisch auch um Ihr Bild.
</div>
<!--ende BOX 4-->
<!-- ende inhalt--></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- fuss-->
<table id="main_fuss"   border="0" cellpadding="0" cellspacing="0" >
<tr>
<td id="fuss">
Max Muster GmbH&nbsp;&nbsp;•&nbsp;&nbsp;Spezialstrasse 55&nbsp;&nbsp;•&nbsp;&nbsp;55234 Sampletown
</td>
</tr>
<tr>
<td  id="fuss2">
<!-- menü GANZ unten-->
<table align="center"      id="menu"  border="0" cellpadding="0" cellspacing="0"    >
<tr>
<td  ><a href="index.html"  >Mail</a></td><td class="trenn2" >|</td>
<td ><a href="index.html"  >Kontakt</a></td><td class="trenn2">|</td>
<td ><a href="index.html"  >Impressum</a></td><td class="trenn2">|</td>
<td ><a href="index.html"  >Nutzung</a></td>
</tr>
</table>
<!-- ende menü GANZ oben-->
</td>
</tr>
</table>
<!-- ende fuss-->
</div>
</body>
</html>

Das ist der HTML Code der Seite ohne Maincontent. Du musst immer die Dateien mit der Endung .htm oder .html mit dem normalen Windows Editor bearbeiten. Wenn du es nicht schaffst dir HTML und CSS anzueignen, musst du auf einen WYSIWIG-Editor woe Frontpage oder Dreamwaver oder einen Homepagebaukasten umsteigen.
Man muss auch dazu sagen, dass die Seite sehr umständlich geschrieben ist.
Welches Projekt ist das denn genau? Juniorprojekt?

Gruß Corvulus
 
Hi, ja ich habe die Seiten mit dem Windows Editor bearbeitet, aber meine Webseite ist die Index2, der Quellcode dort ist von Index1, habe mit dem Editor alles ausprobiert aber nicht hinbekommen die weiße leere Fläche wegzubekommen.

Ich werde mal nach einen WYSIWIG-Editor schauen.
 
Okay, viel Erfolg. Wenn du Hilfe brauchst kannst mich auch einfach mal anschreiben oder postest die Frage hier wieder. ;-)
 
Danke, ich habe es jetzt mit einen WYSIWYG Editor versucht, aber selbst mit dem bekomme ich es nicht hin, ich sehe zwar Linien usw. dachte ich kann die jetzt einfach nach oben ziehen und es wird automatisch angepasst, aber die ist fest, ich kann daran nichts verändern.

Kann mir jemand erklären wie das jetzt genau geht? Diese weiße Fläche muss man doch verkürzen/ausschneiden können. :shock:
 
Ein Online-Bekannter hat es gerichtet, irgendwelche Tabellen hatten eine zu große feste Pixelgröße, denke der Thread kann geschlossen werden, Danke an alle. :)
 
Zurück
Oben