| Autor | Zpráva | ||
|---|---|---|---|
| HGD Profil |
#1 · Zasláno: 3. 12. 2008, 22:17:39 · Upravil/a: HGD
vůbec nevim co s tim, mam IMG tag s obrázkem, jehož výška je 51px a vedle něj text, resp. odkaz, který bych chtěl ve středu (navýšku) toho obrázku, ale text je pořád na spodní hraně obrázku a nemůžu s nim nikam pohnout :(
Poradíte co by s tím mohlo jít udělat ? Díky BTW: <div class="top_menu">
<img src="style/home.jpg"><span class="but"><a href="?page=home">HLAVNÍ STRANA</a></span>
<a href="?page=home"><span>CONTACT</span></a>
<a href="?page=home"><span>KONTAKT</span></a>
</div>
.top_menu{
height: 51px;
width: 620px;
background: url('bac_button.gif') repeat-x;
float: right;
}
.top_menu img{
border: 1px solid;
}
.top_menu .but{
border: 1px solid;
margin-bottom: 10px;
}
.top_menu a{
padding: 0 7px;
color: #0e88af;
text-decoration: none;
font-weight: bold;
margin: 0;
}
.top_menu a:hover{
text-decoration: underline;
} |
||
| Miloš Profil |
#2 · Zasláno: 3. 12. 2008, 22:25:15 · Upravil/a: Miloš
Třeba takhle:
<div>
<img><span>text</span>
</div>
---
div {height: 51px; width: šířka_obrázku; position: relative;}
span {position: absolute; top: souřadnice; text-align: center; width: 100%;}
|
||
| Miloš Profil |
#3 · Zasláno: 3. 12. 2008, 22:34:25 · Upravil/a: Miloš
Jo a abych nezapomněl – ještě pro ten span souřednici left:
left: 0; Doplňuji: anebo ještě jedna varianta – top i left tomu spanu dát na nulu a pozici určit výškou řádku (nebude-li to dlouhý text s nebezpečím zalomení): span {position: absolute; top: 0px; left: 0; text-align: center; width: 100%; line-height: 51px;} |
||
|
Časová prodleva: 15 let
|
|||
0