| Autor | Zpráva | ||
|---|---|---|---|
| KristýnaH Profil |
#1 · Zasláno: 29. 3. 2022, 11:10:23
Ahoj, před pár týdny jsem se začala učit HTML a CSS, postupně chci přejít na JS.
Mám k dispozici kurz od Learn2Code a jsem u kapitoly CSS designovani webu.
Logo máme vkládat pomocí background - CSS -
.logo a {
background: url("../obrazky/logo.png") left top no-repeat;
display: block;
width: 960px;
height: 105px;
text-indent: -9999px;
a HTML vypadá takhle -
<header>
<h1 class="logo">
<a href="#">TIME FOR HTML</a>
</h1>
</header>
Po zobrazení stránky na desktopu se mi ale obrázek neukazuje a stránka zůstává bílá.
Moc díky za rady
Kristýna |
||
| anonym_ Profil * |
#2 · Zasláno: 29. 3. 2022, 11:20:24
KristýnaH:
Pravděpodobně je špatná cesta k obrázku. Druhá věc je, že tento způsob vkládání loga je pro začátečníka naprosto nevhodný (pokud neví, co a proč přesně dělá). Na vložení loga do kódu použij klasický IMG, čili <a href=""><img src="..." alt="Time for HTML"></a>
|
||
| juriad Profil |
#3 · Zasláno: 29. 3. 2022, 13:27:57
Ta tvoje ukázka funguje, pokud je správná cesta k obrázku:
Živá ukázka |
||
| KristýnaH Profil |
#4 · Zasláno: 29. 3. 2022, 16:12:23
díky moc - cesta by měla být právě správná
|
||
| Kajman Profil |
Když si v prohlížeči dáte F12, uvidíte vývojářské nástroje. Tam bývá tab se síťovými požadavky. Po obnově stránky byste měla vidět, zda tam byl požadavek na obrázek a zda byl v pořádku.
Pokud máte css v samostatném souboru, co linkujete z html, tak cesta k obrázku je vůči souboru. Pokud máte css přímo v html, tak cesta je vůči adrese v prohlížeči. |
||
|
Časová prodleva: 2 roky
|
|||
0