Moikka, mulla on www-sivulla 'navialue' (25px x 400px) johonka olisi tarkoitus saada vaakatasoon navi jossa on x:kpl:tta kuvia. (navitekstit tehty kuvista). Mitenkäs tämä tulisi toteuttaa oikeaoppisesti & oikein Xhtml:lä + Css:llä.
Linkki listahan tulee bout näin:
<div id="navi" title="">
<ul>
<li>Tähän linnki & kuva</li>
<li>Tähän linnki & kuva</li>
<li>Tähän linnki & kuva</li>
</ul>
</div>Ja horisontaalisesti saadaan näin:
#navi li {
display: inline;
}Jotenkin kuitenkin saan sössittyä tuon niin linkkilistauksessa kaikki 'kuva linkit' eivät ole samalla vaakatasolla. Vaan ne heittelevät navi alueella.
Niinku näin vai: http://sooda.dy.fi/bar/lemon.html (muutes, saat tuon navi-id:n ul:lleki, turhaan sen divin sisälle laittas)
(ups, unohtu </li>:t tosta, korjasin äsken)
tuo soodan juttu onnistuu myös muillakin kuin <img> -tägeillä, jolloin kuvat voidaan laittaa css:llä ja jolloin googlekin (tai mikä muu tahansa tyylejä käyttämätön käyttäjä) näkee esim. tekstin kuvien sijaan.
sooda kirjoitti:
Niinku näin vai: http://sooda.dy.fi/bar/lemon.html (muutes, saat tuon navi-id:n ul:lleki, turhaan sen divin sisälle laittas)
(ups, unohtu </li>:t tosta, korjasin äsken)
No, niin juuri tätä hain. Täytyy vielä testata tuossa omassa tsydeemissä. Danke!
Lebe80 kirjoitti:
tuo soodan juttu onnistuu myös muillakin kuin <img> -tägeillä, jolloin kuvat voidaan laittaa css:llä ja jolloin googlekin (tai mikä muu tahansa tyylejä käyttämätön käyttäjä) näkee esim. tekstin kuvien sijaan.
Google näkee kuvien alt-tekstin.
Eli juuri kuten Lebe80 sanoi, oikea tapa on luonnollisesti laittaa ne kuvat taustakuviksi ja piiloittaa varsinainen teksti haluamallaan tekniikalla.
Aihe on jo aika vanha, joten et voi enää vastata siihen.