infostabil > edb.internet.* > edb.internet.webdesign.html

Kurt Hansen (28.02.2020, 11:18)
Jeg vil gerne bruge "figcaption"
([..]), men der funker ikke
som forventet.

Se [..], hvor jeg har
brugt figcaption på den første anmeldelse til højre for indholdslisten.

Hvorfor hopper den til højre og hvorfor bliver "John France" ikke vist
helt oppe under billedet?
Kurt Hansen (02.03.2020, 09:23)
Den 28/02/2020 kl. 10.18 skrev Kurt Hansen:
> Jeg vil gerne bruge "figcaption"
> ([..]), men der funker ikke
> som forventet.
> Se [..], hvor jeg har
> brugt figcaption på den første anmeldelse til højre for indholdslisten.
> Hvorfor hopper den til højre og hvorfor bliver "John France" ikke vist
> helt oppe under billedet?


Figcaption virker åbenbart ikke. Jeg er i gang med at oprette en ny
hjemmeside/shop og der virker det heller ikke.
Se:
[..]
([..])

Der må være en anden måde at sætte en billedtekst ind, så teksten står
lige under billedet - altså uden mellemrum.
Dennis Munding (02.03.2020, 16:03)
Kurt Hansen wrote:

> Den 28/02/2020 kl. 10.18 skrev Kurt Hansen:
> Figcaption virker åbenbart ikke. Jeg er i gang med at oprette en ny
> hjemmeside/shop og der virker det heller ikke. Se:
> [..]
> -staccato-amp-other-danish-and-romanian-pieces--mihaela-oprea-violin/
> ([..])
> Der må være en anden måde at sætte en billedtekst ind, så teksten
> står lige under billedet - altså uden mellemrum.


Nej, det er svært at få det uden mellemrum, når du sætter
margin-bottom:1em; på dit img-tag (se libs.css linje 1977).

Derudover nedarver figcaption line-height:1.25; fra html'en sat i
libs.css linje 1705...
Kurt Hansen (02.03.2020, 21:10)
Den 02/03/2020 kl. 15.03 skrev Dennis Munding:
> Kurt Hansen wrote:
> Nej, det er svært at få det uden mellemrum, når du sætter
> margin-bottom:1em; på dit img-tag (se libs.css linje 1977).
> Derudover nedarver figcaption line-height:1.25; fra html'en sat i
> libs.css linje 1705...


Puha, det var da vist et større detektivarbejde, hva'? ;-)

Der er bestemt fordele ved et færdigbagt system, men der er jo også
ulemper. En af dem er, at systemets filer ikke er beregnet til at
redigere i og det er da også nærmest umuligt at overskue konsekvenserne
hvis man gør det.

libs.css er enorm og den indbyggede editor viser bare det hele på een
lang linje. Der er f.eks. 24 forekomster af "img", men uden linjeskift
er det jo vanskeligt/håbløst at gennemskue.
Bertel Lund Hansen (03.03.2020, 10:13)
Kurt Hansen skrev:

> libs.css er enorm og den indbyggede editor viser bare det hele på een
> lang linje. Der er f.eks. 24 forekomster af "img", men uden linjeskift
> er det jo vanskeligt/håbløst at gennemskue.


Jeg tror ikke det vil hjælpe dig ret meget, men du må gerne prøve
at sende den fil til mig. Jeg kan muligvis lave et script der
stiller den pænt op.
Kurt Hansen (03.03.2020, 10:28)
Den 03/03/2020 kl. 09.13 skrev Bertel Lund Hansen:
> Kurt Hansen skrev:
>> libs.css er enorm og den indbyggede editor viser bare det hele på een
>> lang linje. Der er f.eks. 24 forekomster af "img", men uden linjeskift
>> er det jo vanskeligt/håbløst at gennemskue.

> Jeg tror ikke det vil hjælpe dig ret meget, men du må gerne prøve
> at sende den fil til mig. Jeg kan muligvis lave et script der
> stiller den pænt op.


Tak for tilbuddet, Bertel, men jeg tror heller ikke at det vil hjælpe
mig. En af konsekvenserne af at pille ved systemets filer er, at så
mister man muligheden for support (helt eller delvist), så jeg må finde
en anden løsning på dette lille, kosmetiske problem.
Kim Ludvigsen (03.03.2020, 11:27)
Den 03.03.2020 kl. 15.13 skrev Bertel Lund Hansen:

> Jeg tror ikke det vil hjælpe dig ret meget, men du må gerne prøve
> at sende den fil til mig. Jeg kan muligvis lave et script der
> stiller den pænt op.


Det er der såmænd allerede nogle, der har lavet. Jeg vil stærkt anbefale
[..] der kan bruges til at minify og formatere
mange forskellige kodestumper, bl.a. CSS, JavaScript, PHP og HTML.
Bertel Lund Hansen (03.03.2020, 11:35)
Kim Ludvigsen skrev:

> Det er der såmænd allerede nogle, der har lavet. Jeg vil stærkt anbefale
> [..] der kan bruges til at minify og formatere
> mange forskellige kodestumper, bl.a. CSS, JavaScript, PHP og HTML.


Det ser imponerende ud, men den dumpede med et brag da jeg
prøvede med en Pythonfil. I Python afgør indrykningen hvilken
logik der er tale om, og cleancss rykkede alle linjer ud i første
position undtagen den første i en blok.

Men jeg vil da afprøve den med andre typer.
Jan Hansen (03.03.2020, 14:04)
Bertel Lund Hansen skrev:

> Kurt Hansen skrev:
> > libs.css er enorm og den indbyggede editor viser bare det hele på een
> > lang linje. Der er f.eks. 24 forekomster af "img", men uden linjeskift
> > er det jo vanskeligt/håbløst at gennemskue.

> Jeg tror ikke det vil hjælpe dig ret meget, men du må gerne prøve
> at sende den fil til mig. Jeg kan muligvis lave et script der
> stiller den pænt op.


I stedet for at rode med den fil, mon så ikke det er muligt at give den
<div>, som "Reviews" står i, en ID, og så sætte noget css sammen, der
kun gælder <img>,<figure> og <figcaption> inde i den div?
Dennis Munding (03.03.2020, 17:38)
Kurt Hansen wrote:

> Den 02/03/2020 kl. 15.03 skrev Dennis Munding: [..]
>> Puha, det var da vist et større detektivarbejde, hva'? ;-)


Nææ... Det tog 5 minutter.Jeg har brugt Firefox i mange år ( efter
anbefalinger herinde fra) og jeg skifter kun, hvis de holder op med at
udvikle på den.

I Firefox: Højre-klik på et element -> vælg "Inspicer element" i
menuen, der kommer frem.

Nu kan du se alle de regler, der påvirker det enkelte element - og du
kan oven i købet rette i dem, så du kan se hvilke ændringer, der skal
til for at løse problemet.

> Der er bestemt fordele ved et færdigbagt system, men der er jo også
> ulemper. En af dem er, at systemets filer ikke er beregnet til at
> redigere i og det er da også nærmest umuligt at overskue
> konsekvenserne hvis man gør det.


Ikke i min verden.
Man bruger mange gange mindst lige så meget tid - om ikke mere - på at
finde rundt i færdige cms'er, som det ville tage at lave sin egen side
fra bunden af.

Det kræver research/viden og de rigtige værktøjer at lave en hjemmeside,
men synes det er både tiden og slidet værd at gøre det selv. :-)

> libs.css er enorm og den indbyggede editor viser bare det hele på een
> lang linje. Der er f.eks. 24 forekomster af "img", men uden
> linjeskift er det jo vanskeligt/håbløst at gennemskue.


Som oftest er filerne i færdige cms'er enorme, for de skal jo ikke kun
passe til din/min side - de skal passe til tusindvis af sider...

Derfor bliver de let uoverskuelige.
Lignende emner