• 23.04.2024, 10:44
  • Registrieren
  • Anmelden
  • Sie sind nicht angemeldet.

 

Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

Frames, Divs, Tabellen....

Dienstag, 10. Mai 2005, 18:58

Hi!

Ich lese im Web immer wieder: Keine Frames mehr benutzen und keine Tabellen, nehmt Divisions für Euer Hompagelayout!

Alles klar... würde ich ja gerne machen, aber kann mir bitte jemand erklären, wie ich das bei einer statischen HTML-Seite umsetzen soll, ohne die Navigation und die Kopf- und Fußzeilen auf jede anzuzeigende Content-Seite kopieren zu müssen?

Übersehe ich da was? Ich meine bei JSP, PHP, ASP und wie die ganzen dynamischen Seiten sonst so heißen, kann ich das ja verstehen, aber bei statischen Inhalten erscheinen mir der Einsatz von Frames die einzige sinnvolle Lösung zu sein....

Konkret geht es mir um dieses Beispiel (div): http://css4you.de/wslayout1/ex0008.html

Hier hat der Autor schön gezeigt, wie er das Design per <div> gestaltet hat... aber leider ist das Navigationsmenü ein Dummy und ich frage mich, wie das jemals bei einer statischen Seite funktionieren soll. ???

Kann mir da mal eben jemand unter die Arme greifen?

biddschedabber

Re: Frames, Divs, Tabellen....

Dienstag, 10. Mai 2005, 19:33

jo, da hast du recht.
da muss man immer mit copy-paste arbeiten.

aber ein include per programmiersprache oder ssi (server-side-include, kann wenig, aber das reicht) ist imho auch für den normalen html-autor machbar.

frames halte ich für eine private seite, die nicht per suchmaschine durchforstet werden soll und auch sonst geringere ansprüche hat, für durchaus erlaubt.
frames gibt es ja auch im xhtml-standard.
Gott hat die Welt ja nur in sieben Tagen erschaffen können, weil es keine installierte Basis gab.

Re: Frames, Divs, Tabellen....

Dienstag, 10. Mai 2005, 22:24

man kann statische seiten ja trotzdem dynamisch generieren. muss ja nicht live sein, kann ja auch im voraus gemacht werden. bei ner katalog-cd mit mehreren tausend indizierten artikeln wird man auch nicht alles von hand zusammenkopieren ;)

Re: Frames, Divs, Tabellen....

Dienstag, 10. Mai 2005, 23:10

So, hab da auch gleich nochmal ne Frage. Bei meinem Bierzähler, hab ich meherere Elemente, die bisher untereinander angeordnet sind:



Leider ist das ganez sehr unübersichtlich, deshalb wollte ich Elemente auch nebeneinander anordnen. Wie bewerkstellige ich dies am besten.

Ich habe bereits erfolglos mit "float:left" und Konsorten rumexpierimentiert, doch leider ohne Erfolg.

Cu Hurra

Re: Frames, Divs, Tabellen....

Dienstag, 10. Mai 2005, 23:43

Moin,

Also ich hab ja jetzt endlich auch den übergang von Tabllen zu div Layern geschafft.
Ich selber benutze jetzt, egal ob dynamische Seite oder statische, nurnoch div Layer bzw css Formatierung.
Wobei ich immer versuchen würde (wenn php unterstützung vorhanden) menus o.ä wenigstens dynamisch zu gestalten - die Grundsätze wie nen Include lernt man schneller als meinen Beitrag hier zu lesen ;).

Wen es interessiert :
Meine aktuelle Seite (link siehe sig) ist komplett Tabellenlos und wird nurnoch per css formatiert (wers nicht glaubt -> firefox plugin für webmaster und einfach css sperren ;))

MfG TrOuble

PS :

hurra dafür bräuchte man einsicht in deinen Code ;) aber generell ist der Ansatz über float: schonmal der richtige ;)

Re: Frames, Divs, Tabellen....

Dienstag, 10. Mai 2005, 23:44

Re: Frames, Divs, Tabellen....

Dienstag, 10. Mai 2005, 23:45

Zitat von »Y0Gi«

http://www.glish.com/css/[/quote]

http://www.css4you.de/posproperty.html

und viel eindrucksvoller :

http://www.stunicholls.myby.co.uk/boxes/krazy.html

;)

Re: Frames, Divs, Tabellen....

Mittwoch, 11. Mai 2005, 00:03

Hier mal der Code.

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<form name="kein_alkohol" method="post" action="eintragen_2.php">
      <div class="rahmen">
            <h3>Sorte</h3>
            <select name="bier" size=20 >
              ...
            </select>
      </div>      
      <div class="rahmen">
            <img src="gfx/keinbild.png" border="0" name="bild" alt="bild">
      </div>
      <div class="rahmen">
            <h3>Größe</h3>
            <select name="groesse" size="5" >
                  ...
            </select>
      </div>
      
      <div class="rahmen">
            <h3>Anzahl</h3>
            <select name="menge" size="5" >
                  ...
            </select>
      </div>
      <input type="text" name="Display" align="right" class="display" value="0.5">
      <div class="rahmen">
            <h3>Datum</h3>
            <select name="am" size=4>
                   ...
            </select>
      </div>      
      <div class="rahmen">
            <h3>Kommentar (optional)</h3>
            <textarea name="comment" cols="30" rows="10"></textarea>
      </div>
      <div class="rahmen">
            <h3>Wertung (optional)</h3>
            <select name="rate" size="4">
                  ...
            </select>
      </div>      
      <div class="rahmen">
            <button type="submit">Hau rein</button>
      </div>
</form>


Zuerst sollte ich wohl jeden "Element" eine eigene class zuweisen?

Vielen Dank

Cu Hurra

Re: Frames, Divs, Tabellen....

Mittwoch, 11. Mai 2005, 00:54

passender wären ids für die einzelnen elemente. ids dürfen nur je einmal vorkommen. diese so gekennzeichneten blöcke formatierst du dann im stylesheet mit float:, clear: und konsorten.

edit: wenn sich deine "rahmen" alle gleich verhalten sollen, gleich groß sind, keine (unterschiedliche) absolute positionierung (möglichst vermeiden, macht oft stress) haben o.ä., dann kannst du natürlich auch klassen nehmen.

wenn's dir hilft, schau dir mal das stylesheet von modforge (speziell die elemente mit ids, also mit # beginnend) an, wie ich da das spaltenlayout realisiert habe.