Autor Zpráva
SwimX
Profil
Dobrý den,

už poměrně dlouho jsem nekódoval a asi jsem to zapomněl.

mám následující kód
<style>
#paticka span#copyright{
  margin:0; padding:0;
  position:relative;
  width:191px; height:53px;
  overflow:hidden;
  display: block;
}
#paticka span#copyright span {
  display: block;
  position:absolute; left:0; top:0; z-index:1;
  width:191px; height:53px;s
  margin:0; padding:0;
  background:url("../img/logo_small.gif") top left no-repeat;
}	
</style>
<div id=paticka>
  <p>
    Copyright <span id=copyright>Jmeno<span></span></span> Prava vyhrazena
  </p>
</div>


tím je to na třech řádkách. Dostat to na jednu není problém pomocí floatum když budou floatovat spany, ale je divoké mít HTML:
<div id=paticka>
  <p>
    <span>Copyright </span><span id=copyright>Jmeno<span></span></span><span>Prava vyhrazena</span>
  </p>
</div>


nejde to udělat nějak lépe? Třeba span#copyright nedat display:block, ale to potom špatně překrývá obrázek.

Děkuji za rady
panther
Profil
SwimX
nejde to udělat nějak lépe?
nějak jsem z tvého popisu nepochopil (možná jsem jen nechápavý), čeho chceš dosáhnout.

Neměl bys ukázku, jak to vypadá a jak to vypadat má?
SwimX
Profil
panther:
měl, dokonce jsi na ni před chvílí koukal :D http://plavec.borec.cz/upfiles/pavelpavel/hlavni-strana/
v patičce chci mít logo firmy, tak aby s vypnutými obrázky tam zůstal název slovy. Na to používám Překrytí textu obrázkem což funguje jen s blokovým prvkem, což mi to hodí na 3 řádky.
Dokážu to dostat na jednu, pomocí floatu, ale musím text vedle toho blokového prvku s překrytym textem obalit do spanu, což už mi přijde zbytečně složité a nesémantické :)
Jimmy Hayek
Profil
SwimX
Na to používám Překrytí textu obrázkem což funguje jen s blokovým prvkem, což mi to hodí na 3 řádky.
Ale i řádková prvek lze přeci nastavit jako blokový...
SwimX
Profil
Jimmy Hayek:
zajisté, například span že, jak je to ostatně u mě ;) ale do právě udělá to, že to bude na 3 řádky, protože blokový prvek zalamuje řádky. takže jak ho dostat na jednu řádku k textu? -> floatovat -> a sme u původního problému -> obalovat okolní text do spanů.
Jimmy Hayek
Profil
SwimX
Aha, omlouvám se, nebylo mi totiž jasné, v čem je problém ;-) Každopádně to lze vyřešit jednoduše pomocí vloženého obrázku <img> a vhodně vyplněného altu, který se při vypnutých obrázcích zobrazí...
SwimX
Profil
ano, ale to tam radši dám 2 spany. alt bude okolo mít rámeček nenačreného obrázku.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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