Autor Zpráva
Sirius
Profil
#1 · Zasláno: 29. 4. 2007, 16:10:10
Odpovědět Citovat
Na webu http://wowfansite.clanweb.cz/index.php mám jako hlavní nadpisy použité obrázky, což myslím není dobré pro SEO.. Obrázky tam chci mít, ale táké chci mít stránky optimalizované pro vyhledávače. Co s tím mám udělat?
Railbot
Profil
#2 · Zasláno: 29. 4. 2007, 16:12:53
Odpovědět Citovat
http://wellstyled.com/css-replace-text-by-image.html
Sirius
Profil
#3 · Zasláno: 29. 4. 2007, 16:14:55
Odpovědět Citovat
Díky, jdu anglinu přelouskat :)
Firy
Profil
#4 · Zasláno: 29. 4. 2007, 16:16:43
Odpovědět Citovat
Nebo si můžeš přepnout na čestinu :)
Sirius
Profil
#5 · Zasláno: 29. 4. 2007, 16:20:19 · Upravil/a: Sirius
Odpovědět Citovat
Problém je v tom, že je to náročné dělat a u každého obrázku měnit :(
Sirius
Profil
#6 · Zasláno: 29. 4. 2007, 16:56:50
Odpovědět Citovat
Je ještě nějaká jiná možnost jak to udělat? Protože takhle to musím dělat u každého nadpisu zvlášť a když vezmu v úvahu, že jich na stránce bude cca. 50-60, nemluvě o datovém objemu, tak se mi to jako moc dobré řešení nezdá...
Petr Tichý
Profil
#7 · Zasláno: 29. 4. 2007, 17:09:06
Odpovědět Citovat
Jde to dynamicky generovat přes PHP (tedy pokud tím obrázkem myslíš nějaký exotický font). Hledej na intervalu.
Sirius
Profil
#8 · Zasláno: 29. 4. 2007, 17:15:03 · Upravil/a: Sirius
Odpovědět Citovat
Nakone jsem to vyřešil takto: 

<h1>Novinky</h1>

<img src="images/novinky_nadpis.png" alt="" class="nadpis">

a CSS: 

img.nadpis {

  position: relative;

  top: -30px;

  }

Funguje to dobře akorát mi mezi nadpisem a ostatním obsahem vzniká velká mezera.. Jediné co mě napadá je <div> s nastavením posunutí o něco nahoru.. Jak by jste to udělali vy?
DJ Miky
Profil
#9 · Zasláno: 29. 4. 2007, 17:18:14 · Upravil/a: DJ Miky
Odpovědět Citovat
Tohle by taky mohlo fungovat:

<h1>Novinky<img src="images/novinky_nadpis.png"></h1>


h1 {position:relative;}
h1 img {position:absolute;top:0;left:0;}


Ještě by asi chtělo nastavit h1 pevné rozměry.



EDIT: Pokud se ale obrázek nenačte, bude v IE nad nadpisem čtvereček...

Možná by to bylo lepší takto:

<h1>Novinky<span style="background-image:url('images/novinky_nadpis.png')"></span></h1>

h1 {position:relative;width:400px;height:50px;}
h1 span {position:absolute;top:0;left:0;display:block;width:400px;height:50px; background:no-repeat top left;}
Railbot
Profil
#10 · Zasláno: 29. 4. 2007, 17:23:33
Odpovědět Citovat
Sirius
Problém je v tom, že dělat nadpisy obrázkem je hovadina. Pak se nesmíš divit, že je náročné a tak nějak nešikovné ve větší míře.
Sirius
Profil
#11 · Zasláno: 29. 4. 2007, 17:29:53
Odpovědět Citovat
Miky
Kvůli posunutí ostatního textu docílím akorát toho, že se budou překrývat dva nadpisy.. Takže na to už kašlu a pokud si někdo vypne obrázky tak je to jeho mínus.. Kdybych to dělal takhle tak musím od základů překopat celej layout kvůli pár lidem, který mají zobrazování obrázků vypnuté..
Jinak moc díky za radu
Sirius
Profil
#12 · Zasláno: 29. 4. 2007, 17:32:21
Odpovědět Citovat
Railbot
Nj všechno to vzniklo tím, že jsem ty nadpisy chtěl mít pěkné, moje mínus, už se s tím nějak porvu, ale dnes na to nemám náladu, jdu projet můj bike po zimě :)
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0