YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Div - Bewegung » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.929 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Div - Bewegung
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

 Div - Bewegung Antworten Zitieren Editieren Melden       UP

Hallo!

Ich versuche seit längerem etwas umzusetzen, was für euch wahrscheinlich eine leichtigkeit ist!

Ich würde gerne im oberen linken Feld unter dem Text "Öffnungszeiten" folgenden Text einfügen:

Zitat:
Montag: 8.30 - 12.00 u 15.00 - 18.00h
Dienstag: 8.30 - 12.00
Mittwoch: 15.00 - 18.00h
Donnerstag: 8.30 - 12.00
Freitag: 8.30 - 12.00
Telefonische Voranmeldung erbeten!


Dieser Text soll in dem weißem Feld "umherfahren", wenn man mit der Maus über den Text ist, soll der Text stehen bleiben. Der Text soll also kurz unter "Öffnungszeiten" erscheinen und noch im weißen Feld verschwinden. Wahrscheinlich ist das am leichtesten mit DIV`s zu erstellen?

Weiters hätte ich noch gerne, dass die ganze Grafik nicht nur horizontal zentriert ist, sondern auch Vertikal!

Hilfe wäre echt super!

Danke schonmal!

Dateianhänge:
unknown yourwbb_frage.html (488 Byte, 6 mal heruntergeladen)
jpg Frage_yourwbb.jpg (97 KB, 185 mal heruntergeladen)


__________________

20.01.09 10:12 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
Maniac_81 Maniac_81 ist männlich
PHP Profi


images/avatars/avatar-5230.gif

Dabei seit: 27.06.06
Beiträge: 2.087
Fähigkeiten: WBB3 Anfänger; WBB2 Profi
Herkunft: localhost/
Forenversion: 2.3; Lite 2.0

Antworten Zitieren Editieren Melden       UP

Hier eine kleines Beispiel für das mit der Maus:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
<div><marquee onmouseover="this.stop()" onmouseout="this.start()">
Montag: 8.30 - 12.00 u 15.00 - 18.00h<br />
Dienstag: 8.30 - 12.00<br />
Mittwoch: 15.00 - 18.00h<br />
Donnerstag: 8.30 - 12.00<br />
Freitag: 8.30 - 12.00<br />
Telefonische Voranmeldung erbeten!<br />
</marquee>
</div>


__________________
zufrieden mit meinem Support? dann hier bitte bewerten!

Sie haben 3 gelbe Bananen gewählt!

ÄPFEL! 3!!!

20.01.09 12:13 Maniac_81 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Maniac_81 in deine Kontaktliste ein MSN Passport-Profil von Maniac_81 anzeigen
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

Themenstarter Thema begonnen von NFL
Antworten Zitieren Editieren Melden       UP

So...
Jetzt hab ich das oben angeführte Problem anders gelöst, aber ein anderes ist aufgetreten!

Die Seite ist eigentlich völlig mit DIV`s realisiert worden.
Jetzt ist etwas GANZ komisches aufgetreten: Im Internet Explorer wirds richtig dargestellt, im Firefox falsch!

Code und Screens sind angehängt, ich hoffe mir kann da jemand helfen!

LG

php:
1:
</div>         <div style="position:absolute; left:262px; top:152px; width:681px; height:453px;">                 <img src="Bilder/Inhalt__Basisslice.gif" width="681" height="453" alt="">         </div>                 <div style="position:absolute; left:262px; top:152px; width:673px; height:444px; overflow:auto"                      style="font-family:Century Gothic,Verdana; padding:10px; font-size:14pt">                      <b>Willkommen</b>                      </br>                      </br>                      HalloWie du/ihr siehst/sehtwechseln oben links die Ordinationszeiten!                      </br>                      Au&szlig;erdem wird man links jeden Punkt anklicken k&ouml;nnen und in diesem Fenster wird alles angezeigt werden!                      </br>Auch Bilder sind hier problemlos m&ouml;glich:                      <p align="center"><img src="Bilder/Bildadresse.gif" alt="" border="0" width="280" height="209"></p>                      </br>                      Ich hoffe die Seite gef&auml;llt dir/euch!                      </br>                      </br>                      Und wenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein ScrollbalkenWenn der Text zu lange wird kommt ein Scrollbalken!                      </br>          </div>         <div style="position:absolute; left:6px; top:457px; width:234px; height:9px;">                 <img src="Bilder/index_12.gif" width="234" height="9" alt="">         </div>         <div style="position:absolute; left:6px; top:466px; width:234px; height:139px;">                 <img src="Bilder/Adresse__Basisslice.gif" width="234" height="139" alt="">         </div>         <div style="position:absolute; left:6px; top:605px; width:234px; height:5px;">                 <img src="Bilder/index_14.gif" width="234" height="5" alt="">         </div>         <div style="position:absolute; left:262px; top:605px; width:681px; height:5px;">                 <img src="Bilder/index_15.gif" width="681" height="5" alt="">         </div> </div> <!-- Ende der Slices --> </body> </html>


Dateianhänge:
jpg firefox.jpg (108 KB, 166 mal heruntergeladen)
jpg internet_explorer.jpg (112,13 KB, 158 mal heruntergeladen)
unknown index.html (7 KB, 5 mal heruntergeladen)


__________________

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von NFL: 27.01.09 12:07.

27.01.09 11:55 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Gib deinem Dokument erstmal einen Doctype mit auf den Weg, damit der Browser weiß, nach welchen Kriterien er den Code interpretieren soll.
http://de.selfhtml.org/html/allgemein/gr...htm#dokumenttyp

Dann schreib die breaks mal so:
<br> (HTML)
oder so:
<br /> (XHTML)

Und dann gib jedem einzelnen div maximal einmal das Attribut style mit.
Du schreibst ab und an:
<div style="blabla" style="blubblub">
Da kann es sein, daß der eine Browser beide Attribute style interpretiert, ein anderer aber nur das erste oder zweite.
Also schreib es so:
<div style="blabla; blubblub;">

__________________

27.01.09 12:35 Biggi ist offline Finden Als Freund hinzufügen
Hawkes
gesperrt 10/01/10


Dabei seit: 31.03.04
Beiträge: 213

Antworten Zitieren Editieren Melden       UP

Wenn er Marquee einsetzt kann er auf XHTML eh gleich mal sch***en.

Das Einsetzten von Divs macht noch lange kein XHTML Layout und ein XHTML Layout ist noch lange nicht semantisch gültig.
27.01.09 13:37 Hawkes ist offline Finden Als Freund hinzufügen
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

Themenstarter Thema begonnen von NFL
Antworten Zitieren Editieren Melden       UP

Super, danke! Freude (@biggi)

2 und 3 habe ich geändert, jetzt gehts!!!
Aber welchen Doctype sollte ich anhängen? Versagt

Eines bräuchte ich jetzt noch, dann geht die Seite komplett!
Ich denke dies ist nur über Javascript machbar!? (Oder zumindestn noch relativ einfach machbar)

Beim Klick auf "Ordinationszeiten auf einen Blick" oder einen der Menüpunkte soll das Hauptframe ausgeblendet werden und ein anderes (selbe Maße) eingeblendet werden.

Ich hab mich schon gespielt, aber die Lösung ist noch weit entfernt! Versagt

__________________

27.01.09 13:48 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
Hawkes
gesperrt 10/01/10


Dabei seit: 31.03.04
Beiträge: 213

Antworten Zitieren Editieren Melden       UP

Je nachdem was du dir zumuten willst. Momentan aktuell und modern ist XHTML 1.1, welches aber sehr restriktiv ist. Es bringt aber nichts, wenn du einen Doctype mitteilst und dann die damit verbundenen Regeln nicht einhältst. Deine Seite kannst du hier auf Konformität mit dem angegebenen Doctype prüfen: http://validator.w3.org/

Mal ein Zitat von Selhftml:

Zitat:

Beachten Sie:

Es gibt mehrere Alternativen zum marquee-Element. Eine davon ist, mit Hilfe von Kapitel Dynamischem HTML einen Lauftext-Effekt zu programmieren. Eine andere ist, so etwas mit Java oder Flash zu tun. Sie können ein Beispiel-Seite Beispiel mit Java aufrufen und ZIP-Datei Beispiel mit Java downloaden. In jedem Fall sollten Sie bedenken, dass zappeliger Text vom restlichen Inhalt ablenkt und bei übertriebener Verwendung sehr schnell störend wirkt.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Hawkes: 27.01.09 14:16.

27.01.09 14:13 Hawkes ist offline Finden Als Freund hinzufügen
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

Themenstarter Thema begonnen von NFL
Antworten Zitieren Editieren Melden       UP

Naja, aber bei der Seite (Danke fürn Link!) steht 1 Error, und der ist, weil kein doctype definiert ist! Gibt es keinen Stadard-typ oä?

Naja ich würde mal glauben, Javascript ist gut für die Seite geeignet, schließlich hat jeder javascript und ich brauche dann insgesamt nur eine .html datei!

__________________

27.01.09 14:20 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Den Doctype kannst du dir aussuchen.
Ich würde keinen gar zu alten nehmen.
Und dann solltest du dich eben, wie Admiral_Hawkes schon sagte, an die Syntax halten, die der Doctype verlangt.


JavaScript ist sicher heutzutage wesentlich weiter verbreitet, als viele behaupten.
Aber ich weiß, daß es gerade in Firmen häufig ausgeschaltet ist und die Mitarbeiter es nicht einschalten können.
Lösungen ohne JavaScript sind immer die schöneren. Zumindest würde ich JavaScript auch heutzutage noch nicht für etwas einsetzen, das wichtig ist und bei ausgeschaltetem JS gar nicht funktioniert.

__________________

27.01.09 14:26 Biggi ist offline Finden Als Freund hinzufügen
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

Themenstarter Thema begonnen von NFL
Antworten Zitieren Editieren Melden       UP

Also dein Rat wäre, lauter identische Seiten zu erstellen, wo nur der Inhalt unterschiedlich ist? Oder lieber eine Frame-basierende Seite? verwirrt

__________________

27.01.09 14:36 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
Synoxis
Mitglied


Dabei seit: 13.02.04
Beiträge: 311

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von NFL
Also dein Rat wäre, lauter identische Seiten zu erstellen, wo nur der Inhalt unterschiedlich ist? Oder lieber eine Frame-basierende Seite? verwirrt

Das erste wäre die bessere Variante. Frames sind veraltet und entsprechen nicht mehr dem heutigen Standard.
27.01.09 14:48 Synoxis ist offline E-Mail Finden Als Freund hinzufügen
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

Themenstarter Thema begonnen von NFL
Antworten Zitieren Editieren Melden       UP

Die animierte Grafik oben links würde dann aber natürlich auch immer neu geladen werden, was nicht optimal ist. Vielleichts wirds doch Javascript, aber ich finde keine Anleitung dazu

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von NFL: 27.01.09 14:56.

27.01.09 14:56 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
Marvin0704 Marvin0704 ist männlich
PHP-Friend ;-)


Dabei seit: 24.03.07
Beiträge: 113
Herkunft: Deutschland

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von NFL
Also dein Rat wäre, lauter identische Seiten zu erstellen, wo nur der Inhalt unterschiedlich ist? Oder lieber eine Frame-basierende Seite? verwirrt


Vielleicht unterstützt dein Server ja SSI ( siehe #include )? Das wäre eine Alternative zu den Identischen Seiten.

__________________
PHP-Friends - Internet, Soft- & Hardware, Erfahrungsberichte, PHP. Unsere Artikel zum digitalen Leben.
27.01.09 15:03 Marvin0704 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Marvin0704 in deine Kontaktliste ein
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Keine Frames.

Mach eine Seite, die aus vielen HTML-Dokumenten und einem in jede Seite eingebundenen CSS-Dokument besteht.
Du kannst auch PHP-Seiten machen und Dinge, die auf allen Seiten gleich bleiben (Navigation, Header, Footer), per include einfügen.

DIVs wechseln könnte auch per CSS möglich sein, aber sicher nicht gar zu einfach.
Schau dich mal auf http://www.cssplay.co.uk/ um, was alles mit CSS machbar ist.

__________________

27.01.09 15:06 Biggi ist offline Finden Als Freund hinzufügen
Hawkes
gesperrt 10/01/10


Dabei seit: 31.03.04
Beiträge: 213

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Biggi74
JavaScript ist sicher heutzutage wesentlich weiter verbreitet, als viele behaupten.
Aber ich weiß, daß es gerade in Firmen häufig ausgeschaltet ist und die Mitarbeiter es nicht einschalten können.
Lösungen ohne JavaScript sind immer die schöneren. Zumindest würde ich JavaScript auch heutzutage noch nicht für etwas einsetzen, das wichtig ist und bei ausgeschaltetem JS gar nicht funktioniert.


Da würde ich dann je nach Zielgruppe gehen. Die gängigen Browsermarktanalysten zeigen eigentlich, dass insgesamt ca. 98% aller Webnutzer Javascript aktiviert (also der Browser besitzt die Möglichkeit. NoScript Plugins natürlich mal rausgerechnet) haben.

Hier gibt es ebenfalls schöne Anleitungen für valide Layouts: http://www.css4you.de/wslayout1/index.html
27.01.09 15:35 Hawkes ist offline Finden Als Freund hinzufügen
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

Themenstarter Thema begonnen von NFL
Antworten Zitieren Editieren Melden       UP

Hallo! Erstmal Danke für die rege Teilnahme hier!

Ich hab mich jetzt trotzdem nach langem hin und her für Javascript entschieden, es haben e ohnehin +- alle!

Mein Problem ist halt die Umsetzung!

Ich denke mal, ich muss lauter Hauptdivs machen, die gleich groß sind und alle benennen?

Und weiter?

LG

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von NFL: 28.01.09 13:10.

28.01.09 13:09 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
NFL NFL ist männlich
Fun-Contest Gewinner


images/avatars/avatar-2836.jpg

Dabei seit: 28.04.05
Beiträge: 592
Forenversion: 2.3

Themenstarter Thema begonnen von NFL
Antworten Zitieren Editieren Melden       UP

Servus!

Ich habs jetzt hinbekommen Freude
Hier der Code, falls es jemanden interessiert:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
<!-- Javascript Anfang -->
    <script language="JavaScript">
            var i = 0
            function clean() {
        for (i=1; i<10; i++){document.getElementsByTagName("div")[i].style.visibility = "hidden";}
        }
            function show(number) {document.getElementsByTagName("div")[number].style.visibility = "visible";}
    </script>
<!-- Javascript Ende -->


Dann Divs machen! Der PC zählt durch und zwar von 0 weg und von Div 1 bis 10 (ist oben so angegeben)

Das Menü dann so aufbauen:

php:
1:
<div onclick="clean(); show(2)" style="cursor:pointer"Startseite </div>



LG

__________________

02.02.09 22:37 NFL ist offline E-Mail WWW Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Div - Bewegung