• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage(n) zu internen Links - und zu CSS3

D

d3mueller

Neues Mitglied
Hi, bin gerade dabei eine Webseite zu erstellen, mit HTML 5 und CSS3 hauptsächlich (für die mobilen Geräte werde ich noch ein Stylesheet ohne Css3 machen).
Habe es mal (ohne Bilder) testweise hochgeladen:

.: SGD :.
CSS-Datei: http://d3mueller.lima-city.de/style.css

Ich habe noch 3 Probleme:

1. Die Menüs sind ja mit internen Links gemacht ( z.B. href="#news") die zu einem Div führen, dass dann erscheint. Mein Problem: Wenn man auf den Link klickt, springt der Browser runter zu dem Div und man muss erst wieder hocscrollen, um das Menü zu sehen.
Kann man das verhindern? Wenn ja, wie?

2. Wenn man die Seite öffnet, ohne am Ende iwie #news oder so, dann ist noch gar kein Div geöffnet, und die Seite sieht komisch aus. Kann man dem Browser sagen, z.B. das Div mit der id="news" soll von anfang an aktiviert sein?
Oder kann man auch eine einfache HTML weiterleitung einrichten die dann auf die gleiche Seite weiterleitet, nur halt mit der Endung #news?
EDIT: Habe es versucht, der kommt dann in so eine endlos schleife und lädt die Seite unendlich mal neu, is ja auch logisch, weil er im Prinzip immer wieder auf die gleiche Seite kommt, wo er ja weiterleiten soll.

3.Wenn man momentan auf die Seite "Team" geht (oder andere Seiten ohne viel Inhalt), dann kann man immernoch recht weit runter-scrollen, weil ja das größte Div nur unsichtbar ist, die Höhe aber noch da ist. Kann man nicht sagen, wenn er nicht aktiviert ist, soll er die höhe auf 0px verringern?
Theoretisch könnte man das ja so machen:

Auszug aus meiner Style.css-Datei: (habe die Höhe mal eingefügt, immer ganz oben)
Code: 
#container div {
        height: 0px;                /* Höhe normal */
    font-size: 15px;
    font-family:Verdana, Geneva, sans-serif;
    text-align: justify;
    padding-left: 25px;
    padding-right: 25px;
        margin: 0 auto;
        border: 1px solid black;
        width:910px;
        position:absolute;
        opacity: 0;
        -moz-transition: opacity .5s linear;
        -o-transition: opacity .5s linear;
         transition: opacity .5s linear;
        -webkit-transition: opacity .5s linear;
    background-image: url(Bilder/content-textur.png);
    -moz-box-shadow: inset 0 0 10px #222;
    -webkit-box-shadow: inset 0 0 10px #222;
     box-shadow: 0 0 10px #222, inset 0 0 10px #222;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 1;

}

#container div:target {
    height: auto;           /* Höhe, wenn Div sichtbar ist */
        opacity: 1;
    z-index: 2;
}
Aber so funktioniert das leider nicht,die Seite ist immer noch scrollbar auf den kleinen Seiten. Wisst ihr, warum?

Ich hoffe ihr könnt mir helfen

Schon mal Vielen Dank und Lg

Dennis



PS: Hoffe ich bin im richtigen Forum, meine Fragen sind zu HTML undCSS. Hoffe, hier ist das okay.
 
Zuletzt bearbeitet:
Hi, danke für die schnelle Antwort.
Irgendwie will der Server da grad nicht. Habe die Weiterleitung rückgängig gemacht und die Dateien auf dem Server gelöscht und die neuen draufgeladen. Aber jetzt spinnt der total.
EDIT: schau mal hier Wie macht man das?! Switchende Navi
Zum Vergrößern anklicken....
Ja, das sieht zwar nett aus, aber das finde ich persöhnlich nicht so toll, da man alles auf einer Seite hat, und einfach zu scrollt im Prinzip. Und wenn man längere Seiten hat, geht das halt auch nicht mehr so gut. Aber danke
EDIT2: Server geht wieder.
 
Zuletzt bearbeitet:
Elroy schrieb:
Hallo.

Mein Vorschllag: Erstelle für jeden Menüpunkt eine neue Seite.

Du kannst auch mit PHP arbeiten und deinen Inhalt includieren.
PHP fr dich - Einbinden von Dateien mittels include

Gruss
Elroy
Zum Vergrößern anklicken....


Hi, ja das könnte ich machen, dann wären halt die animationen weg, aber ich glaub es ist besser mit extra Seiten.
Aber wie hilft mir php include weiter? Das verstehe ich irgendwie nicht. Weil ich kann ja jede Seite immer genauso aussehen lassen, wie die erste Seite oder? Oder geht es mit include irgendwie einfacher?

Lg
dennis

EDIT: Oder kann man das so machen:
Wenn man auf einen Link klickt (also halt <a onclick=... ) dann soll er die Datei X includen, und zwar im Bereich container(Id des Bereichs, wo der Inhalt erscheinen soll) zum Beispiel. Kann man das so machen?)

EDIT2:
Habe ne Seite gefunden:
http://www.der-webdesigner.net/tutorials/php/grundlagen/87-include.html
Geht das so?
 
Zuletzt bearbeitet:
d3mueller schrieb:
Hi, ja das könnte ich machen, dann wären halt die animationen weg, aber ich glaub es ist besser mit extra Seiten.
Aber wie hilft mir php include weiter? Das verstehe ich irgendwie nicht. Weil ich kann ja jede Seite immer genauso aussehen lassen, wie die erste Seite oder? Oder geht es mit include irgendwie einfacher?

Lg
dennis

EDIT: Oder kann man das so machen:
Wenn man auf einen Link klickt (also halt <a onclick=... ) dann soll er die Datei X includen, und zwar im Bereich container(Id des Bereichs, wo der Inhalt erscheinen soll) zum Beispiel. Kann man das so machen?)

EDIT2:
Habe ne Seite gefunden:
Der Php Include-Befehl - PHP Tutorial - Grundlagen - Webdesign Forum
Geht das so?
Zum Vergrößern anklicken....

EDIT3: Okay, hat sich alles erledigt. das mit dem include war ne richtig gute Idee. Danke! ;D
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben