Hallo,
Ich habe ein Homepage Vorlage aus dem Internet geladen und bekomme dort etwas nicht hin.
Die Hauptseite ist nun 700px breit.
Möchte Sie aber auf ca. 1080px haben.
Ich hab hier mal den Quelltext von der index:
ZitatAlles anzeigen<!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 / http://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 http://www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->
<link rel="stylesheet" href="format.css" type="text/css">
</head>
<body >
<table width="728" align="center" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="right" class="li" > </td><td ><!--ende aussentab-->
<table align="center" width="700" cellspacing="0" cellpadding="0" border="0" id="top" >
<tr>
<td valign="top" ><span id="hpname"> Name der Homepage </span></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td width="100%" valign="bottom" class="buleiste" ><!--menü oben-->
<table id="menu2" width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="14%" ><a href="index.html" onfocus="this.blur()">Kontakt</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Home</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Preise</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Impressum</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Shop</a></td>
<td width="14%"><a href="index.html" onfocus="this.blur()">Angebote</a></td>
</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
</table>
<!--ende oben-->
<table align="center" width="700" id="main" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" id="sp1">
<h2>Layout.</h2>
Dieses Design heisst " <i><b>l´arbre - der Baum - the tree</b></i>".<br>
Ein wundervoller, mächtiger, standhafter Baum zeigt sich uns hier. Mit weitreichenden Ästen, älter als ein Menschenleben, die sicherlich einem womöglich aufkommendes Gewitter leicht trotzen können. Sowohl die Ränder als auch der Inhaltsbereich werden hier sanft von Hellblau in ein Weiss ausgeblendet, welches das Design offen, leicht und luftig erscheinen lässt.
<br>
<br>
<br>
<h2>Technik.</h2>
Seite ohne Frames.<br>
<br>
Wie üblich mit ausgelagerter CSS-Datei. Platz für <a href="#">Fusszeile</a> unten sowie oben der <a href="#">Homepagename</a> als einfacher Text einzutragen.
<i>Anlegen von Links bzw. HTML-Seiten</i> wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>Navigation.</h2>
Textlinks. Dies ist ein Prozent-Menü mit gleicher Breite pro Link.<br>
<br>
Die Beispiel-Textlinks sind durch Ihre Links zu ersetzen.
<br><br>
Das Haupt-Menü oben ist angepasst in Prozent an die Grafik mit der Breite von 700 Pixel.
Für das Menü heisst das: 700 Pixel = 100 %.<br>
Innerhalb dieser festen Breitenangabe ist das Menü also flexibel für Sie angelegt. Im Moment sehen Sie also 7 Links mit der selben Breite je Link. Ein Link hat hier 14% (denn 7 x 14 = fast 100%)
Somit können Sie auch für 6 Buttons einen Prozentwert von 16% oder für 5 Buttons eine Prozentwert von 20% wählen. (Sie teilen also immer 100 durch die Anzahl der Buttons und runden nach unten ab).
<br>
<br>
Sie müssen sich nach Ihrem längsten Link richten (hier im Beispiel: Gästebuch), man kann es so sagen: Je länger der längste Link, desto weniger Buttons sind möglich.<br>
<br>
Sehen Sie <a href="index2.html"><b>hier</b></a> (index2.html) ein Beipiel für Sie bereits angelegt mit <b>8 Buttons</b>.
<br><br> Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link:
<a href="#" >Beispiel-Link</a>
<br>
<br>
<br>
<!-- ende inhalt--></td>
</tr>
<tr>
<td id="fussb" width="100%">
<img src="images/pixelspace.gif" width="660" height="1" border="0" alt="" style="background-color:e6e6e6;margin-bottom:2px"><br>
| http://www.ihre-webseiten-url.de |</td>
</tr>
</table>
<td class="re"> </td><!-- aussentab-->
</tr>
</table>
</body>
</html>
Und hier die Format für CSS
ZitatAlles anzeigen
body
{margin-top: 0px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px; background-color: #fff;
background-image:url(images/bg.jpg);background-repeat:repeat-x}
table,td {font-size: 100%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#000;
}
h2{ font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#000;
margin-bottom:20px;letter-spacing:10px;font-size: 125%;
border-bottom:solid 0px #746b64;
padding-bottom:4px;
}
.li {
width:14px;
background-image:url(images/ra1.jpg);
background-repeat:repeat-x;
vertical-align:top
}
.re {
width:14px;
background-image:url(images/ra2.jpg);
background-repeat:repeat-x;
}
/* hauptgerüst */
#main {
border-right:solid 0px #000;border-left:solid 0px #000;
}
#top {background-image:url(images/baum.jpg);
height:200px;
border-right:solid 0px #000;border-left:solid 0px #000;
color:#2A3C22;
}
#hpname {padding-left:0px;padding-top:10px;padding-bottom:10px;text-align:left;color:#f1f4fb;
letter-spacing:1px;font-size:14px;
}
/* menue oben */
.buleiste {
background-color:#000;
-moz-opacity: 0.50;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: 0.50;
height:36px;
}
#menu2 a, #menu2 a:visited , #menu2 a:active {display: block;
color:#fff;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
padding-left: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;
border-top:solid 1px #fff;
line-height:36px;
text-align:center;
}
#menu2 a:hover {background-color:#fff;color:#000; text-decoration:none ;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;
border-top:solid 1px #fff;
-moz-opacity: 0.80;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity: 0.80;
font-style:italic;
}
#sp1 {text-align:justify; padding-left: 30px;padding-right:30px;padding-top: 40px;padding-bottom: 30px;
background-color:#;width:100%;height:700px
}
#fussb {font: normal 12px verdana, sans-serif; color: #000;
height:36px;
text-align:center;
background-color: # ;
}
/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #737b66; scrollbar-base-color: #F5F8F3;
scrollbar-highlight-color : #737b66; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}
/* menue */
#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#;
text-decoration:none ;
text-align:center;
font-size: 89%;line-height: 180%;
font-family: "Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;color:#7B917C;
width:160px;
}
#menu1 a:hover{
background-color:#A5ADAA;
color:#fff;
text-decoration:none ;
}
/* allgemeine links im text */
a:link, a:visited, a:active{ font-size: 98%;
font-family: arial, helvetica, verdana, tahoma, sans-serif;color:#000;
}
a:hover{ text-decoration:underline;background-color:#bfd5fc;
color:#000;}
Wäre Super wenn jemand ( die wahrschienliche) Leichte Aufgabe für mich lösen könnte..
Ich hab schon alles probiert...
Hab aber nur die Höhe über dem Frameset ändern können....
Sorry bin kein Webmaster und wollte mich nicht umbedingt wegen der (wahrscheinlich) lächerlichen Frage in einem anderen Forum anmelden.
danke
- wird er auf deiner Seite seitwärts scrollen müssen, was extrem beschissen ist 