Autor Zpráva
kosobecny
Profil
Ahoj, jsem docela začátečník. Tak bych se zeptal zkušenějších. Dělám web, kde bude jenom jeden obrázek! Z něho asi pomocí klikací mapy udělám odkaz na další weby. A proto bych potřeboval aby obrázek byl na středu prohlížeče vertikálně i horizontálně. ať už je jakékoliv rozlišení obrazovky. Jde to nějak? udělat, jinak CSS mám v externím souboru.
Děkuji moc za každou radu.
margin
Profil *
kosobecny:
Dělám web, kde bude jenom jeden obrázek! Z něho asi pomocí klikací mapy udělám odkaz na další weby.
Můj názor je, že v takovém případě nemá cenu dělat moderně, můžeš to udělat takto:
<!DOCTYPE HTML>
<title>peta</title>
<style>
html,body,table{margin:0;padding:0;height:100%;width:100%}
</style>
<table>
<tr><th>
<img src="peta.jpg>
</table>
Živá ukázka, je tam i text, proto není obrázek přesně uprostřed.
kosobecny
Profil
margin:
Díky to je ono, nebudou tam nějaká úskalí ještě? třeba když bude moc malé rozlišení? počítám s tím, že dneska se tam už nikdo s menším rozlišením než 1024*768 připojovat nebude a obrázek stejně bude o něco menší.
ps: vím že to sem nepatři, ale koukám že mi klikací mapa udělala v IE to modré pole okolo jako u klasických odkazů, dá se toho nějak zbavit?

Díky moc, strašně mi to pomohlo :)
margin
Profil *
koukám že mi klikací mapa udělala v IE to modré pole okolo jako u klasických odkazů, dá se toho nějak zbavit?
Je to rámeček kolem odkazů v odkazech a kolem obrázků s obrázkovou mapou, v minulosti to dělaly všechny prohlížeče a rámeček má barvu textu.
Jak se rámečku zbavit, je jednoduché, najdeš na www.jpw.cz, tuším že u "vylepšení odkazů".
kosobecny
Profil
Jo díky, použil jsem klasicky tag "a:link, a:visited {text-decoration: none}" a stejně to nejde, asi je problém, že tam je odkaz značenej jako area href?
Trejpa
Profil
kosobecny:
Není to podtržení na odkaze, ale rámeček na obrázku (v odkaze): a img { border: 0; }
kosobecny
Profil
Trejpa:
Asi někde dělám chybu, protože v IE se to tak stále zobrazuje, až to budu mít kam nahrát tak to nahraji. Zatím sem dám jenom kód.

<style>

html,body,table{margin:0;padding:0;height:100%;width:100%}
a img:link, a img:visited    {text-decoration: none}
a img:hover {text-decoration: none; border:0;}
a img { border: 0; }



</style>

Nefunguje ani jedno z toho. tak nevím kde je problém.
habendorf
Profil
kosobecny:
a img:hover

Nezpůsobuje to hover obrázku, ale odkazu. Takže se ještě jednou zamysli nad definicí uvedenou výše.
margin
Profil *
habendorf:
Takže se ještě jednou zamysli nad definicí uvedenou výše.
To v každém případě, ale kosobecny nepoužívá obrázek v odkaze, ale obrázkovou mapu.

kosobecny:
Asi někde dělám chybu
Nepřemýšlíš, lepíš jeden kód za druhým.
habendorf
Profil
margin:
To v každém případě, ale kosobecny nepoužívá obrázek v odkaze, ale obrázkovou mapu.

Aha, já to moc nečetl. Když jsem zjistil, že téma začíná o něčem úplně jiném, sjel jsem až na kód v závěru.
kosobecny
Profil
Hm trochu sem to tedy opravil, ale stále nic. Můžete mě trochu navést? Díky
Trejpa
Profil
kosobecny:
Můžete mě trochu navést?
Bez živé ukázky jen hádáme. Jestli chceš pořádnou odpověď, tak nám musíš ukázat, v čem je problém.
kosobecny
Profil
Trejpa:
http://www.kamin4u.com/
u prohlížečů jako mozila nebo chrome je to ok, ale v IE mi nefunguje to odstranění barvy odkazu v klikací mapě.
Trejpa
Profil
kosobecny:
Je to tak, jak jsem psal. Modrou barvu způsobuje rámeček kolem obrázku. Důvodem rámečku však není odkaz, ale použití mapy. Nastav img { border: 0; } nebo rovnou k obrázku <img src="kamina.jpg" alt="Kamin4u" usemap="#kamina" border=0>

Do odkazů area se hodí vyplnit atribut alt, aby vyhledávače a uživatelé bez obrázku tušili, kam odkaz vede.
habendorf
Profil
Hlavně vůbec nechápu, proč je tohle proboha řešený mapou.
kosobecny
Profil
habendorf:
A jak jsem to měl uděla jinak jednoduše?

Hele lidi moc díky, fakt jste mi hrozně pomohli. Area alt doplním :))
habendorf
Profil
kosobecny:
A jak jsem to měl uděla jinak jednoduše?

Tři normální odkazy.
kosobecny
Profil
Nevím jestli je to jednoduší, kdybych musel vyříznout fotky vlaječek a nějak to tam pasovat, když html moc nerozumím. Tuten web nemá žádný obsah, je určený jenom jako rozcesník.
Trejpa
Profil
kosobecny:
Nevím jestli je to jednoduší, kdybych musel vyříznout fotky vlaječek
Ano, rozřezání nebude jednodušší pro tebe, ale pro návštěvníky může být více komfortnější: příklad.
habendorf
Profil
kosobecny:
kdybych musel vyříznout fotky vlaječek

No, to je teda dřina :o)

Tuten web

Á, pán je z Plzeňska, vítej krajane :o)


Jo a navíc - tři odkazy nutně neznamená tři obrázky, klidně se může použít jen jeden.
kosobecny
Profil
habendorf: Jo jsem kousek od Klatov :) No vyříznout proč ne, ale nevím jak bych to pak naskládal na to místo :D
No kdybych na to měl více času, tak možná bych s tím udělal více, ale je to dost na rychlo.


Trejpa: Máš to pěkný :)) ono tohlo ještě není finální, ještě se tam bude dělat něco po grafický stránce, jako pozadí apd. Je to jenom provizorní řešení. Takže to pak možná ještě teda udělám podobně jako to máš ty.

A toho rámečku kolem toho obrázku se asi nic moc už nedá dělat že? Protože pak bude ještě pozadí mít nějakou jinou barvu zjevně, nebo tam bude použit nějaký malý obrázek jako tapetování. a nechci aby to tam rušilo.
Trejpa
Profil
kosobecny:
Lze udělat skoro cokoliv, ale musíš mít jasnou představu a při vytváření trochu znalostí (HTML, CSS a prohlížečů). Doplnil jsem do příkladu opakovaný obrázek na pozadí.
kosobecny
Profil
j díky :)) ono právě občas ta představa pokulhává. Znalosti se dají získat učením a praxí, ale bez tý představy nic moc. :))

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: