Support » Allmänna frågor » Bildplacering på fast sida

  • Jag skulle behöva lägga bilder parat med centredad text under, ett antal i rad.
    Hur får man enklast till detta?

    Exempel

    [B I L D] [B I L D] [B I L D]
    Text Text Text
    Text2 Text2 Text2

    Detta på en statisk sida.

    Hur får jag enklast till detta?

    /Jocce

Visar 1 svar (av 1 totalt)
  • Moderator Tor-Bjorn Fjellner

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Hej,
    Enklast är nog att bygga en tabell. Men det skulle innebära att du bygger in en minsta bredd för innehållet på din webbplats, om någon besökare har en smalare skärm kommer han/hon att tvingas bläddra höger-vänster för att kunna läsa sidan.

    En lösning på det problemet är att med CSS ange bildens bredd i procent av det tillgängliga utrymmet. För en smalare skärm blir då bilderna förminskade. (På en stor skärm kan bilderna komma att bli uppblåsta över sin ursprungliga storlek, något som eventuellt kan åtgärdas med css-parametern max-width.)
    Då skulle det kunna se ut så här (skrivs in i redigeringsläget ”text”):

    <table><tr>
    <td width=33%><div style="text-align: center;"><img src="url bild 1" alt="alternativ beskrivning bild 1" style="width:100%; max-width:400px;" /><br />Text rad 1<br />Text rad 2</div></td>
    <td width=33%><div style="text-align: center;"><img src="url bild 2" alt="alternativ beskrivning bild 2" style="width:100%;" /><br />Text rad 1<br />Text rad 2</div></td>
    <td width=*><div style="text-align: center;"><img src="url bild 3" alt="alternativ beskrivning bild 3" style="width:100%;" /><br />Text rad 1<br />Text rad 2</div></td>
    </tr></table>

    Men nu rör vi oss i utmarkerna av vad jag kan spåna utan att rent konkret testa mig fram.

    • Detta svar redigerades 1 månad, 2 veckor sedan av  Tor-Bjorn Fjellner. Anledning: Ändrade några = till ; och skrev in en max-width
Visar 1 svar (av 1 totalt)
  • Du måste vara inloggad för att svara på detta ämne.