Autor | Zpráva | ||
---|---|---|---|
zoomprojekt Profil |
#1 · Zasláno: 28. 10. 2010, 13:26:05
Snažím se udělat logo jako odkaz pomocí externího css souboru. Podle toho co jsem našel na netu a na těchto stránkách jsem to udělal takto:
v externím souboru jsem napsal: #logo {background-image: url("logo.jpg");} a v samotných stránkách potom takto: <a href="uvod.html"><div id="logo"></div></a> Problém je v tom, že mi to nefunguje a já netušim jak to zprovoznit :D. Díky za každou radu! PS: HTML ovládám, ale v CSS jsem začátečník tak po lopatě pls. |
||
Beavis Profil |
#2 · Zasláno: 28. 10. 2010, 13:42:03
zoomprojekt:
Tipuju to na špatné umístění souborů a odkazování na ně. Tzn. zkontrolovat si cesty, zda jsou dobře uvedené. |
||
ReVolt Profil |
#3 · Zasláno: 28. 10. 2010, 13:46:09 · Upravil/a: ReVolt
Přesně, nejdříve překontroluj cesty.
Jinak toto je můj návrh :) Já jsem logo napsal takto: do HTML kódu stránek -> <div id="logo"><a href="uvod.html"><span>Název stránek</span></a></div> a v CSS -> span { display: none; } /*toto skryje nápis, ale nechá ho přístupný vyhledávači*/ #logo { width: šířka, kterou potřebuješ; height: výška, kterou potřebuješ; } /* nastavíš rozměry loga */ #logo a {display: block; width: šířka, kterou potřebuješ; height: výška, kterou potřebuješ; background: url(logo.jpg);} /* značce a přiřadíš hodnotu display: block aby se dalo kliknout kdekoliv do loga a jako pozadí nastavíš tvé logo */ |
||
zoomprojekt Profil |
#4 · Zasláno: 28. 10. 2010, 14:45:58 · Upravil/a: zoomprojekt
Beavis
to jsem už zkoušel nakonec jsem na zkoušku vrazil logo do složky se samotnými html soubory ReVolt: vyzkoušim a dam vědět edit:// Díky funguje! |
||
zoomprojekt Profil |
#5 · Zasláno: 28. 10. 2010, 14:58:34
Ještě menší dotaz:
Když chci zarovnat logo na střed, tak bych měl teoreticky přidat hodnotu text-align: center, bohužel to mi nefunguje jak v samotném #logo tak ani v #logo a, tak kam s tim ? |
||
ReVolt Profil |
#6 · Zasláno: 28. 10. 2010, 15:09:58 · Upravil/a: ReVolt
Hned se na to podivám...
Edit: Jak máš vyřešené tvé stránky, máš je celé jakoby uprostřed prohlížeče? a taky to logo máš velké přes celo šířku stránek? Edit2: do #logo a přidej řádek margin: 0 auto; myslím že to pomůže |
||
Lexter Profil |
#7 · Zasláno: 28. 10. 2010, 15:19:52
zoomprojekt:
ReVoltovo řešení nedoporučuji. V případě vypnutých obrázků nebo když třeba obrázek do prohlížeče nedorazí se nezobrazí zhola nic. Zkus Pixiho řešení: http://wellstyled.com/css-replace-text-by-image.html |
||
zoomprojekt Profil |
#8 · Zasláno: 28. 10. 2010, 16:12:47
Zatim jsem to vyřešil pomocí margin: 0 auto. Až bude někdy nálada kouknu se na to blíž, abych vyřešil problém zmiňující Lexter. Zatim Díky!
|
||
joe Profil |
#9 · Zasláno: 28. 10. 2010, 18:16:12 · Upravil/a: joe
zoomprojekt:
„HTML ovládám“ Možná i v HTML jsi začátečník, protože dáváš blokový element do inline. Mělo by to být naopak: <div id="logo"><a href="..">...<span></span></a></div> |
||
Časová prodleva: 14 let
|
0