Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Web - Odkazy

Potřeboval bych poradi s menším problémem. Dělám zrovna web do školy a potřeboval bych udělat odkaz aby měl v pozadí nějaký obrázek a když na odkaz najedu myší tak by se měl změnit zase na nějaký jiný obrázek. Problém je že když nastavím pomocí backround-image: ...; obrázek na pozadí tak se ve výsledku ořízne podle rozměrů textu. Šlo by tomu nějak zabránit aby se ten obrázek neořezával?

Předmět Autor Datum
Použi tento CSS štýl: .obrazok { display: block; width: 500px; height: 250px; } Miesto výšky a ší…
msx. 24.01.2012 15:54
msx.
díky moc, a ještě jedna věc, dokážu ten text posunout doprostřed obrázku na řádku (defacto na ose x)… poslední
kongoušek 25.01.2012 18:10
kongoušek

Použi tento CSS štýl:

.obrazok {
  display: block;
  width: 500px;
  height: 250px;
}

Miesto výšky a šírky si dosaď rozmery obrázka a ak potrebuješ ten odkaz v riadku, kde je aj text a nechceš, aby bol odkaz samostatne, tak použi display: inline-block.

Doplnené:
Samozrejme štýl použí v odkaze:

<a class="obrazok" href="#">&nbsp;</a>

Doplnené:
Samozrejme nezabudni si dať do toho štýlu aj spomínané pozadie.

Zpět do poradny Odpovědět na původní otázku Nahoru