WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   tre cirklar horisontellt på skärmen (https://www.wn.se/forum/showthread.php?t=1062385)

naak2803 2014-07-24 16:56

tre cirklar horisontellt på skärmen
 
Hej,
Nu är det stopp i hjärnan!

Behöver hjälp med tre cirklar i css bredvid varandra, lyckas få till en, den som skall vara i mitten, men hur gör jag de som ska synas till höger och vänster om den i css?

http://jsfiddle.net/Ks7j7/

JesperA 2014-07-24 19:22

http://jsfiddle.net/8rHAL/1/

Skall du ha mitten absolut i mitten och inte bara floatade så är det enklast att lägga in alla i en container som du centrerar istället.

x264 2014-07-25 00:06

http://jsfiddle.net/Ks7j7/4/

Hade kört på sådär i stället.

Men beroende på hur du vill ha det i slutproduktionen hade jag ändrat lite :)

jonssondesign 2014-07-25 09:31

Citat:

Ursprungligen postat av x264 (Inlägg 20495224)
http://jsfiddle.net/Ks7j7/4/

Hade kört på sådär i stället.

Men beroende på hur du vill ha det i slutproduktionen hade jag ändrat lite :)

Hade också kört på detta, men istället för att deklarera en fixed width på ul och sedan använda margin auto för att centrera ul elementet, så skulle jag bara gett ul en text-align:center; utan att deklarera varken margin eller width.

http://jsfiddle.net/Ks7j7/9/


Alla tider är GMT +2. Klockan är nu 22:53.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson