zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Fotogalerien

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 01.03.2013, 16:41
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von elLiLly Beitrag anzeigen
...aber auch mit der Größe der vergrößerten (also durch Mausklick geöffneten) Fotos, dass diese zu klein angezeigt werden. Wie kann ich die vergrößerten Fotos größer anzeigen lassen?
Wahrscheinlich verweist Du auf ein- und dasselbe Foto. Für die Miniaturansicht wurde ein Thumbnail erstellt (erkennst Du an dem "t" im Dateinamen), das kleinere Maße hat, als das Originalbild. Das macht man, damit die Seite schneller geladen wird.

Das Originalbild hat den Namen src="html5/pic1.jpg", das Miniaturbild den Namen src="html5/pic1t.jpg".
__________________
Gruß
Marko


Habt Geduld mit den Anfängern, schließlich wurde niemand allwissend geboren!
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 01.03.2013, 21:30
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2012
Beiträge: 33
elLiLly befindet sich auf einem aufstrebenden Ast
Standard

OK ich komm mir grad wie eine völlige Idiotin vor...

Ich werds hochladen, danke!

LG
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 01.03.2013, 21:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2012
Beiträge: 33
elLiLly befindet sich auf einem aufstrebenden Ast
Standard

Also hier der Link:

Elly's Nail Design

Ideen?
Wär euch sehr dankbar!

LG
Mit Zitat antworten
  #14 (permalink)  
Alt 02.03.2013, 09:29
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.136
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

das ist ziemlicher Murks. Validier mal das html.
Deine Dateinamen (Bilder) haben Leerzeichen!! Und wie bereits erklärt --> es werden jeweils 2 Größen pro Bild benötigt.
Mit Zitat antworten
  #15 (permalink)  
Alt 02.03.2013, 11:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2012
Beiträge: 33
elLiLly befindet sich auf einem aufstrebenden Ast
Standard

OK ich habs hier validiert:

Ergebnisse des CSS-Validators http://ellysnaildesign.4lima.de/Bildergalerie.html (CSS level 3)

Aber was muss ich da jetzt machen, bzw. welche Fehler hat er konkret gefunden und wie korrigier ich sie?

Sorry, bin Neuling, und habe von dem Validator und seinen Ergebnissen usw. keine Ahnung

LG
Mit Zitat antworten
  #16 (permalink)  
Alt 02.03.2013, 11:50
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.136
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

du sollst erstmal das html prüfen. Da sind schon üble Fehler drin:
Validator
  • der div header gehört in den body, nicht in den head
  • du hast mehrere css Sektionen
  • xhtml Syntax nicht beachtet
  • topmargin usw. ist auch falsch
  • die Pfade zu den Grafiken stimmen nicht (siehe oben)
das ist erstmal das gröbste...
Mit Zitat antworten
  #17 (permalink)  
Alt 08.03.2013, 14:23
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2012
Beiträge: 33
elLiLly befindet sich auf einem aufstrebenden Ast
Standard

Danke!! So, habe einiges ausgebessert. Bin endlich wieder zu was gekommen
Nun aber noch das restliche:

[Invalid] Markup Validation of http://www.ellysnaildesign.4lima.de/Bildergalerie.html - W3C Markup Validator

hmmm, wenn ich diese "margins" weg mach, dann ist mein Banner nicht mehr direkt an der Oberkante des Fensters angeordnet, sondern ein kleines Stückchen darunter...
Wie kann ich nun die restlichen Fehler beheben, ohne dass die Seite anders aussieht?

LG
Mit Zitat antworten
  #18 (permalink)  
Alt 09.03.2013, 22:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.05.2012
Beiträge: 33
elLiLly befindet sich auf einem aufstrebenden Ast
Standard

Und ich verstehe, nicht was bei diesen Fehlern falsch ist:



Line 189, Column 69: required attribute "alt" not specified

<img src="pics/banner_fuer_Website_b.png" width="961" height="202"/>


The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
Mit Zitat antworten
  #19 (permalink)  
Alt 09.03.2013, 22:23
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von elLiLly Beitrag anzeigen
Und ich verstehe, nicht was bei diesen Fehlern falsch ist:



Line 189, Column 69: required attribute "alt" not specified

<img src="pics/banner_fuer_Website_b.png" width="961" height="202"/>


The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Das steht da doch. Im IMG-Tag fehlt das Attribut "alt". Das ist ein alternativer Text, wenn das Bild nicht geladen wird / werden soll. Für die erfolgreiche Validierung musst Du dem IMG-Tag diesen alternativen Text zur Verfügung stellen.

Code:
<img src="pics/banner_fuer_Website_b.png" width="961" height="202" alt="Banner der Website" />
Siehe auch: http://www.bjoernsworld.de/html/alt-text.html
__________________
Gruß
Marko


Habt Geduld mit den Anfängern, schließlich wurde niemand allwissend geboren!
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 09.03.2013, 22:38
Neuer Benutzer
neuer user
 
Registriert seit: 09.03.2013
Beiträge: 4
spessarträuber befindet sich auf einem aufstrebenden Ast
Standard

Hallo,
ich bin noch recht neu hier und hätte auch mal eine Frage zum Thema Fotogalerien.
Es gibt ja die Möglichkeit einfache Fotogalerien mit html und CSS zu erstellen. Wenn ich das richtig verstanden habe, muss ich aber dabei jedes einzelne Bild separat einfügen. Das ist natürlich recht aufwändig, wenn man eine größere Anzahl von Bildern hat.
Ich habe aber gelesen, dass man mit PHP einen Bilderordner auslesen lassen kann und die Bilder so an die Galerie (z.B. Lightbox) übergeben kann.
Aber kann mir jemand erklären, wie man das möglichst einfach in ein html-Dokument einbaut?
Vielen Dank schon mal.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
bildergalerie, fotogalerie, galerie, homepage, javascript

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CMS mit Fotogalerien Baemx3 Serveradministration und serverseitige Scripte 2 26.07.2010 08:03
Fotos und Fotogalerien Dieter CSS 5 13.01.2004 21:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:44 Uhr.