Verbesserung in der Darstellung meiner Seite

benjaminkramer1

Hallo,

ich betreibe die Seite http://www.zahnmedizin-live.de.
Diese erste Seite soll als erste Auswahl dienen, auf welche Seite der Benutzer weitergeleitet wird.
Zur Auswahl stehen Zahnarzt und Patient.
Was mir daran nicht gefällt ist das das Bild markiert wird (Hyperlink), also einen blauen Rahmen erhält. Wie kann ich diese entfernen?
Ich möchte das so in der Art haben wie auf der Seite: http://www.opensuse.org. Dort sind auch die einzelnen Bereiche mit einem Hyperlink versehen, aber es wird da nicht blau umrandet.

Danke schon mal...

infernalshade

Bandit

Besser wäre das mit CSS

img { border:0px; }

benjaminkramer1

Danke, das hat gut geklappt. Würdet Ihr noch etwas anders machen an so einer Intro Seite?

Bandit

Naja, die schriftart und -größe sieht nicht gerade professionell aus.

infernalshade

Meinem Geschmack nach die Schrift etwas kleiner, Verdana und leicht dunkelgrau, also nicht ganz schwarz!

sejuma

Zitat

Würdet Ihr noch etwas anders machen an so einer Intro Seite?

Ja: Ganz weglassen.

Intro-Seiten sind m.E. aus folgenden Gründen überflüssig und unnötig:
* Sie haben keinen bis wenig Inhalt
* Sie nehmen unnötig die Zeit des Besuchers in Anspruch
* Der Besucher will schnell "zur Sache kommen", also direkt und ohne Umweg zum Ziel bzw. zu den Infos.

Wenn du zwei Portale für unterschiedliche Zielgruppen zur Auswahl stellst, dann mach besser zwei Seiten.

benjaminkramer1

Okay, die Darstellung der Schrift habe ich etwas geändert. Sieht nun etwas besser aus...

Die Portale werden auf zwei unterschiedlichen Seiten dargestellt.

patient.zahnmedizin-live.de
zahnarzt.zahnmedizin-live.de

=> Setze zwei verschiedene mysql Datenbanken ein und die Seiten basieren auf das CMS Joomla 1.5

yeti66

benjaminkramer1,

ja der header lässt sich noch besser/interessannter gestalten, die Seite mit einem Rahmen oder/und Schatten dezent vom Hintergrund absetzen usw. Das dürfte aber eher Geschmacksache sein.

benjaminkramer1

Wie kann ich Seite mit einem Schatten absetzen? Wie muss ich den Quellcode verändern?

Danke schon mal...

yeti66

benjaminkramer1,

das ist eigentlich ganz einfach. Erzeuge mit einem Grafikprogramm einen screen (1200px breit und 100px hoch), die Hintergrundfarbe stellt Deine Hintergrundfarbe der Seite (#FFFFFF), nun wird ein Rechteck (800px breit)gezeichnet und mittig zentriert und mit einem Schatten je nach Geschmack versehen - fast fertig:
Das Ergebnis jetzt auf 1px Höhe zurechtschneiden und speichern.

Das Hintergrundbild jetzt im <body> zentrieren und in der y Achse vervielfältigen lassen -fertig.

P.S.: Ich mach Dir mal ein Beispiel. Der Einfachheit halber habe ich es in den body gelegt und es mit background: #fff url(bg1.jpg) repeat-y center; eingebunden.
Die Breite Deines .oneColElsCtrHdr #container allerdings auf width: 800px; .
Für em Angaben ist die Art der Einbindung nicht geeignet. In Deinem Fall könnte man noch einen größeren container hinterlegen oder 2 Container quasie als Schals rechts und links Deines #container `s positionieren. Ein anderer Seitenaufbau wäre dann angebracht. Desweiteren würde ich die Seite auf 100% Höhe setzen, damit der footer immer am unteren Rand ist und der #container sich über die ganze Seite erstreckt.

yeti66

benjaminkramer1,

Fehlerbereinigt und mit eigenem bg-container , keine 100% Höhe.

Allerdings würde ich Dein header - Bild auch auf reale 800px bringen!!

benjaminkramer1

danke sieht viel besser aus...

yeti66

benjaminkramer1,

setze mal align="center" ein, damit Deine Tabelle mittig sitzt.!

Code

...<table width="720" border="0" align="center">.....

benjaminkramer1

okay danke habe ich gemacht Gibt es noch mehr zu verbessern? Ist halt schwer neben dem Studium alles alleine zu machen...

yeti66

benjaminkramer1,

tja, wenn ich es recht verstanden habe sollte die Seite http://www.zahnmedizin-live.de/ nur eine Weiche darstellen zu den beiden Seiten Patienten ..... und Zahnärzte ... . Da scheinbar nicht mehr auf die Seite kommt würde ich es wegen der Optik so machen:
Einen Container mit fester (oder %Angaben) Höhe und Breite erzeugen und horizontal und vertikal zentrieren. Ansonsten in der Optik bleiben.

Der elegantere Weg finde ich wäre in der Optik des Joomla-Template zu bleiben, so das der Übergang von Weiche zu den beiden Portalen nahtlos ist und die Farbgebung der Links Patient und Zahnärzte sich in der Farbgebung der Headergrafik wiederfindet.

Tags