• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

chce zeby tylko img było hrefem a nie cały div

VPS Starter Arubacloud
0 głosów
235 wizyt
pytanie zadane 25 marca 2017 w HTML i CSS przez Vorex444 Dyskutant (9,610 p.)

Cześć mam pytanie co muszę zrobić aby tylko po najechaniu ma img  można było przejsc na stronę ktora bedzie podoba w href.

<div class="media">
<a href="https://www.facebook.com/Woojtek1" target="_blank">
<img class="fb" src="img/fb.png" alt="facebook"/>
</a>
</div>

w tej chwili mam takie coś, ale nawet jak sie najedzie obok na diva to i tak mozna kliknać link mimo ze myszka nie jest na img 

komentarz 25 marca 2017 przez Magicone Nałogowiec (45,100 p.)
a jakie style mają podane elementy?
komentarz 25 marca 2017 przez Vorex444 Dyskutant (9,610 p.)
.media
{
    height: 40px;
    background-color: #FFFFFF;
}


.fb
{
    display: block; 
    margin: 0 auto;
    cursor: pointer;
    transition: 1s;
}

.fb:hover
{
    opacity: 0.8;
}

 

komentarz 25 marca 2017 przez Magicone Nałogowiec (45,100 p.)
sam sobie odpowiedziałeś, obrazek ma display: block :P

2 odpowiedzi

+1 głos
odpowiedź 25 marca 2017 przez Magicone Nałogowiec (45,100 p.)
wybrane 25 marca 2017 przez Vorex444
 
Najlepsza
dodajesz do .media atrybut text-align: center :P
komentarz 25 marca 2017 przez Vorex444 Dyskutant (9,610 p.)
to było tak proste i na to nie wpadłem, dzięki :D
komentarz 25 marca 2017 przez Vorex444 Dyskutant (9,610 p.)

wszystko ekstra tylko zrobiłą mi się mała szpara pod img, której z display block nei było :D 

komentarz 25 marca 2017 przez Magicone Nałogowiec (45,100 p.)
hmm, line height?
+1 głos
odpowiedź 25 marca 2017 przez Codeboy Stary wyjadacz (12,120 p.)
To przez display: block dla .fb
komentarz 25 marca 2017 przez Vorex444 Dyskutant (9,610 p.)
gdy to usuwam to obrazek już nie jest wyśrodkowany, a inne sposoby jakoś mi nie działały może wiesz jak to wyśrodkować?
komentarz 25 marca 2017 przez Codeboy Stary wyjadacz (12,120 p.)

Dostałeś już odpowiedź, ale jeśli chcesz się nauczyć więcej o środkowaniu kontentu itp. to polecam:Flexbox

A tutaj szybko zrozumiesz jak to działa w postaci mini-gierki :D
flexboxfroggy

komentarz 25 marca 2017 przez Vorex444 Dyskutant (9,610 p.)
ok dzięki ;D

Podobne pytania

+1 głos
2 odpowiedzi 135 wizyt
0 głosów
3 odpowiedzi 351 wizyt
0 głosów
1 odpowiedź 531 wizyt
pytanie zadane 18 lipca 2018 w HTML i CSS przez Michał Rupiński Początkujący (270 p.)

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...