---
title: 'Tabeller och bilder'
url: 'https://groovy.simplo.dev/exempel/byggstenar/tabeller-och-bilder'
updated: '2026-10-30'
description: 'Tabellval, kod och bilder med bredd, skugga och linje.'
---

# Tabeller och bilder

Tabellval, kod och bilder med bredd, skugga och linje.

## Tabeller

Sajtens preset gör tabeller randiga.

| Tjänst | Svarstid | Tillgänglig |
|---|---|---|
| Inloggning | 120 ms | 99,9 % |
| Sök | 80 ms | 99,9 % |
| Export | 900 ms | 99,5 % |

Utan linjer, med en smal första kolumn:

| Status | Betydelse |
|---|---|
| Öppen | Väntar på en handläggare |
| Pågår | En handläggare arbetar med ärendet |
| Stängd | Ärendet är löst |

## Kod

```php
<?php
$arende = $klient->hamta(1042);
echo $arende->rubrik;
```

## Bilder

Klicka på en bild för att se den i full storlek.

![En sjö med berg bakom](https://groovy.simplo.dev/exempel/byggstenar/tabeller-och-bilder/fjall.jpg)

Med halva bredden, till höger och med en tunn linje:

![Översikten i tjänsten](https://groovy.simplo.dev/exempel/byggstenar/tabeller-och-bilder/oversikt.png)

Texten flyter runt bilden. Bredd, placering, skugga och linje sätts per bild, och en bild blir aldrig högre än en viss del av fönstret.

Även en liten bild på en rad med text går bra: klicka på ![Info](https://groovy.simplo.dev/exempel/byggstenar/tabeller-och-bilder/ikon.png) för mer information.

---

## Navigation

- Parent: [Byggstenar](https://groovy.simplo.dev/exempel/byggstenar.md)
- Previous: [Rutor och steg](https://groovy.simplo.dev/exempel/byggstenar/rutor.md)
- Next: [Filer och inbäddningar](https://groovy.simplo.dev/exempel/byggstenar/filer.md)