Mal eine Frame Frage

**Tamara-Jasmin** · 31.05.2011, 18:46

Ich gehe mal davon aus, dass mit Frames eigentlich nicht mehr gearbeitet wird. Habe sowas auch schon einige Jahre nicht mehr gesehen.

Folgende Situation: 2008 bin ich umgezogen und musste unbedingt etwas an meiner Homepage machen, die 10 Jahre nur brach gelegen ist! Da es sehr schnell gehen musste,
habe ich auf mein Frontpage verzichtet und so ein Programm von DataBecker gekauft, wo ich schon bei der ersten Gestaltung merkte, was für ein Schrott das ist (Man kann nicht einmal eine Schriftfarbe ändern!). Aber egal - ich habe mich durchgewuselt und ruck zuck was Online gestellt - was ich mit der Zeit dann immer wieder etwas aufgefrischt habe.

Soweit zur Erklärung warum ich den Mist Online habe.
Das Design gefällt mir allerdings, und ich würde das auch gerne übernehmen.
Das Problem was ich nun im Quellcode sehe, ist, dass JEDE aufgerufene Seite, das
Menü oben als HTML hat, und links eine Navigation. Würde ich jetzt einen Namen eines Links ändern wollen, geht das aus 2 Gründen nicht, oder nur sehr umständlich:

1.) Das Programm hat die Schrift der Links und Überschriften als Bilddatei erstellt
2.) Diese Links - bzw. Menüleiste ist in JEDER HTML Datei abgespeichert.

Will ich also einen Namen ändern, müsste ich die Bilddatei mit Corel bearbeiten und in ca. 20 html Seiten den Link ändern (wenn etwas hinzugefügt oder gelöscht wird, sonst braucht man ja nur die Bild-Datei austauschen).
Ist aber sehr lästig.

Nun gibt es eine grundlegende Frage:
Bleibt mir nur die Möglichkeit mit Frames zu arbeiten,
oder gibt es eine andere Möglichkeit, mit einer Seite ein Menü zu erstellen, was dann in allen anderen Dateien geladen wird. So eine art "include" Funktion wie in PHP.
Diese werde ich nämlich alternativ verwenden wenn es keine CSS oder HTML Möglichkeit gibt, wobei ich dann wohl auf die Seitennavigation verzichten muss?!
Danke erst mal!

Liebe Grüsse:
Tammy

**Tamara-Jasmin** · 31.05.2011, 19:12

wobei ich dann wohl auf die Seitennavigation verzichten muss?!

Ähm .. war etwas unüberlegt. Wozu gibt es Tabellen

Also bitte einfach überlesen

Liebe Grüsse:
Tammy

**cellarius** · 01.06.2011, 11:02

Gute Idee, die eine veraltete Idee (Frames) durch die andere (Tabellen als Layoutkrücke) zu ersetzen. Abgesehen davon, dass die Verwendung von Tabellen Dein Problem (gleiches Codefragment auf vielen Seiten) nicht beantwortet.

Die Antwort ist PHP. Du gestaltest Deine Seiten als PHP-Seiten, und kannst dann jeweils per include z.B. die Datei navigation.php auf jeder Seite einbinden. Damit brauchst Du dann nur jeweils eine Datei ändern, um Änderungen auf allen Seiten zu haben. Gleiches gilt natürlich für header oder footer.

**Tamara-Jasmin** · 01.06.2011, 17:13

Ohne Tabellen zu arbeiten ist doch fast nicht möglich, gerade mit verschiedenen Textformatierungen in einer CSS-Box. Sobald Du nämlich irgendeinen Tag wie <p><div> usw. einfügst fliegt der Text nämlich aus der Box raus und ist unterhalb davon.

Liebe Grüsse:
Tammy

**Tamara-Jasmin** · 01.06.2011, 20:22

ich hätte mir den Beitrag sparen können, ich muss ja eh alles neu machen. Mit Übernehmen ist da nicht viel drin.
Kann gerade mal meinen geschrieben Text rüberkopieren. Das Grundgerüst muss komplett neu gemacht werden.

weiss jetzt auch, warum die viele Schriften als Bilder eingefügt haben.
gebe ich z.b. <h3> ein, ist das gesamte Layout in meiner CSS Box im Ar...
Somit muss man doch wieder mit <font bla bla> arbeiten. Naja .. was solls.

Liebe Grüsse:
Tammy

**cellarius** · 01.06.2011, 20:56

Sorry, aber beide Deiner vorangegangenen Posts sind hanebüchener Humbug. Bevor Du irgendwelche Großprojekte wie neue HP anfängst, befasse Dich mit den Grundlagen von CSS. Man braucht keine Tabellen für Layout. Punkt. Man braucht Tabellen für tabellarische Daten, und sonst nichts.

**PaintSplasher** · 02.06.2011, 01:13

Zitat von cellarius

Sorry, aber beide Deiner vorangegangenen Posts sind hanebüchener Humbug. Bevor Du irgendwelche Großprojekte wie neue HP anfängst, befasse Dich mit den Grundlagen von CSS. Man braucht keine Tabellen für Layout. Punkt. Man braucht Tabellen für tabellarische Daten, und sonst nichts.

Dem ist nichts hinzuzufügen.

**Boothby** · 02.06.2011, 09:20

Man muß doch nicht von der Pike alles neu erlernen/erfinden, es gibt schon vorgefertigte Lösungen - Frameworks - die einem viel Arbeit und "Grundlagenforschung" abnehmen und wenn man dann damit arbeitet, lernt man bestimmt auch das eine oder andere.

z.B. YAML Ich habe selbst noch keine Erfahrungen damit gesammelt, vielleicht kann ja jemand anderes darüber berichten. ;-) Es macht zumindest einen soliden Eindruck und hat eine deutsche Doku.

**Tamara-Jasmin** · 02.06.2011, 15:13

Cellarius,
Du hast natürlich wieder mal wie immer recht

Ich habe heute die Nacht durch bei CSS4YOU.DE mal alles gelesen. Klar das man nicht alles versteht, aber eines habe ich jetzt fertig gebracht. Alles gelöscht, und von Grund auf neu gemacht. Ist nicht einfach, aber nur zur Info. Es ist kein Grossprojekt.
Wenn ich keine Lust oder Zeit mehr habe, lass ich es einfach liegen. Es ist meine eigene Seite, und ich mache das alles nur, um zu lernen, meine langeweile zu vertreiben - und dabei setze ich mich aber gerne auch einmal selber unter Druck

Mit vorgefertigten Lösungen (boothy) möchte ich nicht mehr arbeiten. Auch wenn alles in ein paar Tagen fertig sein mag. Aber eins habe ich vom ersten Tag an gelernt:
Die Programme, die Webseiten erzeugen, erzeugen einen Code unter aller Sau! Hast Du mal gesehen was Microsoftprogramme (Frontpage und die Nachfolger) für einen Murks hinzuschreiben, und Informationen, die ein Dokument um das 4fache aufblähen?
Data Becker ist ja die Oberkrönung der Programme. Weder Schriftfarben, noch Grössen kann man ändern.

Hier mal ein Quellcode:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Vielen Dank f&uuml;r Ihre Teilnahme</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="expires" content="0">
<meta name="author" content="">
<meta name="description" content="">
<meta name="keywords" lang="" content="">
<meta name="generator" content="Web2Date BASIC">
<link rel="stylesheet" type="text/css" href="./assets/s.css">
<link rel="stylesheet" type="text/css" href="./assets/ssb.css">
</head>
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bgcolor="#ffffff" text="#000000" link="#000000" vlink="#000000" alink="#000000"  bottommargin="0" rightmargin="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="right" background="./images/pic_top_back.gif"><img src="./images/ptcp.gif" width="213" height="40" alt="" border="0"></td>
</tr>
<tr>
<td background="./images/pbbck.gif"><a href="./index2.html"><img src="./images/pbmth.gif" width="56" height="20" alt="" border="0"></a><a href="./hauptseite/index.html"><img src="./images/pbmtam1.gif" width="78" height="20" alt="" border="0"></a><a href="./onlineshop/index.html"><img src="./images/pbmtam2.gif" width="61" height="20" alt="" border="0"></a><a href="./hermes/index.html"><img src="./images/pbmtam3.gif" width="100" height="20" alt="" border="0"></a><a href="./kontakt/index.html"><img src="./images/pbmtam4.gif" width="138" height="20" alt="" border="0"></a><a href="./internetcafe/index.html"><img src="./images/pbmtam5.gif" width="66" height="20" alt="" border="0"></a><a href="./news/index.html"><img src="./images/pbmtam6.gif" width="109" height="20" alt="" border="0"></a><a href="./links/index.html"><img src="./images/pbmtam7.gif" width="34" height="20" alt="" border="0"></a><a href="./partnerseiten/index.html"><img src="./images/pbmtam8.gif" width="74" height="20" alt="" border="0"></a><a href="./lustiges/index.html"><img src="./images/pbmtam9.gif" width="49" height="20" alt="" border="0"></a><a href="./gaestebuch/index.php"><img src="./images/pbmtam10.gif" width="60" height="20" alt="" border="0"></a><a href="./privat/index.html"><img src="./images/pbmtam11.gif" width="37" height="20" alt="" border="0"></a></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top"><table width="220" cellpadding="0" cellspacing="0" border="0" bgcolor="#F7D7F3">
<tr>
<td colspan="3"><img src="./images/pic_logo_click.jpg" width="220" height="279" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pshdbx.gif" width="10" height="5" alt="" border="0"></td>
<td><img src="./images/pshdbx.gif" width="200" height="5" alt="" border="0"></td>
<td><img src="./images/pshdbx.gif" width="10" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3"><img src="./images/pcpx.gif" width="220" height="10" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="10" alt="" border="0"></td>
<td><table cellpadding="0" cellspacing="0" border="0">
<tr><form name="search" action="./fts.php" method="get">
<td><input class="search" type="text" name="criteria" size="17" maxlength="30"></td>
<td><input type="image" src="./images/psrchok.gif" border="0"></td>
</form>
</tr>
</table>
</td>
<td><img src="./images/pcpx.gif" width="10" height="10" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3"><img src="./images/pdtlne.gif" width="220" height="20" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./hauptseite/index.html"><img src="./images/pnavmtm1.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./onlineshop/index.html"><img src="./images/pnavmtm2.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./hermes/index.html"><img src="./images/pnavmtm3.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./kontakt/index.html"><img src="./images/pnavmtm4.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./internetcafe/index.html"><img src="./images/pnavmtm5.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./news/index.html"><img src="./images/pnavmtm6.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./links/index.html"><img src="./images/pnavmtm7.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./partnerseiten/index.html"><img src="./images/pnavmtm8.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./lustiges/index.html"><img src="./images/pnavmtm9.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./gaestebuch/index.php"><img src="./images/pnavmtm10.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><a href="./privat/index.html"><img src="./images/pnavmtm11.gif" width="200" height="20" alt="" border="0"></a></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><p class="nav"><br></p></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td><img src="./images/pcommon.gif" width="200" height="20" alt="" border="0"></td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
<td>
<p class="nav">
<a class="nav" href="./index2.html">Startseite<br></a>
<a class="nav" href="./anfahrt.html">Anfahrt<br></a>
<a class="nav" href="./oeffnungszeiten.html">&Ouml;ffnungszeiten<br></a>
<a class="nav" href="./kontakt2.html">Kontakt<br></a>
<a class="nav" href="./impressum.html">Impressum<br></a>
</p>
</td>
<td><img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><img src="./images/pfade.gif" width="10" height="30" alt="" border="0"></td>
<td><img src="./images/pfade.gif" width="200" height="30" alt="" border="0"></td>
<td><img src="./images/pfade.gif" width="10" height="30" alt="" border="0"></td>
</tr>
 
</table></td>
<td valign="top"><img src="./images/pshd.gif" width="15" height="5" alt="" border="0"></td>
<td width="100%" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td background="./images/pshd.gif" width="100%"><img src="./images/pshd.gif" width="1" height="5" alt="" border="0"></td>
<td background="./images/pshd.gif" width="15"><img src="./images/pshd.gif" width="15" height="5" alt="" border="0"></td>
<td background="./images/pshd.gif" width="120"><img src="./images/pshd.gif" width="120" height="5" alt="" border="0"></td>
</tr>
<tr>
<td colspan="3"><img src="./images/ph0000009d1513f9407.gif" width="442" height="50" alt="" border="0"></td>
</tr>
  <tr>
  <td><h2><a name="0000009d1513f9408"></a></h2></td>
  <td background="./images/pline.gif"><img src="./images/pcpx.gif" width="30" height="1" alt="" border="0"></td>
  <td></td>
  </tr>
  <tr>
  <td valign="top"><span class="normal"><p >Vielen Dank f&uuml;r Ihre Nachricht. Ihr Lob oder Ihre Kritik ist auf jeden Fall anonym bei uns eingegangen und werden es ernst nehmen.
</p></span><br><br></td>
  <td background="./images/pline.gif"><img src="./images/pcpx.gif" width="30" height="1" alt="" border="0"></td>
   <td width="120"><img src="./images/pcpx.gif" width="120" height="10" alt="" border="0"></td>
  </tr>
</table></td>
<td valign="top"><img src="./images/pshd.gif" width="15" height="5" alt="" border="0"></td>
</tr>
</table>
 
</body>
</html>

HTML-Code:

<img src="./images/pcpx.gif" width="10" height="1" alt="" border="0"></td>

Da ist ein einzelnes Pixel als Bild, dass dann auf 10 gestreckt wird, um einen Abstand zu erzeugen *lach

Es wird zwar mit CSS gearbeitet, aber alles mit Tabellen formatiert. Der "Lehrgang" heute Nacht hat mir gezeigt, dass ich nicht eine einzige Tabelle brauche.
Was ich allerdings nicht hinbekomme, ist die eine Schrift innerhalb der selben Box mittig und direkt ab Rand - und die nachfolgende linksbündig und 10px weg.
Das konnte ich leider auch nur mit Tabellen regeln! Aber da bastel ich noch. Werde mal 2 Classen anlegen - mittig und linksbündig - und dann mit <p> die classe
zuordnen. Vielleicht geht es so.

Das hier ist besonders interessant:

Also dann mal einen schönen Sonntag noch.
Tammy

**Tamara-Jasmin** · 02.06.2011, 16:10

Cellarius:
Welche Lösung hättest Du denn hierfür? Ich habe alle Tabellen gelöscht.
Nun ist der Text der Links am linken Rand bei 0px und ich bekomme meine Classe einfach nicht dazu. Zudem ist das Bild nicht mehr am ende der Box.

HTML-Code:

<p class="menuebox menuelinks">
    <?php include("./menue_links.php"); ?>
    <?php include("./suche.php"); ?>
    <a href="./index2.php">Hauptseite</a><br />
 <a href="./hauptseite/service.php">Unser Service</a><br />
 <a href="./onlineshop/shop.php">Onlineshop</a><br />
 <a href="./hermes/hermes.php">Hermes Paketshop</a><br />
 <a href="./kontakt/kontakt.php">Kontakt</a><br />
 <a href="./internetcafe/internetcafe.php">Internetcaf&eacute;</a><br />
 <a href="./infos/infos.php">Aktuelle Informationen</a><br />
 <a href="./links/links.php">Links</a><br />
 <a href="./partnerseiten/partner.php">Partnerseiten</a><br />
 <a href="./lustiges/lustiges.php">Lustiges</a><br />
 <a href="./gaestebuch/gaestebuch.php">G&auml;stebuch</a><br />
 <a href="./privat/privat.php">Privates</a><br />
   <img src="./bilder/punktlinie.gif" alt=""/>

 <img src="./bilder/menue_links_unscharf.gif" style="padding-bottom:0px" width="220" height="30" alt="" border="0"/>
 </p>

Ich habe es so versucht :
<p class="menuebox menuelinks">
So: <p class="menuebox"> <p class="menuelinks">
auch direkt nur vor den Links - aber es steht dann gar nichts mehr in der Box.
Das ist das, was ich gesagt hatte am anfang. Ohne Tabellen fliegt mir der Text raus.

Zudem ist das letzte Bild: <img src="./bilder/menue_links_unscharf.gif" width="220" height="30" alt="" border="0"/>
auch - entweder nicht mehr in der Box - oder aber es befindet sich ein unterer Rand von ca. 7px. Dieses Bild lässt das ende der Box eigentlich
verschwimmen.Habe es zu schluss innderhalb des <img>-Tags hiermit versucht: style="padding-bottom:0px". Klappt auch nicht. Werde also hier
die Tabellen erst mal belassen.

Liebe Grüsse:
Tammy

**cws** · 02.06.2011, 16:22

Wie wäre es mit einem freien CMS?
Das ganze Gewürge trägt zwar zu deiner Fortbildung bei, ist aber in Bezug auf dein Projekt eher nicht unmittelbar zielführend

Vorschlag: Wordpress oder Joomla - für beide gilt: quadratisch, praktisch, rund, und mit einer großen Community.

**Tamara-Jasmin** · 02.06.2011, 16:32

wie oben schon geschrieben - mit vorgefertigten Lösungen will ich einfach nicht mehr arbeiten. Und es macht ja auch Spass - selbst wenn viele Lösungen manchmal länger wie ein Tag dauern.
Irgendwie MUSS es ja auch gehen, oder etwa nicht?
Ich verstehe halt nicht dass es mir den Text raushaut ohne Tabellen - oder aber die Box zerschlägt.
Das Bild ist übrigens trotz Tabellen nicht mehr reinzubekommen. Mussirgendwo eine Tabelle gelöscht haben, die das verwaltet

Naja . Ich versuche mal eine neue Box zu erstellen, mit position relativ,
wo nur das Bild drin ist und sich an das menü anpasst. Vielleicht klappts ja.
Liebe Grüsse:
Tammy

**cws** · 02.06.2011, 17:13

Auch vB ist ja so eine vorgefertigte Lösung

Das Deign musst du auch bei jedem CMS selber gestalten, oder eine Vorlage verändern.
Von denen gibt es Tausende. Mit einer, zwei oder drei Spalten, mit hunderten von fertigen PlugIns und schier unendlichen Verwandlungsmöglichkeiten.

Auch um hier die Möglichkeiten auch nur ansatzweise nutzen zu können wirst du eine Reihe von CSS Kenntnissen brauchen, wie bei vB auch.

Der Vorteil liegt darin, dass du eben Design und Inhalt trennen kannst, das ist wenn alles fertiig ist eine erhebliche Erleichterung, wie bei vB auch.

Du vermeidest damit genau die Probleme, die du beklagst.
Für das was du willst genügt es im Zweifel ja nicht wenn du CSS-Grundlagen erlernst, sondern du wirst dann auch noch php lernen müssen. Wenn dir dann der Sinn nach ein paar kleinen Ergänzungen steht empfiehlt sich noch Javascrpt, und wo wir schon dabei sind, mySQL wäre auch hilfreich, um Datenbnkabfragen verwenden zu können.

Du kannst auch vB nehmen. Nur ist für deine Zwecke vB als CMS sicher keine vernünftige Wahl.

Da sind dann die kostenlosen und leicht designbaren freien CMS sicher eine gute Wahl.
Aber du lernst natürlich mehr, wenn du das Rad neu erfindest, nur wird das Ergebnis im Zweifel schlechter sein und es dauert sehr viel länger bis du einen Erfolg siehst.

**cellarius** · 02.06.2011, 17:52

Aus Deiner Frage werde ich nicht wirklich schlau, und mit Deinem Code kann man nichts anfangen, wenn Du nur die Hälfte postest. Sprich: Es fehlt das zugehörige CSS.

Menüs baust Du zweckmäßigerweise mit Listen, bzw. verwendest eine der vielen CSS-Menü-Lösungen, die es im Netz gibt, und Absatz-Tags (<p>) solltest Du auch nur verwenden, wenn Du einen Textabsatz formatieren willst. Ansonsten nimmst Du <div>-Container. Und wie gesagt, in diesem Fall würde ich mit <ul><li>-arbeiten. Wie das geht, steht z.B. hier.

Insgesamt stimme ich cws aber durchaus zu. Du willst schnelle Ergebnisse, und die wirst Du mit Deiner Lernmethode nicht erreichen - zumindest nicht, wenn sie einigermaßen professionell aussehen und in möglichst allen Browsern gut aussehen sollen. Das dauert seine Zeit, und Deine Methode, unter Druck "mal schnell in der Nacht" auf einer Internetseite zu schmökern und dann draufloszumachen, ist nicht unbedingt die beste, wie mir scheint. Abgesehen davon dass irgendwann hier die Bereitschaft nachlassen wird, jeden einzelnen Schritt mit Dir durchzukauen...

**Tamara-Jasmin** · 02.06.2011, 18:04

Du wirst nie schlau aus meinen Fragen *lach*

Das Dokument habe ich ja neu aufgesetzt, aber das CSS habe ich zum Teil übernommen.
Hier mal meine Hauptseite:

HTML-Code:

<body  marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" bgcolor="#ffffff" text="#000000" link="#000000" vlink="#000000" alink="#000000" bottommargin="0" rightmargin="0">
<?php include("./menue_oben.php"); ?>
 
 

<p class="menuebox">
    <?php include("./menue_links.php"); ?>
    <?php include("./suche.php"); ?>
    <a class="mlsg" href="./index2.php">Hauptseite</a><br />
 <a class="mlsg" href="./hauptseite/service.php">Unser Service</a><br />
 <a class="mlsg" href="./onlineshop/shop.php">Onlineshop</a><br />
 <a class="mlsg" href="./hermes/hermes.php">Hermes Paketshop</a><br />
 <a class="mlsg" href="./kontakt/kontakt.php">Kontakt</a><br />
 <a class="mlsg" href="./internetcafe/internetcafe.php">Internetcaf&eacute;</a><br />
 <a class="mlsg" href="./infos/infos.php">Aktuelle Informationen</a><br />
 <a class="mlsg" href="./links/links.php">Links</a><br />
 <a class="mlsg" href="./partnerseiten/partner.php">Partnerseiten</a><br />
 <a class="mlsg" href="./lustiges/lustiges.php">Lustiges</a><br />
 <a class="mlsg" href="./gaestebuch/gaestebuch.php">G&auml;stebuch</a><br />
 <a class="mlsg" href="./privat/privat.php">Privates</a><br />
   <img src="./bilder/punktlinie.gif" alt=""/>
<img style="margin-bottom:-5px" src="./bilder/menue_links_unscharf.gif" width="220" height="30" alt="" border="0"/>
</p>
<p class="hauptseite">
<b><font size="4" color="#D561A3">Herzlich Willkommen bei Computer-Stadl in Berchtesgaden</font></b><br />
<b>Hier werden Sie erstklassig beraten und sofort bedient!</b><br /><br />
Fragen werden in Form von E-Mail, innerhalb weniger Stunden w&auml;hrend den regulären<br />
Öffnungszeiten beantwortet!<br /><br />
Unsere Dokumente, die zum Download angeboten werden, liegen alle im <a href="http://de.wikipedia.org/wiki/Portable_Document_Format">PDF</a> Format vor. <br />
Sollten Sie diese Dokumente nicht öffnen können, so gehen Sie bitte auf <a href="http://www.adobe.com/de/"> www.adobe.de</a><br />
und downloaden den Adobe Reader im Downloadbereich herunter.<br />
<b>Dieser ist kostenlos !!! </b>Nach der Installation auf Ihrem PC können Sie auch meine<br />
Dokumente öffnen. Sie haben es nicht hinbekommen? Dann wechseln Sie doch in meinen <br />
<a href="./hauptseite/service.php">Hotline und Support</a> Bereich. Hier wird Ihnen auf jeden Fall weiter geholfen!<br /><br /><br /><br />
Sie haben Technische Probleme?<br />
Dann klicken Sie bitte hier<br /><br /><br /><br />
Computer Probleme? Sie brauchen Zubehör?<br /><br />
Was bieten wie Ihnen?<br />
Auf jeden Fall den besten Service und die meisten Arbeiten werden sogar innerhalb von<br />
24 Stunden fertig gestellt! Auf viele Reparaturen können Sie sogar mit einer kostenlosen<br />
Tasse Kaffe warten und Ihren PC dann umgehend wieder mitnehmen.<br /><br />
Rüsten Sie jetzt auf oder lassen Sie sich ein individuelles Angebot für<br />
Ihren Anwendungszweck erstellen!<br />
</p>

und hier mal das gesamte CSS. Ab dem grossen Zwischenraum sind noch alte definitionen:

HTML-Code:

.obereleistebox {
    height: 30px;
    width: 100%;
    background: url(./bilder/hg_menue_oben_w.gif);
    position: absolute; top: 0px;
    text-align: right;
    font-family: sans-serif;
    padding-top: 5px;
    font-weight: bold;
    font-size: medium;
    }
.menueleistenbox {
    height: 20px;
    width: 100%;
    background: url(./bilder/hg_menue_oben_s.gif);
    position: absolute; top: 31px;
    font: Times;
 font: normal;
 font-size: xx-small;
 color: #000000;
}
.hauptseite {
width: 90%;
background-color: #FFFFFF;
padding: 25px;
display:inline;
position: absolute; top: 52px; left: 221px;
}
.menuebox {
width: 220px;
height: auto;
background-color: #F7D7F3;
display:inline;
position: absolute; top: 51px; left: 0px;
padding: 0px;
}
.menuelinks {
 text-decoration : none;
 font-family : Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color: #D561A3;
 font-weight: bold;
}
a {
 text-decoration : none;
 font-family : Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
 color: #D561A3;
 font-weight: bold;
}
a:hover {
 text-decoration : underline;
}
a.mlsg {
    line-height: 20px;
    font-size: 11pt;
    padding-left: 10px;
}
 
 
 
 
 
 
 
 

.grey {
 font-family : Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 color: #46133F;
 font-weight : normal;
}
p  {
 font-family : Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 color: #000000;
 font-weight : normal;
 line-height : 14pt;
}
p.nav  {
 font-family : Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #46133F;
 font-weight : normal;
 line-height : 12pt;
 margin-bottom: 6pt;
 margin-left: 12pt;
}

p.s2d  {
 font-family : Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 22pt;
 color: #D561A3;
 font-weight : normal;
 margin-top : 5pt;
 margin-bottom : 5pt;
 line-height: 24pt;
}
INPUT.s2d {
 font-size:18pt;
 font-family : Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
SELECT.s2d {
 font-size:9pt;
 font-family : Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 width:160px;
}
a.s2d {
 font-size:9pt;
 text-decoration : none;
 font-family : Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #D561A3;
}
INPUT.search {
 font-size:8pt;
 font-family : Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 border: #D561A3 1 solid;
 width : 145px;
}
INPUT.normal {
 font-size:8pt;
 font-family : Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 BORDER: #D561A3 1 solid;
}
TEXTAREA.normal {
 font-size:8pt;
 font-family : Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 BORDER: #D561A3 1 solid;
}
a.s2dsmall, a.s2dinfo  {
 text-decoration:underline;
}

Die obere Leiste und das Menü funktionieren einwandfrei!
Um es nicht zu kompliziert zu machen:
Ich kann nicht einmal ein <h1-6> <ul> usw. Tag im Hauptfenster eingeben, ohne dass mir der ganze Text rausfliegt. Ich bin froh, dass wenigstens <b> und <font> als Notlösung funktioniert!

Liebe Grüsse:
Tammy

**Boothby** · 02.06.2011, 18:38

**Tamara-Jasmin** · 02.06.2011, 18:45

Du bist Klasse! <schmatzerle> Jetzt muss ich nur die damit vermurkste Schriftgrösse wieder anpassen und dann sollte es das gewesen sein. Ist ja der Hammer! Danke!

Tammy

Nachtrag:
Jetzt funktionieren auch alle anderen meiner mir bekannten und benötigten Befehle! Mit Deiner Antwort haben sich ALLE meine hier gestellten Probleme erledigt!
Das Bild habe ich mit -5px in der Box angegeben - und erscheint jetzt auch da und wo ich will.
KUSSI an alle helfenden Hände

Tammy

**Tamara-Jasmin** · 03.06.2011, 12:13

um Übersichtlichkeit zu schaffen, sind unterverzeichnisse ja eine gute Lösung - schliesslich will man ja nicht alles im Root haben.
Allerding habe ich wohl mit der include-Lösung von PHP nur diese Möglichkeit, oder?
Denn die index2.php hat die includes mit "./<pfad>" - auch für die Bilder. ("/<pfad>" wäre ja das selbe, hab aber überall den "." davor).
Wechsel ich jetzt allerding mit einem Link auf eine andere Seite, die sich im Verzeichnis "xy" befindet, müssten die includierten
Dateien (Header, Footer usw.) die Pfadangabe "../<pfad>" besitzen.
Alternativ könnte ich die gesamte URL (http....www. bla) angeben, was aber auch nicht lustig ist - und bei der lokalen bearbeitung
sowieso nicht funktioniert.
Was kann ich hier tun? Wirklich alle Dateien im Hauptverzeichnis belassen und bloss keine Unterverzeichnisse erstellen?

Liebe Grüsse:
Tammy

**cellarius** · 03.06.2011, 13:20

Verwende absolute Pfade.

PHP-Code:


include($_SERVER['DOCUMENT_ROOT'] . "/includes/datei.php")

**Tamara-Jasmin** · 03.06.2011, 15:17

Danke, habe das bei mir eingefügt.
ich weiss jetzt aber auch, WARUM das nicht funktioniert hat. Mit einem Echo vor dem $_SERVER['DOCUMENT_ROOT'] zeigte er mir den Pfad von XAMP an.
Nicht aber meinen Ordner, in dem ich die Dateien bearbeite. Diesen habe ich schlichtweg einfach übergangen, womit mein absoluter Pfad vorher "/<pfad>"
also auf htdoc/datei.php verwiesen hat, der natürlich nicht existierte

Hätte also wahrsch. auch funktioniert, wenn ich meinen Unterordner berücksichtigt
hätte. War scheinbar einfach nicht konzentriert genug.

Liebe Grüsse:
Tammy