Autor Zpráva
Games
Profil *
Zdravím,mám problém.Když přidám obrázek na web a dám k němu text,tak se mi text zobrazí pod obrázkem.
HTML
<img src='img/telo.jpg' class='telo'>
CSS
.telo
{position:absolute;
top:20px;
left:160px;
width:1000px;
height:580px´;

} 

TEXT-HTML
p id='menu'>
<a href='#.html'>Domů</a>
<a href='#.html'>Herní Koutek</a>
<a href='#.html'>Galerie</a>
<a href='#.html'>Série</a>


</p>
TEXT-CSS
#menu a {color:white;} 
    a {font-size:32px;}
    a {text-decoration:none;}
margin
Profil *
Games:
#menu a {color:white;}
a {font-size:32px;}
a {text-decoration:none;}
Třikrát fuj!
#menu a {
  color: red;
  font-size: 32px;
  text-decoration: none;
  position: relative;
}

Důrazně nedoporučuji dělat web takovým způsobem, tedy pozicováním, ať už absolutním, nebo relativním.
Relativní pozicování trápí začátečníky

Pokud chceš, aby web měl na pozadí obrázek, vlož ho jako obrázek na pozadí, background-image
Destiny_1
Profil
Podle šířky obrázku předpokládám,že text chcete umístit do obrázku.
HTML:
<div class='telo'>

CSS:
.telo {
background-image: url('img/telo.jpg');
position:absolute;
top:20px;
left:160px;
width:1000px;
height:580px;
}
Games
Profil *
margin
děkuji rozhodně to předělám
Destiny_1
rozhodně děkuji za vyřešení mého problému

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:

0