Tutorial HTML, CSS u. PHP - Forum

[revils]

Ich hab mal wieder meine Seite verändert. Jetzt ist sie hell^^
Ich weiß, dass das nicht sehr einfallsreich ist aber es genüg derzeit menen Ansprüchen

http://www.riensartwork.de

PS: Verbesserungsvorschläge nehme ich gerne an. Doch für die Umsetzung würde ich eure Hilfe dringend benötigen^^

[Sören]

Sieht auf jeden Fall schon mal besser aus.
Werd mich dann später wohl genauer dazu äußern, da ich gerade wenig Zeit hab.

[Yamram]

Meiner Meinung nach ist der Header zu schwarz, ich würde in diesen Brauntönen gestalten. Das sähe bestimmt besser aus.

[lauras]

Ich dachte mir erst "Wo ist denn der Inhalt", dann hab ich deinen Screenshot gesehn..

So soll das nich aussehn, oder? Das ist übrigens verkleinert, weils mich im Original ein bisschen erschlägt. Vielleicht solltest du für verschiedene Browser optimieren ;)

Grüße

[Yamram]

Ja, lauras hat Recht, ich hab erst nur aus Bild geguckt.

[revils]

Meint ihr die Banner, dass dieser zu groß ist?
Die Startseite ist vom Aufbau extra so gemacht, da da die Neuigkeiten in "Kurzfassung" aufgelistet werden.

An eine Browseroptimierung hab ich schon gedacht, hab das auch auf meiner Liste stehen, nur weiß ich nicht wie das geht.
Jedenfalls noch nicht ;-)

Und danke schonmal für die konstruktive Kritik

[Yamram]

konstruktive Kritik?
Hast du dir das mit der Farbe überlegt?

[revils]

Ja, konstruktive Kritik^^

Ich denke Braun allein würde nicht so gut aussehen.

[Basiii]

Also das Menü geht gar nicht,

es ist toll wenn du Submenüs einbaust aber diese heben sic habslut nicht vom Rest der Steuerung ab, wenn man darüber fährt sieht das ganze aus wie ein Grafikbug, da musst du mit farblichen Abhebungen dringend noch etwas tun.

[revils]

Ich arbeite dran, wenn du ne Idee hast dann raus damit.
Im Moment versuche ich die Idee mit der Farbe Braun einzubringen


EDIT:

- Die Unterpunkte in der Navi sind jetzt Braun
- Das Motto im Banner ist jetzt Braun

@Yamram:
Braun sieht wirklich nicht schlecht aus. Danke

[Basiii]

Mach mal bitte Folgendes:

Geh mal mit der Maus über Gallery, sodass sich das Untermenü öffnet, und nun fahre mal mit der Maus die einzelnen Punkte runter bis du bei Video ankommst, tue einfach so als wenn du von Gallery zu Video möchtest und schau was passiert, das machen viele Besucher kein 2. Mal mit.

[revils]

Du meinst das die Navi wieder in den Ursprung zurück geht.

Das ist noch der Code den Sarkkan für mich gemacht hat

Code: Alles auswählen

<ul id="navi">
            <li><a style="font-weight: bolder;">Home</a></li>
            <li><a href="about.php">About</a></li>
            <li><a href="#">Gallery</a>
                <ul>
                    <li><a href="nature.php">Nature</a></li>
                    <li><a href="space.php">Space</a></li>
                    <li><a href="stencil.php">Stencil</a></li>
                    <li><a href="canvas.php">Canvas</a></li>
                    <li><a href="special.php">Special Work</a></li>
                </ul>
            </li>
            <li><a href="video.php">Video</a></li>
            <li><a href="events.php">Events</a></li> <!-- onclick="alert('This site is currently not available'); return false;"-->
            <li><a href="gaestebuch.php">Guestbook</a></li>
            <li><a href="contact.php">Contact</a></li>
        </ul>


Code: Alles auswählen

/*Navigation mit Dropdownmenü*/

* {margin: 0; padding: 0;}

/* Grundkram, also Design der Navi,.. */
ul#navi {
        list-style: none;
        font-size: 15px;
        }

/* Wie soll ein normales Listenelement aussehen?
* und natürlich nach Links gefloatet, damit die neben einander liegen */
ul#navi li  {
            float: left;
            background: #E9E9E9;           
            }

/* Die Hyperlinks
* Display: block; damit auch schön die gesamte Fläche der <li> anklickbar ist */
ul#navi li a   {
                display: block;
                padding: 5px 30px;
                color: #808080;
                text-decoration: none;
                font-size: 15px;
                }

/* Das Aufklappmenü
* Wichtig ist hier, dass normal display: none; ist,
* damit wir das später per hover einblenden können */
ul#navi li ul   {
                display: none;
                list-style: none;
                position: relative;
                padding: 3px 30px;
                }

/* Aussehen der unterpunkte verändern
* float: none; damit diese Punkte untereinander angezeigt werden
* (Der oben definierte Stylekram muss ggf. hier überschrieben werden) */
ul#navi li ul li    {
                    float: none;
                    border: none;
                    font-weight: 500;
                    font-size: large;
                    }

/* Die Hyperlinks in der Subnavi */
ul#navi li ul li a  {
                    float: none;
                    padding: 3px 15px;
                    color: #8A4B36;
                    }

/* Die eigentliche Aufklappfunktion:
* Wenn ein Listenelement überfahren wird,
* soll das sich darin befindliche <ul> angezeigt werden
* <Das ist die eigentliche Kustn bei dem ganzen xD> */
ul#navi li:hover ul {
                    display: block;
                    }


[Sören]

Das Submenü solltest du besser als Popout machen oder einfach dauerhaft anzeigen lassen, so stört das gewaltig.

Der Header-Schriftzug ist meiner Meinung nach auch in kleinen Browserfenstern viel zu groß.

Mal überlegt zwischen Navi und Inhalt mehr Abstand zu machen? Die jetzigen 1-2px fallen kaum auf.

[Sarkkan]

Das ist noch der Code den Sarkkan für mich gemacht hat

Zieh meinen Namen nicht in den Dreck!^^
Habe dir damals einen Link in einem Beitrag geschickt, wo ich jemandem anderen zuvor schon einmal einige Navigationen gebastelt habe. In dem geposteten Link zu dem anderen Beitrag ging es um Aufklappmenüs, unter anderem war genau dieser Effekt gewünscht.
Dennoch habe ich noch 2 Alternativen angegeben, beziehungsweise sogar noch eher zu diesen geraten.

Gruß
Sarkkan

[revils]

Entschuldigung....ich wollte noch hinschreiben "ohne ein schlechtes Bild von sarkkan zu machen"