Kritikk på tromsfoto.net

[glad]

Hei

 

Har laget en egen template til gallery3

 

Hva synes dere? Hva kan gjøres bedre?

 

Er ikke sikkert den fungerer i alle browsere, men virker ihvertfall i de som er basert på webkit og moz.

 

Link: http://tromsfoto.net

[Froydiso]

.

Endret 31. januar 2016 av Froydiso

[glad]

Jeg sliter litt med å få dem sentrert. Valget er mellom display: inline-block på bildene og text-align: center på elementet som er rundt alle bildene, eller display: block på bildene og floate dem til venstre med faste marginer mellom hvert og ett bilde.

 

Display:inline-block løsningen gjør slik at det er umulig å sette høyde og bredde på elementene. Slik at når et bilde plutselig er på høykant så blir det rot.

 

Noen her som vet om en bedre måte å sentrere mange elementer (bilder) på?

 

Helt enig i forslagene dine, skal se hva jeg får til.

[glad]

Never mind, må nok bli fixed with, med media queries for forskjellige skjermstørrelser.

[Froydiso]

.

Endret 31. januar 2016 av Froydiso

[glad]

Jeg har fikset på det med overskriften. Nå er det likt mellomrom på begge sidene. Det andre problemet har med marginene på bildene å gjøre. Må prøve å tenke ut hvordan jeg kan få det første elementet på hver av radene til å ikke ha en margin-left.

 

Det første som slo meg var å ha en negativ margin på selve containeren, men det føles ut som en dårlig "hack".

 

Har du et forslag? Hvordan er det vanlig å gjøre det? Har prøvd å google litt uten å komme frem til noe vesentlig.

 

Eventuelt kan jeg gjøre slik at teksten på "om" og på kameraustyr også har de samme marginene.

 

Vet om det med breadcrubms, har bare ikke helt fått til å få bilde til å aligne seg i midten. Jeg kan tenke meg at det er en simpel css kode for å bakgrunnsbilde på li elementet til å stå i midten. Mener å huske det var slik, er noen år siden jeg kodet noe, hehe.

Endret 1. juni 2013 av glad

[Froydiso]

.

Endret 31. januar 2016 av Froydiso

[glad]

Fungerte fint med brødsmulene som du sa. Akkurat som jeg mente å huske

 

Det er vell ikke direkte enkelt å sette margin-left 0px for første bilde på hver rad. I så fall må man bruke PHP , og en teller som legger til en spesiell klasse for hvert første bilde, men dette forandrer seg jo avhengig av hvilken oppløsning du har på skjermen. I så fall må PHP kunne merke dette.

 

Skal se på det, og se hva jeg får til, men vil nok ta noe tid.

[MikkelRev]

1. W3C Markup validator - feiler.

2. WAWE validator - feiler.

3. Responderer dårlig.

4. Altfor smal. Er ikke alle som surfer via iPhone.

5. Ikkefunksjonelle pagineringslinker.

6. Om meg-siden har et bilde som ikke funker, og mangler tekst.

7. Hvorfor er Galleri, som visst er samme som forsiden, også et underpunkt under alle menyvalgene?

8. Kamerautstyr, hva med et bilde av ustyret?

9. Du bruker samme bilde på index og på full view, istedetfor thumbnails.

10. Skal du tvinge et bilde til en viss dimensjon både i bredde og høyde, burde du kanskje heller croppe istedetfor, så bildene ikke mister sin proporsjon.

Endret 11. juni 2013 av MikkelRev