zui > edb.internet.* > edb.internet.webdesign.html

Kurt Hansen (05.10.2018, 12:46)
Jeg har svedt alt ud om grundlæggende HTML og jeg er derfor nødt til at
spørge:

Hvis man har en tabel med 4 kolonner og x-antal rækker, bør outputtet så
ikke tilpasse sig bredden af indholdet (på den bredeste række)?

Jeg leger p.t. med Shopify (webshopsystem), hvor jeg har indsat en tabel
i varebeskrivelsen:


Hvis det er nødvendigt at logge ind, så er adgangskoden "umaosh".
Jan Hansen (07.10.2018, 14:49)
5 Oct 2018 12:46:02 +0200 skrev Kurt Hansen <kurt>:

> Jeg har svedt alt ud om grundlæggende HTML og jeg er derfor nødt til at
> spørge:
> Hvis man har en tabel med 4 kolonner og x-antal rækker, bør outputtet så
> ikke tilpasse sig bredden af indholdet (på den bredeste række)?


Jo, og det gør det også, hvis jeg sletter table{table-layout:fixed}
i inspektøren, se <https://i.imgur.com/WrOnn6e.jpg>

Det kommer fra filen
<https://cdn.shopify.com/s/files/1/0056/3498/1977/t/1/assets/theme.scss.css>
der på aller brugervenligste vis er sat sammen til en lang linie.

Om der er noget at gøre ved det, har jeg imidlertid ingen anelse om.
Kurt Hansen (08.10.2018, 10:34)
Den 07/10/2018 kl. 14.49 skrev Jan Hansen:
> 5 Oct 2018 12:46:02 +0200 skrev Kurt Hansen <kurt>:
>> Jeg har svedt alt ud om grundlæggende HTML og jeg er derfor nødt til at
>> spørge:
>> Hvis man har en tabel med 4 kolonner og x-antal rækker, bør outputtet så
>> ikke tilpasse sig bredden af indholdet (på den bredeste række)?


> Jo, og det gør det også, hvis jeg sletter table{table-layout:fixed}
> i inspektøren, se <https://i.imgur.com/WrOnn6e.jpg>
> Det kommer fra filen
> <https://cdn.shopify.com/s/files/1/0056/3498/1977/t/1/assets/theme.scss.css>
> der på aller brugervenligste vis er sat sammen til en lang linie.


Skarp iagttagelse. Tak for det :-)

> Om der er noget at gøre ved det, har jeg imidlertid ingen anelse om.


Det skulle angiveligt være muligt at redigere en template, men det kan
jeg ikke finde ud af. Nu har jeg gang i deres support ;-)
Jan Hansen (08.10.2018, 12:32)
8 Oct 2018 10:34:47 +0200 skrev Kurt Hansen <kurt>:

> Det skulle angiveligt være muligt at redigere en template, men det kan
> jeg ikke finde ud af. Nu har jeg gang i deres support ;-)


Imens du venter på support, kan du jo prøve at sætte dette ind i varesider.css

table.cdcontent{table-layout:auto;}

eller også rette
<table class="cdcontent" summary="Content of DACOCD 799" border="0">
til
<table class="cdcontent" style="table-layout:auto;" summary="Content of DACOCD 799" border="0">

og så se, om ikke en af delene skulle virke.
Kurt Hansen (08.10.2018, 14:12)
Den 08/10/2018 kl. 12.32 skrev Jan Hansen:
> 8 Oct 2018 10:34:47 +0200 skrev Kurt Hansen <kurt>:
> Imens du venter på support, kan du jo prøve at sætte dette ind i varesider.css
> table.cdcontent{table-layout:auto;}
> eller også rette
> <table class="cdcontent" summary="Content of DACOCD 799" border="0">
> til
> <table class="cdcontent" style="table-layout:auto;" summary="Content of DACOCD 799" border="0">
> og så se, om ikke en af delene skulle virke.


Det er her ikke vores nuværende shop, men en Trial hos Shopify. Her ved
jeg ikke om man kan benytte eksterne css-filer.

Jeg har prøvet at lave ændringen i produktbeskrivelsen. Det er jo her
jeg har sat koden til tabellen ind og det ser ud til at virke :-)

Mit problem er dog mere overordnet. Jeg ønsker at de 3-4 linjer tekst
skal udgøre varebeskrivelsen. Tracklisten skal være en selvstændig
sektion som starter neden under de to øverste sektioner med cover og den
til højre med diverse felter.

Det tror jeg skal ændres i skabelonen for varesiden og det kan jeg ikke
finde ud af. Nu må jeg afvente at høre fra dem.
Jan Hansen (08.10.2018, 21:00)
8 Oct 2018 14:12:13 +0200 skrev Kurt Hansen <kurt>:

> Mit problem er dog mere overordnet. Jeg ønsker at de 3-4 linjer tekst
> skal udgøre varebeskrivelsen. Tracklisten skal være en selvstændig
> sektion som starter neden under de to øverste sektioner med cover og den
> til højre med diverse felter.
> Det tror jeg skal ændres i skabelonen for varesiden og det kan jeg ikke
> finde ud af. Nu må jeg afvente at høre fra dem.


Det er nu ikke så svært at få tracklisten til at fylde hele bredden:
indsæt "</div></div>" lige inden linien "DACOCD 799 [DDD] - Released 2018"
og slet de første to </div> under tabellen.
Har du ikke adgang til at slette dem under tabellen, så indsæt to <div> i
stedet for.
Jeg har lavet en demo her:
Jeg satte samtidig et link ind til en ekstern varesider.css og et
javascript, der moderniserer de spilknapper.
Det er på linie 648 - 653 i filen, hvis du vælger "vis kode".
Jan Hansen (09.10.2018, 10:16)
8 Oct 2018 21:00:14 +0200 skrev Jan Hansen <jhjjhjhhansen>:

> indsæt "</div></div>" lige inden linien "DACOCD 799 [DDD] - Released 2018"


Det var noget sludder, den afdeling skulle vel blive stående til højre
for billedet. Jeg har rettet det, så det nu er på linie 646-651 jeg
har ændret. Afspilleren er stadig med i højre side, hvis den også skal til
venstre, er det bare at flytte "</div></div>" om på den anden side af den.
Kurt Hansen (09.10.2018, 20:08)
Den 08/10/2018 kl. 21.00 skrev Jan Hansen:
> 8 Oct 2018 14:12:13 +0200 skrev Kurt Hansen <kurt>:
> Det er nu ikke så svært at få tracklisten til at fylde hele bredden:
> indsæt "</div></div>" lige inden linien "DACOCD 799 [DDD] - Released 2018"
> og slet de første to </div> under tabellen.
> Har du ikke adgang til at slette dem under tabellen, så indsæt to <div> i
> stedet for.
> Jeg har lavet en demo her:
> Jeg satte samtidig et link ind til en ekstern varesider.css og et
> javascript, der moderniserer de spilknapper.
> Det er på linie 648 - 653 i filen, hvis du vælger "vis kode".


Jeg er halvfuld og kan ikke lige teste det, men det vil jeg gøre i
morgen, når jeg har sovet rusen ud.

Jeg er en stabil beundrer af dine evner, Jan.
Mange tak for hjælp so far :-)
Kurt Hansen (10.10.2018, 10:16)
Den 08/10/2018 kl. 21.00 skrev Jan Hansen:
> 8 Oct 2018 14:12:13 +0200 skrev Kurt Hansen <kurt>:
> Det er nu ikke så svært at få tracklisten til at fylde hele bredden:
> indsæt "</div></div>" lige inden linien "DACOCD 799 [DDD] - Released 2018"
> og slet de første to </div> under tabellen.
> Har du ikke adgang til at slette dem under tabellen, så indsæt to <div> i
> stedet for.


De to </div> under tabellen må være nogen browseren laver; de figurerer
ikke i min kode.

Hvad værre er: Hvis jeg indsætter to <div> under tabellen, så retter
editoren i Shopify det automatisk til:

<div>
<div></div>
</div>

- når jeg gemmer ændringerne.

> Jeg har lavet en demo her:
> Jeg satte samtidig et link ind til en ekstern varesider.css og et
> javascript, der moderniserer de spilknapper.
> Det er på linie 648 - 653 i filen, hvis du vælger "vis kode".


Det fungerer jo fint, men har du ikke "bare" kopieret den renderede kode
fra browseren?

Shopify er umiddelbart svaret på mine bønner og mine krav til et smart
layout er beskedne. Det skal bare virke logisk for brugerne og salg af
download af musikfiler skal fungere, men jeg kan ikke leve med at
tracklisten skal indgå som en del af varebeskrivelsen og det er jo det
vi tumler med lige nu.

Shopify's support er faktisk udmærket, men når det kommer til at ændre
på noget layout i en af deres skabeloner, så henviser de til eksterne
konsulenter og her er en typisk pris $500. Det har vi simpelthen ikke
råd til.
Jan Hansen (10.10.2018, 12:42)
10 Oct 2018 10:16:02 +0200 skrev Kurt Hansen <kurt>:

> Det fungerer jo fint, men har du ikke "bare" kopieret den renderede kode
> fra browseren?


Jo, det er korrekt. Jeg har rettet i det indenfor det område, som du burde
have adgang til at rette i. Efter "function afspil", som jeg regner med du
har sat ind, og inden afspilleren, har jeg indsat 2 * </div> for at
afslutte deres div i højre side af skærmen. Hermed landede tabellen i en
div, der fylder en større del af skærmen. Der kommer så for mange </div>
på siden, det har jeg kompenseret for ved at slette 2 </div> under
tabellen. Hvis det ikke kan lade sig gøre, kan man indsætte 2 <div> i
stedet for.
Hvis den eneste adgang til shopify er en editor, hvor man ikke kan indsætte
en </div> uden det er ledsaget af en <div>, er der nok ikke så meget at
gøve ved det. Det er jo også begrænset hvor meget html, man kan indsætte
på facebook.

> Shopify's support er faktisk udmærket, men når det kommer til at ændre
> på noget layout i en af deres skabeloner, så henviser de til eksterne
> konsulenter og her er en typisk pris $500. Det har vi simpelthen ikke
> råd til.


$500 for at flytte 2*</div>, som du selv burde kunne flytte i editoren.
Glem alt om de bondefangere.
Jan Hansen (10.10.2018, 16:01)
10 Oct 2018 10:16:02 +0200 skrev Kurt Hansen <kurt>:

> Hvad værre er: Hvis jeg indsætter to <div> under tabellen, så retter
> editoren i Shopify det automatisk til:
> <div>
> <div></div>
> </div>
> - når jeg gemmer ændringerne.


Når afspil-knapperne virker, må du jo kunne indsætte javascript i den editor.
Jeg har derfor lavet en js-funktion, der flytter tabellen de 2*div ud.
Det står i eksemplet på linie 642 til 650 umiddelbart under function afspil.
Lignende emner