Autor | Zpráva | ||
---|---|---|---|
kosobecny Profil |
#1 · Zasláno: 5. 2. 2013, 14:39:04
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 * |
#2 · Zasláno: 5. 2. 2013, 15:46:30
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> |
||
kosobecny Profil |
#3 · Zasláno: 5. 2. 2013, 16:16:19
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 * |
#4 · Zasláno: 5. 2. 2013, 16:31:02
„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 |
#5 · Zasláno: 6. 2. 2013, 08:46:59
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 |
#6 · Zasláno: 6. 2. 2013, 09:11:36
kosobecny:
Není to podtržení na odkaze, ale rámeček na obrázku (v odkaze): a img { border: 0; }
|
||
kosobecny Profil |
#7 · Zasláno: 6. 2. 2013, 15:55:57
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 |
#8 · Zasláno: 6. 2. 2013, 16:00:22
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 * |
#9 · Zasláno: 6. 2. 2013, 16:04:34
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 |
#10 · Zasláno: 6. 2. 2013, 16:06:52
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 |
#11 · Zasláno: 7. 2. 2013, 08:10:12
Hm trochu sem to tedy opravil, ale stále nic. Můžete mě trochu navést? Díky
|
||
Trejpa Profil |
#12 · Zasláno: 7. 2. 2013, 09:21:25
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 |
#13 · Zasláno: 7. 2. 2013, 09:30:11
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 |
#14 · Zasláno: 7. 2. 2013, 10:04:44
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 |
#15 · Zasláno: 7. 2. 2013, 12:12:10
Hlavně vůbec nechápu, proč je tohle proboha řešený mapou.
|
||
kosobecny Profil |
#16 · Zasláno: 7. 2. 2013, 12:30:39
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 |
#17 · Zasláno: 7. 2. 2013, 12:34:52
kosobecny:
„A jak jsem to měl uděla jinak jednoduše?“ Tři normální odkazy. |
||
kosobecny Profil |
#18 · Zasláno: 7. 2. 2013, 13:51:44
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 |
#19 · Zasláno: 7. 2. 2013, 15:43:55
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 |
#21 · Zasláno: 7. 2. 2013, 16:36:54
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 |
#22 · Zasláno: 7. 2. 2013, 17:17:00
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 |
#23 · Zasláno: 8. 2. 2013, 09:05:48
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. :))
|
||
Časová prodleva: 11 let
|
0