jeg har lige lavet et eksempel da alt er på en lokal side pt. https://jsfiddle.net[...] Jeg skal have disse apple/android lignende ikoner til at være klikbare.. har prøvet lidt med et span eksempel fra en google søgning som ikke virkede.. any suggestions? Dette er en hobby og ikke noget jeg er decideret expert i.
--

Pretty Fly For a WIFI.. but It Hurts When IP Intel i7-4790K - Maximus VII Hero Z97 - EVGA GTX 780 SC - 16 GB HyperX 1866mhz - BenQ XL2720Z -

#1
Hønse
Gæst
21-11-2018 11:47

Rapporter til Admin

https://jsfiddle.net[...]
--
Gæstebruger, opret dit eget login og få din egen signatur.

#2
xMichaelC
Mega Supporter
21-11-2018 11:52

Rapporter til Admin

#1 Så skal det bare begrænses til at det kun er inde i div'en linket er. Har lige prøvet med .applications>#one>a Men der sker ikke rigtigt noget.
--
Pretty Fly For a WIFI.. but It Hurts When IP Intel i7-4790K - Maximus VII Hero Z97 - EVGA GTX 780 SC - 16 GB HyperX 1866mhz - BenQ XL2720Z -

#3
MadsAG
Ultrabruger
21-11-2018 12:03

Rapporter til Admin

Forstår ikke hvad det er du gerne vil. Du siger du vil have Smartphone lignende knapper - men de knapper er jo statiske i størrelsen og kvadratiske. Er det KUN baggrundsbilledet du vil kunne klikke på?
--

#4
Juusuhako
Monster Nørd
21-11-2018 12:15

Rapporter til Admin

#2 Læg billedet ind via HTML i stedet for CSS. https://jsfiddle.net[...]
--
Gigabyte Z77X-D3H i5 3570k @ 4.3GHz - Corsair H100i 8GB Corsair Vengeance Asus GTX780 DirectCU II OC

#5
xMichaelC
Mega Supporter
21-11-2018 14:32

Rapporter til Admin

#3 Det er hele div'en der skal være klikbar. ved ikke hvordan jeg ellers skal formulere det? Hele rektanglen med de runde kanter skal være et hyperlink der åbner en ny side. #4 Problemet her er at det nu kun er billedet der kan klikkes på. ligesom Office logoet med en orange div, har zoho så bare en hvid baggrund. Så derfor kan man ikke se formen af dens div.
--
Pretty Fly For a WIFI.. but It Hurts When IP Intel i7-4790K - Maximus VII Hero Z97 - EVGA GTX 780 SC - 16 GB HyperX 1866mhz - BenQ XL2720Z -

#6
Jepperdepper
Giga Supporter
21-11-2018 14:37

Rapporter til Admin

Smid linket udenom hver div i stedet for indeni? https://jsfiddle.net[...]
--

Sidst redigeret 21-11-2018 14:40

#7
Juusuhako
Monster Nørd
21-11-2018 18:29

Rapporter til Admin

https://jsfiddle.net[...] Alternativt kan du style "a" for sig selv: https://jsfiddle.net[...]
--
Gigabyte Z77X-D3H i5 3570k @ 4.3GHz - Corsair H100i 8GB Corsair Vengeance Asus GTX780 DirectCU II OC
--

Sidst redigeret 21-11-2018 18:30

#8
MadsAG
Ultrabruger
21-11-2018 18:35

Rapporter til Admin

#5 Nu går det da helt galt? Din div er jo kvadratisk, dit baggrundsbillede har intet med størrelsen på div’en at gøre, udover at den ligger i div’en. Style din div med border-radius, så får du dine runde hjørner.
--

#9
xMichaelC
Mega Supporter
21-11-2018 21:00

Rapporter til Admin

#6 Tak, lige præcis sådan der. Der manglede bare lige en > på en div som men så var den der... muy bien! Jeg endte lidt ud i at prøve med en bootstrap button i stedet. resultatet kan blive det samme! https://jsfiddle.net[...] #7 Tak :) #8 pas på du ikke forvirrer dig selv mester ;0).
--
Pretty Fly For a WIFI.. but It Hurts When IP Intel i7-4790K - Maximus VII Hero Z97 - EVGA GTX 780 SC - 16 GB HyperX 1866mhz - BenQ XL2720Z -
--

Sidst redigeret 21-11-2018 21:00