Simply Homepage Hilfe....

  • Hallo,


    Ich hab hier mal ein bild angefertigt wie ich meine Hp machen möchte weiss aber net wie ich das mache :(



    Mfg


    viel könnt ihr mir helfen :D


    :schland:


    PS: Die Homepage sollte man nicht scrollen können nur
    den iFrame auto. halt wenn es nötig ist^^

    Kann ja mal ne beispiel Homepage link rein amchen wie ich die haben will
    wenn ihr das möchtet^^


    Mfg



  • Am einfachten nimmst du eine Tabelle mit 3 zeilen und einer Spalte mit 100% weite und 100% höhe ohne rand.
    Die mittlere zeile teilst du in 3 spalten. die beiden äußeren nimmst du für die links, die in der mitte für den iframe.
    Dem iframe gibst du einen namen den du dann bei allen links die in dem iframe geöffnet werden sollen als target.


    Solange du auf deiner Beispiel Homepage keine Werbung oder ähnliches hast kannst du gerne einen link posten.

  • aslo ich würde wie ganze Websteite mit CSS und einem flowlayout erstellen
    Hier mal ein Beispielcode für das Flowlayout


    [tabmenu]
    [tab='HTML']


    [tab='CSS']


    [/tabmenu]

  • so ich hab mla bissl rumgefummelt und das ist dabei raus gekommen.



    das mit alles mit <div....


    wie kann ich jetzt z.B den Content zum auto scrolle machen
    weil wenn ich da viel eingeben oder ein video rein mache sich das so nach unten zieht.


    Hier mal der HTML und CSS Code:


    HTML


    CSS


    MFG


    PS: Ihr könnt das ja
    auch bissl verändern und hier posten
    viel kann ich da von euch was dann benötigen :D


    Edit:


    Jetzt hab ich es sogar geschaft in den linken div buttons mit mouseover zu amchen :) :) :)



    mfg


    PS:
    HTML und CSS machen und lernen macht spaß :D


    EDIT:


    Kann man überhaupt den div content also wo Test und das Video drinne ist zum scrollen bringen?


    Wenn ja wie ?
    und wo HTML datei oder in der css


    Mfg


    Best Forum ever extreme schnelle antworten etc....
    :clapping: :clapping:

  • Ja, musst in der CSS-Datei für den entsprechenden div-Container noch die Eigenschaft overflow mit auto setzen, also

    Code
    1. overflow: auto;


    Dann sollte das mit dem Scrolln klappen.


    So hab ich sieht so aus


    Code
    1. #content {
    2. float:left;
    3. width:450px;
    4. background-color: #DDDDDD;
    5. overflow: auto;
    6. }


    aber der scrollt net
    muss ich vill noch irgendwo eintragen nach
    wie viel pixel er scrollen soll ?


    Mfg

  • Code
    1. max-height: 300px;

    Is halt nur nen Beispiel, die 300px wirste halt auf deine Situation anpassen müssen.


    cool klappt :)
    Kann man auch die
    Left , right und den Main container
    zu einer bild machen
    statt so nur grau ?


    Mfg


    EDIT:


    Hat suich erlegt habs herraus gefunden mit dem Bild bei Container etc


    EDIT:
    So sieht die HP zuzeit aus...


    Hier ma auf einem Test Webspace erst mal
    wenn sie dann fertig is auf meine main .de domain


    http://www.djcuebaseexample.de.gp


    Mfg


    EDIT:


    wenn ihr noch paar gute vorschläge für die HP habt
    bitte sagt es mir
    will eine geile machen :)


    und kann man auch mit HTML ein Gästebuch coden ?
    will net so ein fertiges Gästebuch haben



    mfg

  • Nein, kann man nicht, da brauchste schon eine serverseitige Sprache, meist PHP, aber auch andere Sprachen sind möglich, wie z.B. Java, Phyton, Ruby oder Perl oder auch .NET. Kommt natürlich auf die Ausstattung des Servers an, meist wird aber PHP verwendet.

  • warum ist der main Container so komisch?
    also wenn den Rechten und linken Contaienr schwarz mache
    und der in der mitte weiß bleibt
    rackt der auf dden rechten und linken rüber


    Siehe Screen:



    wie krieg ich das weg ?


    Mfg


    EDIT:


    Hab schon leute :D

  • Mit den divs gehst du schon in die richtige richtung.
    Versuch jetzt noch den rand um die navibilder weg zu bekommen (CSS: border: 0;)


    Auch scrollbalken innerhalb einer Website sind nicht gerade schön anzusehen. Schau dir mal die großen Webseiten wie facebook etc an, dort siehst du die ungeschriebenen Web 2.0 Richtlinien auf einen Blick :)

  • sry wegen doppel Post...


    hab ein neues problem mit dem Hintergrund
    dort möchte ich gerne ein Bild


    das will aber nicht so wie ich es will xD


    guckt hier


    Wenn ich das mit HTML mache sieht es so aus:


    HTML Code
    [cs]<body background="bg_hp.jpg">[/cs]


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


    Wenn ich das mit CSS mache sieht das so aus:


    CSS Code
    [cs]#container {
    margin:auto;
    width: 760px;
    background: #000000;
    background-image: url(bg_hp.jpg);
    }[/cs]


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


    Hier mal das Hintergrund bild was ich da haben will...



    © enkor16


    bei mir is es imemr fail :D
    verstehe ich net


    Mfg