Forum Övrigt Feedback till SweClockers Tråd Inlägg

Länk-ikoner på och margin under [img]:s samt vertikal centrering

1
Skriv svar
Permalänk
Medlem ★
●

Länk-ikoner på och margin under [img]:s samt vertikal centrering

Jag fnular på en ny funktion, prisoptimerade listor, i mitt fantastiskt uppskattade (18 installs totalt, hälften är väl jag själv) userscript som ger BB-Kod-knappar på prisjakt och har nu stött på tre små irriterande problem.

Det första är att bilder på forumet har en länkikon på sig om de är länkade, vilket fungerar utmärkt på stora bilder då de troligtvis inte är i vägen, men jag försöker få in 50x50 pixlar stora bilder i en tabell och där är de lite väl i vägen. Det hade varit trevligt att kunna inaktivera ikonerna på bilder med ett attribut (@Alling har föreslagit noicons tidigare tror jag).

Mitt andra problem är att bilder får ca 2 km marginal nedåt, vilket gör att min vackra tabell blir onödigt stor och ful. Ett attribut som fixade detta hade också varit toppen.

Det tredje problemet är att jag inte kan centrera text vertikalt. Det gör stor skillnad utseendemässigt, så en tagg för detta eller ett attribut på tabell-celler hade uppskattats.

Problemen i bildform (heh, lite meta där):

[table][tr][td][b]Solid State-disk [/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=2880210"][img]http://s3.pji.nu/product/standard/50/2880210.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=2880210"]Samsung 850 EVO Series MZ-75E500B 500GB[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=304500175"]1 449 :-[/url][/td][/tr][tr][td][b]Processor[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=3226016"][img]http://s3.pji.nu/product/standard/50/3226016.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=3226016"]Intel Core i7 6700K 4,0GHz Socket 1151 Box without Cooler[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=379330841"]3 390 :-[/url][/td][/tr][tr][td][b]Grafikkort [/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=3730447"][img]http://s3.pji.nu/product/standard/50/3730447.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=3730447"]MSI GeForce GTX 1070 Gaming X HDMI 3xDP 8GB[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=592770444"]5 289 :-[/url][/td][/tr][tr][td][b]Chassi[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=2813873"][img]http://s3.pji.nu/product/standard/50/2813873.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=2813873"]Phanteks Enthoo EVOLV (Svart/Transparent)[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=275520006"]1 099 :-[/url][/td][/tr][tr][td][b]Moderkort[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=3266705"][img]http://s3.pji.nu/product/standard/50/3266705.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=3266705"]Asus Z170M-Plus[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=430124161"]1 109 :-[/url][/td][/tr][tr][td][b]CPU-kylare[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=2858162"][img]http://s3.pji.nu/product/standard/50/2858162.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=2858162"]Be-Quiet Pure Rock[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=294932530"]349 :-[/url][/td][/tr][tr][td][b]Nätaggregat[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=3330352"][img]http://s3.pji.nu/product/standard/50/3330352.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=3330352"]Corsair RM750X 750W[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=411351289"]1 090 :-[/url][/td][/tr][tr][td][b]DDR4-minne[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=3281463"][img]http://s3.pji.nu/product/standard/50/3281463.jpg[/img][/url][/center][/td][td][url="http://www.prisjakt.nu/produkt.php?p=3281463"]Corsair Vengeance LPX Black DDR4 PC24000/3000MHz CL15 2x8GB[/url][/td][td][url="http://www.prisjakt.nu/redirect.php?prisid=445182588"]914 :-[/url][/td][/tr][tr][td][/td][td][/td][td][right][b]Summa:[/b][/right][/td][td]14 689 :-[/td][/tr][/table]

BB-Kod som återskapar problemen

Solid State-disk

Samsung 850 EVO Series MZ-75E500B 500GB

1 449 :-

Processor

Intel Core i7 6700K 4,0GHz Socket 1151 Box without Cooler

3 390 :-

Grafikkort

MSI GeForce GTX 1070 Gaming X HDMI 3xDP 8GB

5 289 :-

Chassi

Phanteks Enthoo EVOLV (Svart/Transparent)

1 099 :-

Moderkort

Asus Z170M-Plus

1 109 :-

CPU-kylare

Be-Quiet Pure Rock

349 :-

Nätaggregat

Corsair RM750X 750W

1 090 :-

DDR4-minne

Corsair Vengeance LPX Black DDR4 PC24000/3000MHz CL15 2x8GB

914 :-

Summa:

14 689 :-

Faktisk tabell

Hur ska jag kunna konkurrera ut Inet-listor med de här förutsättningarna?!
#bbkod #BiberuMasturu @Biberu

Visa signatur

Spela Swemantle! Du vet att du vill.

Ibland har jag fel, men då är det någon annans fel.

Redigera
Citera flera Citera
Permalänk
99:e percentilen ★
●

Grymt initiativ! Gillar verkligen Inet, men tycker inte man (explicit eller implicit) måste begränsa sig till deras utbud när man ska köpa dator, som många gör.

Instämmer i feedbacken.

Visa signatur

Skrivet med hjälp av Better SweClockers

Redigera
Citera flera Citera
Permalänk
Legendarisk ★
●

@LemonIllusion, @Alling: Jag är borta några veckor, så ville bara svara lite snabbt att jag har sett tråden och återkommer.

Visa signatur

Abstractions all the way down.

Redigera
Citera flera Citera
Permalänk
Legendarisk ★
●

@LemonIllusion: Jag har lagt till ett attribut "valign" för att centrera innehåll i tabellceller vertikalt, justerat stilen för marginalen nedåt på bilder, och det går även att använda attributet "static" på dessa för att skippa länk-/förstoringskontroller. Vill dock nämna att de här dokumenten behöver vara framåtkompatibla och kunna presenteras i olika miljöer och format, outputen är inte ens alltid HTML, och därför försöker jag generellt undvika att lägga till rena stilval.

[table]
    [tr]
        [td valign="middle"][b]Solid State-disk [/b][/td]
        [td valign="middle"]
            [center]
                [url="http://www.prisjakt.nu/produkt.php?p=2880210"]
                    [img static]http://s3.pji.nu/product/standard/50/2880210.jpg[/img]
                [/url]
            [/center]
        [/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=2880210"]Samsung 850 EVO Series MZ-75E500B 500GB[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=304500175"]1 449 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Processor[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=3226016"][img static]http://s3.pji.nu/product/standard/50/3226016.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3226016"]Intel Core i7 6700K 4,0GHz Socket 1151 Box without Cooler[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=379330841"]3 390 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Grafikkort [/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3730447"][img static]http://s3.pji.nu/product/standard/50/3730447.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3730447"]MSI GeForce GTX 1070 Gaming X HDMI 3xDP 8GB[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=592770444"]5 289 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Chassi[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=2813873"][img static]http://s3.pji.nu/product/standard/50/2813873.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=2813873"]Phanteks Enthoo EVOLV (Svart/Transparent)[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=275520006"]1 099 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Moderkort[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3266705"][img static]http://s3.pji.nu/product/standard/50/3266705.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3266705"]Asus Z170M-Plus[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=430124161"]1 109 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]CPU-kylare[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=2858162"][img static]http://s3.pji.nu/product/standard/50/2858162.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=2858162"]Be-Quiet Pure Rock[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=294932530"]349 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Nätaggregat[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3330352"][img static]http://s3.pji.nu/product/standard/50/3330352.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3330352"]Corsair RM750X 750W[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=411351289"]1 090 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]DDR4-minne[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3281463"][img static]http://s3.pji.nu/product/standard/50/3281463.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3281463"]Corsair Vengeance LPX Black DDR4 PC24000/3000MHz CL15 2x8GB[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=445182588"]914 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][/td]
        [td valign="middle"][/td]
        [td valign="middle"]
            [right][b]Summa:[/b][/right]
        [/td]
        [td]14 689 :-[/td]
    [/tr]
[/table]
Markup

(@Alling)

Visa signatur

Abstractions all the way down.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Biberu:

@LemonIllusion: Jag har lagt till ett attribut "valign" för att centrera innehåll i tabellceller vertikalt, justerat stilen för marginalen nedåt på bilder, och det går även att använda attributet "static" på dessa för att skippa länk-/förstoringskontroller. Vill dock nämna att de här dokumenten behöver vara framåtkompatibla och kunna presenteras i olika miljöer och format, outputen är inte ens alltid HTML, och därför försöker jag generellt undvika att lägga till rena stilval.

[table]
    [tr]
        [td valign="middle"][b]Solid State-disk [/b][/td]
        [td valign="middle"]
            [center]
                [url="http://www.prisjakt.nu/produkt.php?p=2880210"]
                    [img static]http://s3.pji.nu/product/standard/50/2880210.jpg[/img]
                [/url]
            [/center]
        [/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=2880210"]Samsung 850 EVO Series MZ-75E500B 500GB[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=304500175"]1 449 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Processor[/b][/td][td][center][url="http://www.prisjakt.nu/produkt.php?p=3226016"][img static]http://s3.pji.nu/product/standard/50/3226016.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3226016"]Intel Core i7 6700K 4,0GHz Socket 1151 Box without Cooler[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=379330841"]3 390 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Grafikkort [/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3730447"][img static]http://s3.pji.nu/product/standard/50/3730447.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3730447"]MSI GeForce GTX 1070 Gaming X HDMI 3xDP 8GB[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=592770444"]5 289 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Chassi[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=2813873"][img static]http://s3.pji.nu/product/standard/50/2813873.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=2813873"]Phanteks Enthoo EVOLV (Svart/Transparent)[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=275520006"]1 099 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Moderkort[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3266705"][img static]http://s3.pji.nu/product/standard/50/3266705.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3266705"]Asus Z170M-Plus[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=430124161"]1 109 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]CPU-kylare[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=2858162"][img static]http://s3.pji.nu/product/standard/50/2858162.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=2858162"]Be-Quiet Pure Rock[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=294932530"]349 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]Nätaggregat[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3330352"][img static]http://s3.pji.nu/product/standard/50/3330352.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3330352"]Corsair RM750X 750W[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=411351289"]1 090 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][b]DDR4-minne[/b][/td]
        [td valign="middle"][center][url="http://www.prisjakt.nu/produkt.php?p=3281463"][img static]http://s3.pji.nu/product/standard/50/3281463.jpg[/img][/url][/center][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/produkt.php?p=3281463"]Corsair Vengeance LPX Black DDR4 PC24000/3000MHz CL15 2x8GB[/url][/td]
        [td valign="middle"][url="http://www.prisjakt.nu/redirect.php?prisid=445182588"]914 :-[/url][/td]
    [/tr]
    [tr]
        [td valign="middle"][/td]
        [td valign="middle"][/td]
        [td valign="middle"]
            [right][b]Summa:[/b][/right]
        [/td]
        [td]14 689 :-[/td]
    [/tr]
[/table]
Markup

(@Alling)

Gå till inlägget

Underbart att höra och bra jobbat! Detta kommer ge ett rejält lyft utseendemässigt till mina tabeller. Hoppas det inte tog upp för mycket av din tid. Så fort jag kommer hem idag blir det att fixa till mitt userscript och smyga in lite listor i köprådsforumet.

Tack så mycket!

Visa signatur

Spela Swemantle! Du vet att du vill.

Ibland har jag fel, men då är det någon annans fel.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara