| Autor | Zpráva | ||
|---|---|---|---|
| johnl Profil |
#1 · Zasláno: 18. 3. 2009, 18:51:16 · Upravil/a: johnl
Dobrý den, mám na stránce john.page.sweb.cz logo, jenže ho mám umístěné pomocí CSS takto
body {
margin-top: 220px;
background: #000000 url(images/img01.jpg) no-repeat center top;
font: normal small Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
|
||
| srigi Profil |
#2 · Zasláno: 18. 3. 2009, 19:06:54 · Upravil/a: srigi
johnl
Pozri sa napr. na tuto stranku. Robil som to tam podla webu WELLSTYLED, cize pri nedostupnosti obrazku sa zobrazi "failsafe" text. Je to perfektne validne riesenie. |
||
| Kry5 Profil |
#3 · Zasláno: 19. 3. 2009, 07:42:08
Použij to jak to používám já (pokud používáš i jinde nadpisi H1 uprav si to podle sebe):
HTML: <h1>Nějaký text<span><a href="index.html" title="Zpět na úvodní stranu"></a></span></h1> V HTML pouze místo loga napíšeš tento jednoduchý text s odkazem. Pak v CSS zařídíme aby se text překryl logem a celé logo bude i tak fungovat jako odkaz (v tomhle případě na index.html) CSS: h1
{
margin: 0 auto;
padding: 0;
width: 900px;
height: 150px;
color: black;
position: relative;
}
h1 span
{
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 900px;
height: 150px;
margin: 0;
padding: 0;
background: url(http://www.stmivani.kx.cz/img/logo.png) no-repeat top left;
}
h1 span a
{
display: block;
width: 900px;
height: 150px;
}Na stránce na který jsem tohle použil vypadal celý kód pro H1 takto. Tučně máš označení vložení loga na pozadí a tag z-index, který zařídí překrytí "nějaký text" textu. Chápeš to? PS: o tagu z-index najdeš více na www.jakpsatweb.cz :-) Kry5 |
||
| Bubák Profil |
#4 · Zasláno: 19. 3. 2009, 09:56:54
Kry5
Varianta, na kterou odkazuje srigi je vhodnější, protože má v odkaze text. |
||
|
Časová prodleva: 15 let
|
|||
0