zurück zur Startseite
  


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

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

Hi,

wenn Du viele Fotos hast, die Du mit wenig Aufwand in ein Fotoalbum einbauen möchtest, könnte das Programm JAlbum etwas für Dich sein.

Quelle: JAlbum Homepage.
__________________
Gruß
Marko


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

So, bleiben nur noch die "margin" Attribute.... Wie gesagt, wenn ich sie weglasse, verschiebt sich mein Banner ein kleines Stückchen nach unten.

LG
Mit Zitat antworten
Sponsored Links
  #23 (permalink)  
Alt 10.03.2013, 03:26
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.04.2012
Beiträge: 109
Woogie befindet sich auf einem aufstrebenden Ast
Standard

Weil Du keine reset.css benutzt. Der Browser hat ja gewissen Voreinstellungen, die musst Du erst mal alle auf null setzen quasi. Die hier unten nutze ich immer. Erstelle eine neue css Datei und schreibd as unten aufgeführte rein, die css Datei musst Du dann vor deiner style.css datei laden also im Head einfach darüber schreiben.


Gruß Woogie

/* css-reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
}

article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section {
display: block;
}

:focus {
outline: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
Mit Zitat antworten
  #24 (permalink)  
Alt 10.03.2013, 03:31
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 Woogie Beitrag anzeigen
/* css-reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
Die margins und paddings setzt Du am einfachsten mit

*{
margin:0;
padding:0;
}

zurück. Alles andere ist doch viel zu aufwändig!

Mit "*" erreichst Du alle Elemente.
__________________
Gruß
Marko


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

Zitat:
Zitat von dercoe Beitrag anzeigen
Hi,

wenn Du viele Fotos hast, die Du mit wenig Aufwand in ein Fotoalbum einbauen möchtest, könnte das Programm JAlbum etwas für Dich sein.

Quelle: JAlbum Homepage.
Danke dercoe für den Tip.
Aber ich habe schon eine fertig gestellte Homepage. Jetzt fehlen nur noch die Bilder.
Und da ich die Bilder nicht einzeln einfügen möchte, dachte ich an die php-Lösung.
Kann ich mit JAlbum die Bilder auch in meine Homepage einbinden?
Mit Zitat antworten
  #26 (permalink)  
Alt 10.03.2013, 10:51
Benutzerbild von dercoe
Wissbegierig
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2010
Ort: NRW
Beiträge: 115
dercoe befindet sich auf einem aufstrebenden Ast
Standard

Hi,

JAlbum kannst Du mittels Iframe integrieren.

Evtl. gibt es da noch eine andere Möglichkeit.
__________________
Gruß
Marko


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

Zitat:
Zitat von dercoe Beitrag anzeigen
Die margins und paddings setzt Du am einfachsten mit

*{
margin:0;
padding:0;
}

zurück. Alles andere ist doch viel zu aufwändig!

Mit "*" erreichst Du alle Elemente.
So habe ich das nun gemacht! Sehr gut:

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

keine Fehler mehr! DANKE FÜR DIE HILFE!!!!

Können wir nun noch irgendwie die Bilder in die Mitte der Website bringen?

LG
Mit Zitat antworten
  #28 (permalink)  
Alt 10.03.2013, 11:57
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

Können wir nun noch irgendwie die Bilder in die Mitte der Website bringen?

LG

Ja, indem Du die Bilder in ein eigenes div packst und dieses dann mit text-align:center formatierst.

Am besten weist Du dem Bilder-Div eine Klasse (z.B. IMGCONTAINER) zu, falls Du mehrere Bilder auf verschiedenen Seiten zentrieren möchtest.

IMG ist ein Inline-Element und verhält sich so, wie die Textausrichtung im Elternelement. Wenn Du einen IMGCONTAINER verwendest, ist der das Elternelement vom Bild.
__________________
Gruß
Marko


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

Vielen Dank dercoe.
Ich werde das gleich mal ausprobieren und dann nochmal ne Rückmeldung geben.
Mit Zitat antworten
Sponsored Links
  #30 (permalink)  
Alt 10.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

Zitat:
Zitat von dercoe Beitrag anzeigen
Ja, indem Du die Bilder in ein eigenes div packst und dieses dann mit text-align:center formatierst.

Am besten weist Du dem Bilder-Div eine Klasse (z.B. IMGCONTAINER) zu, falls Du mehrere Bilder auf verschiedenen Seiten zentrieren möchtest.

IMG ist ein Inline-Element und verhält sich so, wie die Textausrichtung im Elternelement. Wenn Du einen IMGCONTAINER verwendest, ist der das Elternelement vom Bild.
Danke! Habs mit
Code:
text-align:center
ausprobiert. Die Bilder sind schon dem div "radioBoxImages" zugewiesen, da hab ichs eingefügt. Leider schiebt mir dadurch das ganze zu weit nach rechts
Von oben kann ich es durch
Code:
padding-top:100px
nach unten verschieben. Von der linken Seite kann ich es durch das Verstellen von
Code:
padding-left:...
aber leider nicht

Und dann hätte ich noch einen Wunsch an meine Galerie: Kann ich die Bilder auch so anordnen, dass sie einen größeren Abstand voneinander haben und dass die Bilder in 3 oder 4 Spalten und halt tabellenweise angeordnet werden?
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 09:03
Fotos und Fotogalerien Dieter CSS 5 13.01.2004 22:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:17 Uhr.