Beiträge von einsiedler

    Habe mal etwas anderes ausprobiert, das bei mir jedenfalls funktioniert (Opera 49.0 / Firefox 57.0 und IE 11)


    Mein CSS dazu:



    Bitte testet es auch mal aus, also Schriftgröße vergrößern und auch das Browserfenster zusammenschieben UND auch beides zusammen...


    Bitte gebt mal eine Rückmeldung mit Browerangabe eventuell ein Screensshot...


    Achso hier noch mal der Link zur: TESTSEITE


    Grüße der einsiedelnde

    Hallo liebe Forumer,

    ich möchte mal, das ihr ausprobiert ob es funktioniert was ich vorhabe:


    (Bei meinem Opera 49.0 / Firefox 57.0 und IE 11 scheint es zu funktionieren!)


    Bitte gebt mal eine RÜCKMELDUNG!


    Seite in der Anwendung


    Hier mein CSS dazu:




    Sicherlich kann da noch etwas wegfallen was nicht unbedingt nötig ist!


    Hier beschreibe ich meine Absicht:


    [Blockierte Grafik: http://www.welten-bau.de/test/img/anmerkungen1.jpg]


    Ich hoffe ihr versteht mein Anliegen!


    Wichtig ist zu erfahren ob es bei euren Browsern auch funktioniert!


    Lieben Gruß der einsiedelnde

    hi JR Cologne,


    ich habe es mal versucht.....


    [Blockierte Grafik: http://goo.gl/vcpG1t]



    zur zusätzlichen erläuterung:


    (links auf der zeichnung geht`s los! = startseite)


    dort siehst du den viewport, oben rechts ist das hauptmenue ( works text news cv kontakt/impressum ) ===> bei klick >>> geht es jeweils auf eine neue unterseite weiter ( works text news ..... )


    die jeweilge unterseiten kann man horizontal scrollen



    weiter am beispiel der unterseite "works" ( zeichnung weiter rechts )


    dort ist wieder der viewport


    unten im footer ( grün eingekreist ) ist eine menueleiste wo man zwischen mehrere fotos wählen kann (hier BILD 1 --> Bild 9) ===> bei klick >>> geht es jeweils auf eine neue unterseite BILD 1, BILD 2, Bild 3 .... weiter....


    das foto wird im darüber liegenden orangenen bereich angezeigt


    BILD 1, BILD 2, BILD 3, BILD 4 ..... können aber auch aus mehreren fotos (aber auch videos) bestehen, deshalb kann man im orangenen bereich weiter nach rechts scrollen


    dazu sollen die bottons >> und << zum scrollen dienen (in der skizze hell-blau eingezeichnet), die findet man im footer unten neben den "BILD 1 --> BILD 9" bottons


    mit denen soll man zwischen den weiteren fotos (beispielsweise im bereich BILD 1...) hin und her scrollen können


    so, nun wollte ich dazu die anker-funktion anwenden, und die bottons >> und << (hell-blau eingezeichnet) zum hin und her bewegen


    noch habe ich ich keine genaue ahnung wie man das anstellen könnte


    für die anker habe ich id`s verwendet ( 1 2 3 ... ) (dabei können (auf der viewportseite) immer jeweils zwei fotos nebeneinander abgebildet werden / siehe skizze / sollte passen!)


    es müsste quasi eine variable hoch und runtergezählt werden ( ID ???? )


    ich habe die funktion label entdeckt und mit before: und after: wollte ich es hinbekommen



    -----


    <label id="l1" for="ID = 1"></label>
    <label id="l2" for="ID = 2"></label>
    <label id="l3" for="ID = 3"></label>


    (nur rein als gedankenskizze!!!!)
    ......




    label {
    cursor:pointer;
    }


    label:before , label:after {
    content:"<";
    ...
    }


    label:after {
    content:">";
    ...
    }



    ----------------



    ist DAS ein möglicher weg???



    grüsse siedler

    Ja sicherlich, entschuldigung! :o)



    Hier also der Quelltext, mit den Funktionen wie ich es mir vorstelle!






    Das Menue oben führt zu weiteren Unterseiten, die aber "mehrseitig" sind sodas man horizontal scrollt!


    Speziel jetzt das Menue unten, was dort zu sehen ist, erscheint nur bei der Unterseite "works", wo man dann die verschiedenen Arbeiten anklick, wobei es sich jedoch um mehrere Fotos handeln kann (oder ein Video) die man sich horizontal erscrollt!


    Villeicht.... , das habe ich mir auch gedacht, benutze ich das untere Menue (im Footer), bei den verschiedenen Unterseiten (die man oben anklickt) sozusagen als Kapitel-Überschrift!


    Ich möchte eigentlich, wenn es geht kein java-script benutzen müssen, villeicht nur zusätzlich, die Funktionen sollen aber auch ohne erreichbar sein!


    Vielen dank ersteinmal!


    Grüsse T.


    P.S. : Villeicht ist dieses ganze "Gerüst" auch viel zu umständlich gecodet und man würde es so in der Form nicht machen (bei horizontalen Webseiten)!
    Einen Tipp habe ich bekommen: http://www.gipspferd.de/forumhilfe/anker/anker.htm
    Stimmt das? Was denkt ihr?


    Als (relativ) funktionierendes Beispiel möchte ich diese Seite anführen obwohl mich einige Sachen vorallem der Navigation, sehr stören: http://elfletterig.nl/pjroggeband

    Liebe Leute, ich habe ein Problem,


    zwar funktioniert bei mir die horizontale Verankerung:


    Bild: http://goo.gl/VJGh3D Website: http://goo.gl/GHcctP


    dennoch habe ich eine Frage zu diesem Thema:


    ist es möglich anstatt von "BILD 1" "BILD 2" "BILD 3" ... wo man dann zur entsprechenden Stelle springt,


    lediglich ein >> und ein << einzusetzen???? Also ein >> für "weiter" und << für "zurück"!!!!


    das müsste doch mittels php funktionieren, habe aber keine Ahnung wie?


    Wer kann mir dabei helfen???


    Grüsse T.

    Da sind so einige if - then Fälle, das ist sehr unübersichtlich was alles zu bedenken ist....


    Ich meinte wenn man mit strg++ vergrössert, dann sollte doch auch alles stimmen........


    Nunja........


    Ich habe mal testweise ein Foto eingefügt, liege ich da richtig?


    <figure class="imgbox"> <img src="fotos/demofotos_700px/erdbeerteller_web.jpg" width="700" height="700" alt="Bild1"> </figure>


    und das css:


    figure {
    display: table-cell;
    padding: 0 0 0 0;
    text-align: center;
    }


    figure img {
    margin: 0; padding: 0;
    width: 100%; height: auto;
    }


    .imgbox {
    margin: 0; padding: 0;
    width: 36.45vw;
    }




    zumindest skaliert das Foto richtig mit wenn man mit strg++ (vergrössert) ......


    ist das richtig so.... und das foto mit 700 * 700 px richtig skaliert????



    gruss t.

    Aja, verstehe, es summieren sich ja auch die 2px für die outlines...... (die kommen später ja sowieso weg, sie sind momentan nur, das ich mir ein besseres Bild aller Grössen / Grössenverhältnisse machen kann und ob alles passt....


    Mit "slider" meinst Du warscheinlich den Wapper und/oder was darin untergeordnet ist.......


    Also werde ich es mal mit "overflow: scroll;" probieren.......


    DANKE.....
    also, ich muss es doch mit "position: fixed;" lösen..... und es geht.......


    doch was ich momentan noch nicht optimal finde, da beim vergrössern das horizontale menü in den content hineinragt..........


    ich habe mal dem h3 und auch dem header ein position: absolute mitgegeben, doch irgendwie will das menü nicht ganz nach oben,


    was gut wäre dann überschneidet sich nicht beiderlei inhalt.......

    vielen DANK!!!!


    es funktioniert, bin auch schon ein stück weiter, siehe: http://goo.gl/xYQxQR
    nur was ich nicht verstehe, der wrapper ist ein wenig grösser als der rote content..... es passt aber, wenn ich den viewport im FF auf 300% und im IE auf 400% erhöhe


    ansonsten, wenn ich den schwarzen rahmen im verhältnis zum roten rahmen verkleinere dann springt der rot-umrandete content in die nächste zeile um
    (bei 300 bzw. 400%iger vergrösserung des viewports)


    also ist es irgendwie so eine art puffer für irgendwas........ naja kann man eventuell verschmerzen da ja sonst alles klappt.........


    die anker-funktion funzt auch schon, was ich noch machen werde ist, das ich in jedem gelb-umrandeten div, ganz unten, noch einen anker-link nach HOME setzen werde
    (oder eventuell NUR ein anker-link zum vorhergehenden div-bereich, mal sehen.......... was meinst du, ist sinnvoller?)


    jetzt ist es noch so, das sich der "header" mitbewegt, als ich ihn fixed machen wollte (position: fixed) , dann rutschte der untere div-salat weiter nach oben .... :o(


    wieder so ein fehler......... *grrrrrr*


    B) um das menue (nav) neben dem titel zu bekommen (jetzt ist die "nav)" ja noch darunter, muss ich da wieder irgendwo clear anwenden, oder wie bekomme ich anders hin?


    C) wenn man den viewport vergrössert (strg++) bleiben ja nun die einzelnen divs in der breite des viewports, das ist gut so,
    und der inhalt verteilt sich weiter nach unten....... mal sehen, villeicht kommt nicht so viel content in son div das man noch viel vertical scrollen müsste......


    nunja....... gute n8


    t.

    PRIMA, DANKE Dir!


    Also muss ich mich dem Thema box-size-modelling widmen...


    Aber was mich nun interessiert, alle Angaben sind ja nun in px , ob das nun auch in % Angaben funktioniert (Stichwort responsive Design <<< falls dies überhaupt mit einem horizontalen Design funktioniert)


    Die Gesamtlängen-Angaben müssen wohl in px angegeben werden, sonst gleicht sich ja alles im Längenverhältnis an....


    Ich habe den Code mal ein wenig angepasst, siehe: http://goo.gl/xYQxQR
    *seufZ*


    Gruss T.
    Alles gut... soweit habe ich es...


    siehe: http://goo.gl/xYQxQR


    Nur sind momentan alle Angaben in px das möchte ich ändern, so das alle Angaben
    in % sind!
    Falls dies überhaupt möglich ist!!!!


    Da ergeben sich mir ein Paar Fragen:


    Es ist nicht so einfach, width für das blaue div sowie die einzelnen gelben divs im
    einfassenden roten div in % umzusetzen........
    Ich meine damit:
    Entweder: ich behalte die Angabe für den "wrapper" in px (hier 10800 irgendwas px.....)
    also alle divs nebeneinander sind irsinnig breit....
    und die div`s ( blau rot sowie die unterdivs in gelb) geb ich in % an......
    dann bedeutet das, das sich beispielsweise beim blauen div die 15% auf die 10800
    irgendwas px beziehen..... sehe ich das richtig?
    und so muss ich dann weitermachen: das rote div 5 stck. * 15% / das einzelne gelbe
    15%.......
    trotzalledem funktioniert das nicht, warum sehe ich das falsch?


    Achso oder ich mach die Angabe der "wrapper" auch in %, klaro das müssten dann
    ja mehr als 100% sein........
    Auch wenn ich das mache, funktioniert das nicht, warum?


    Igendwas bezieht sich immer auf irgendwas, aber es ist nicht klar ersichtlich worauf?


    Ich habe da keinen Überblick mehr!


    Wer kann mir da weiterhelfen und einen klaren Blick verschaffen!


    *seufZ*ende grüsse

    Hallo @ all,


    ich habe folgendes Problem:



    [Blockierte Grafik: http://www.tassilo.sturm.serve…ige/seiten_demo_float.jpg]


    Ich möchte das rot eingekästelte div (worin sich die orange gekästelten
    (unter)-divs befinden neben dem blau eingekästelten div anordnen


    Ich weiss, das die breite des rot-eingekästelten div zusammen mit dem blau eingekästelten div BREITER als der viewport ist.
    Das soll auch so sein, ich möchte ein horizontal scrollbare Webseite.


    Leider muss ich die orange eingekästelten (unter)-divs in einem zusammenhängenden (hier rot) zusammenfassen, da ich später mit anker zu dem entsprechenden (unter)-div springen möchte!
    Dabei wird der Inhalt der gelb umrandeten divs später noch breiter, hier zur Anschauung hab ich die mal nicht so breit gemacht!


    http://goo.gl/xYQxQR


    Ich habe alles ausprobiert: display-inline-block hier, position: ablosute;
    dort, in allen erdenklichen variationen!


    Wer kann mir dabei bitte Helfen?


    Ich bin am verzweifeln!



    Grüsse der einsiedelnde