Hjælp til "figcaption"

[Kurt Hansen]

Jeg vil gerne bruge "figcaption"
(https://www.w3schools.com/tags/tag_figcaption.asp), men der funker ikke
som forventet.

Se https://www.danacord.dk/frmsets/records/865-r.html, 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]

Post by Kurt Hansen
Jeg vil gerne bruge "figcaption"
(https://www.w3schools.com/tags/tag_figcaption.asp), men der funker ikke
som forventet.
Se https://www.danacord.dk/frmsets/records/865-r.html, 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:
https://sw62976.mywebshop.io/shop/6-piano-music/12-tango-jalousie-hora-staccato-amp-other-danish-and-romanian-pieces--mihaela-oprea-violin/
(https://bit.ly/2Tu4znV)

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]

Post by Kurt Hansen

Post by Kurt Hansen
Jeg vil gerne bruge "figcaption"
(https://www.w3schools.com/tags/tag_figcaption.asp), men der funker
ikke som forventet.
Se https://www.danacord.dk/frmsets/records/865-r.html, 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
https://sw62976.mywebshop.io/shop/6-piano-music/12-tango-jalousie-hora
-staccato-amp-other-danish-and-romanian-pieces--mihaela-oprea-violin/
(https://bit.ly/2Tu4znV)
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]

Post by Dennis Munding

Post by Kurt Hansen

Post by Kurt Hansen
Jeg vil gerne bruge "figcaption"
(https://www.w3schools.com/tags/tag_figcaption.asp), men der funker
ikke som forventet.
Se https://www.danacord.dk/frmsets/records/865-r.html, 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
https://sw62976.mywebshop.io/shop/6-piano-music/12-tango-jalousie-hora
-staccato-amp-other-danish-and-romanian-pieces--mihaela-oprea-violin/
(https://bit.ly/2Tu4znV)
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...

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]

Post by Kurt Hansen
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]

Post by Bertel Lund Hansen

Post by Kurt Hansen
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]

Post by 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
https://www.cleancss.com/ der kan bruges til at minify og formatere
mange forskellige kodestumper, bl.a. CSS, JavaScript, PHP og HTML.

[Bertel Lund Hansen]

Post by Kim Ludvigsen
Det er der såmænd allerede nogle, der har lavet. Jeg vil stærkt anbefale
https://www.cleancss.com/ 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]

Post by Bertel Lund Hansen

Post by Kurt Hansen
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]

Post by Kurt Hansen

Post by Dennis Munding

Post by Kurt Hansen

Post by Kurt Hansen
Jeg vil gerne bruge "figcaption"
(https://www.w3schools.com/tags/tag_figcaption.asp), men der
funker ikke som forventet.
Se https://www.danacord.dk/frmsets/records/865-r.html, 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

https://sw62976.mywebshop.io/shop/6-piano-music/12-tango-jalousie-hora

Post by Kurt Hansen

Post by Dennis Munding

Post by Kurt Hansen
-staccato-amp-other-danish-and-romanian-pieces--mihaela-oprea-viol
in/ (https://bit.ly/2Tu4znV)
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...

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.

Post by Kurt Hansen
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. :-)

Post by Kurt Hansen
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.

[Kurt Hansen]

Post by Kurt Hansen

Post by Kurt Hansen
Jeg vil gerne bruge "figcaption"
(https://www.w3schools.com/tags/tag_figcaption.asp), men der funker
ikke som forventet.
Se https://www.danacord.dk/frmsets/records/865-r.html, 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.
https://sw62976.mywebshop.io/shop/6-piano-music/12-tango-jalousie-hora-staccato-amp-other-danish-and-romanian-pieces--mihaela-oprea-violin/
(https://bit.ly/2Tu4znV)
Der må være en anden måde at sætte en billedtekst ind, så teksten står
lige under billedet - altså uden mellemrum.

For mig er det uvant at arbejde i et skræddersyet system, hvor den
indbyggede editor i visse tilfælge går ind og ændrer i koden - især hvis
jeg undtagelsesvist eksperimenterer med at redigere i WYSIWYG-mode.

Jeg FIK faktisk support - endda over telefonen, da de kunne se hvor
meget arbejde jeg faktisk havde lagt i det og så synes de (Smartweb) at
de godt ville hjælpe mig på vej.

Her er koden der virker (se samme link igen):

<a
href="Loading Image..."
target="_blank">
<img alt="John France review"
src="Loading Image..." style="width:
200px; margin: 0px;" title="John France review" /></a><br />
<em><strong>John France</strong></em>

Tricket er åbenbart så simpelt som at sætte et <br /> efter billedadressen?

Jeg ved ikke hvor tagget "title" kommer fra; det er ikke noget jeg har
sat ind i hvert fald og når jeg slår det op f.eks. her
https://html.com/attributes/link-title/, så kan jeg ikke helt overskue
det, men det er nok fordi jeg ikke orker at fordybe mig ind i det lige nu.