HTML i CSS problem z linkiem

pytanie zadane 16 lutego 2019 w HTML i CSS przez niezalogowany
edycja 17 lutego 2019 przez xmentor

Witam mam problem otóż umieściłem diva w divie i chce aby ten mniejszy div był linkiem a linkiem są dwa divy div logo i tytul umieszczam poniżej kod z HTMLa i CSSa

HTML

<meta charset="utf-8"/>
<meta name="description"content="Ed Edd n Eddy ponaj jedną z najlepszych kreskówek lat 90."/>
<mata name"keywords"content="ed,edd,i,eddy,kreskówka,lat,90,łamiszczęki,bajka,serial."/>
<meta name="author"content="Michał Boniakowski"/>
<link rel="stylesheet" href="arkusz.css">
</head>
<body>
<div id="logo">
<a href="file:///C:/Users/micha/OneDrive/Pulpit/logo.html"><div id="tytul">
Ed Edd i Eddy
</div>
</a>
</div>
</body>
</html>

CSS

body
{
margin:0px;

}
#logo
{
background:gray;
width:3440px;
height:40px;
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
}
#tytul
{
background:blue;
margin-left:auto;
margin-right:auto;
width:300px;
height:40px;
position:relative;
right:1560px;
text-align:center;
font-size:40px;
color:red;
}
#tytul:hover
{
background:black;
}

komentarz 16 lutego 2019 przez niezalogowany

umieść kod w bloczkach

komentarz 17 lutego 2019 przez xmentor Nałogowiec (49,520 p.)

@Michal123456,

Na przyszłość: poradnik jak wstawić kod

1 odpowiedź

odpowiedź 16 lutego 2019 przez lateM Pasjonat (17,660 p.)
edycja 16 lutego 2019 przez lateM

Problem występuje, ponieważ "div" jest domyślnie elementem blokowym - więc zajmuje całą dostępną przestrzeń (szerokość). Div w linku zajmuje 100% szerokości, dlatego wydaje Ci się, że klikasz w tego szarego diva, który go otacza.

Dodaj elementowi #tytul

display: inline;

Chociaż sam dodałbym wewnątrz linku element <span></span> który jest domyślnie elementem "inline" i wydaje się to bardziej naturalne...

(po zmianie którą Ci napisałem usuń to right, bo nie zobaczysz niczego na ekranie).

Edytuję odpowiedź, bo nie wiem co Ty chcesz wyczarować. Jeśli docelowo to ma być link w formie logo (obrazka) to powinno to wyglądać mniej więcej tak:

<a href="#" title="Przejdź w jakieś miejsce">
    <img src="link-do-logo.jpg" alt="">
</a>

Podobne pytania

0 głosów

1 odpowiedź 347 wizyt

WordPress- problem z linkiem aktywacyjnym

pytanie zadane 14 lipca 2017 w PHP przez mitsuukurinaa Bywalec (2,790 p.)

0 głosów

1 odpowiedź 835 wizyt

W okienku z linkiem do strony (messenger) ładuje się zły obrazek!

pytanie zadane 29 czerwca 2018 w HTML i CSS przez Kolberg Obywatel (1,560 p.)

–2 głosów

4 odpowiedzi 1,384 wizyt

Obrazek zmienia się w linki po najechaniu myszką CSS i HTML

pytanie zadane 11 września 2016 w HTML i CSS przez Rafik Obywatel (1,870 p.)

HTML i CSS problem z linkiem

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci