Darstellungs- und include-Probleme

html.de-Forum PHP
1

Ich möchte gerne Boxen wie auf Informationen über Linkziel darstellen - Webmasterpro.de erstellen.

Leider habe ich die abgerundeten Ecken nicht hingekriegt, den Text im orangen Header vertikal zu zentrieren habe ich auch nicht geschafft…

CSS:

[CODE]

.box {

  width:200px;
  height:200px;
  border:1px solid #000000;
  border-radius:30px;

}

.header {

  background-color:orange;
  border-bottom:1px solid #000000;
  height:25px;
  font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  font-weight:bold;
  vertical-align:middle;
  font-color:#000000;

}

.inhalt {

  height:175px;
  padding:0em;
  font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  background-color:dimgray;

}

     [/CODE]
2

Die abgerundeten Ecken machst du mit Grafiken.

Zum zentrieren:

text-align: center;
3

Habe jetzt noch kleine Änderungen vorgenommen. Nun wird aber die weisse Schriftfarbe im Header nicht akzeptiert und die Rahmenlinie unten fehlt auch…

Wie muss ich denn das mit den runden Ecken bzw. mit den Bildern machen?

[CODE]

.box {

  width:200px;
  height:200px;
  border:1px solid #000000;
  border-radius:30px;

}

.header {

  background-color:#222222;
  border-bottom:1px solid #000000;
  height:25px;
  font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  font-weight:bold;
  text-align:center;
  font-color:#FFFFFF;

}

.inhalt {

  height:175px;
  padding:0em;
  font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
  background-color:orange;

}

     [/CODE]

Habe

4

statt font-color einfach nur color für die Schriftfarbe.

Ansonsten, zeig mal den dazugehörigen HTML-Code her.

Zu den runden Ecken:
Lade dir mal ein vernünftiges Drafikprogramm wie Gimp runter und spiel damit einfach ein bisschen rum.
Die fertige Grafik mit den abgerundeten Ecken kannst du dann per CSS als Hintergrundbild einfügen.

5

Das mit den Ecken probiere ich mal.

Aber die Rahmenlinie unten fehlt immer noch und der Text im Header ist immer noch nicht vertikal zentriert.

6

hab ein kleines tut online, vieleicht hilft es dir ja

testsite

7

Erstmal danke csstester für deine Hilfe. Leider hat mir dein Tutorial nicht wirklich viel geholfen, ich habs alleine geschafft, bis auf ein paar kleine Dinge:

Ich hab’s immer noch nicht geschafft, den Text im Header der Box zu zentrieren.

Zudem ist am Ende jeder Seite ein weisser Balken und im Index finde ich irgendwie keine Framesets vor!?

Könnt Ihr mir da weiterhelfen???

8

Hast du uns den Link zur Seite wegen dem weißen Balken?

9

Die betreffende Homepage ist in der Fusszeile…

Das gilt für alle Seiten, sonst hätte ich den Link gepostet.

Der Link für den Index lautet (logischer Weise) Index

10

Zu den runden Ecken findest du hier eine ziemlich lange Liste wie runde Ecken realisiert werden können. Meine persönlichen Favoriten sind dabei die, die keine Grafiken benötigen, nicht in Höhe und Breite fixiert sind und kein JavaScript benötigen.

MfG

NewLord

11

Wie bereits gesagt, das mit den runden Ecken hat sich erledigt.

Ich finde in der Datei index.html keine definierten Frames, trotzdem werden sie angezeigt, wieso?

12

Was du nicht sagst… :wink:

[code]…

... ... [/code]Warum benutzt du überhaupt Frames? Und dein HTML-Gerüst ist falsch. Du hast:

[code]

(das Ende deines Frames-Zeug) [/code]Und so müsste es sein:

[code]

[/code]

Vielleicht liegts ja daran, kenn mich mit Frames aber nicht aus, weil ich keine benutze. :slight_smile:

13

Nun möchte ich ein 3. Frame vertikal ganz rechts (wie Navi, aber rechts).

Folgender Code funktioniert bei mir nicht:

[CODE]

[/CODE]
14

Warum willst du überhaupt bei Frames bleiben?
Du siehst ja selbst, was du damit für Probleme hast.
Die ganzen Nachteile, die Frames mitbringen sollen dir auch bekannt sein…

15

Dann mach mir doch bitte einen Vorschlag, wie ich beispielsweise meine Navigation alternativ zu Frames darstellen kann.

Danke.

16

nimm nen Div her, platziere und formatiere ihnmit css so wie du es eben brauchst und in diesen Div schreibst du dann die Inhalte rein, in diesem Fall also die Navigation.

17

So wie ich. Mit PHP.
Du machst nen div-Container, in dem nachher dein Inhalt reinkommt:

[code]

<?php if($_GET['section'] == "welcome") { include "section/welcome.php"; } ... ?>
[/code]Das wiederholst du für jede "section" deiner Seite. Der dazugehörige Link sieht dann folgendermaßen aus:

<a href="index.php?section=welcome">...</a>Deine Startseite heißt also index.php und in deine Unterseiten (beispiel.php) schreibst du nur den Inhalt rein, der später in „content“ eingefügt werden soll. Das Ganze ist natürlich dynamisch.

Wichtig:
http://www.html.de/php/19289-webseite-dynamisch-gestalten.html

18

zu dem Thema kann auch die FAQ im PHP-Forum helfen :wink:

19

Welches ist denn die Methode, die am wenigsten Aufwand benötigt und mit allen oder den meisten Browsern kompatibel ist?

20

Hmmm…wo ist denn mein Beitrag von heute morgen? Schon wieder einer verloren gegangen? Ich hatte mich darüber ausgelassen, warum man Frames nicht ersetzen kann und dass eine Navigation immer gleich aussieht, egal, ob Frames verwendet werden oder nicht.