Autor Zpráva
huol
Profil *
Použil som nasledujúci kód na to, aby <div> mal nastavený ako pravý border obrázok:
  div {
  width: 50%;
    -moz-border-image:url(border.png) 30 30 round; /* Firefox */
    -webkit-border-image:url(border.png) 30 30 round; /* Safari */
    -o-border-image:url(border.png) 30 30 round; /* Opera */
    border-image:url(border.png) 30 30 round;
    border-width: 1px;
    border-left-width: 0px;
  }
Ale vo Firefoxe a IE9 to nefunguje. Ako to treba upraviť, aby to fungovalo aj tam?
panther
Profil
huol:
Ale vo Firefoxe a IE9 to nefunguje.
Ve firefoxu by to fungovat mělo, dodej odkaz na ukázku, kde to je k vidění. V IE to fungovat nemůže, nemá podporu obrázkových rámečků.
huol
Profil *
Toto je celý kód:
<!DOCTYPE HTML>
<html>
  <head>
  <style>
  div {
    width: 50%;
    -moz-border-image:url(http://imageshack.us/scaled/landing/443/borderm.png) 30 30 round; /* Firefox */
    -webkit-border-image:url(http://imageshack.us/scaled/landing/443/borderm.png) 30 30 round; /* Safari */
    -o-border-image:url(http://imageshack.us/scaled/landing/443/borderm.png) 30 30 round; /* Opera */
    border-image:url(http://imageshack.us/scaled/landing/443/borderm.png) 30 30 round;
    border-width: 1px;
    border-left-width: 0px;
  }
  </style>
  </head>
  <body>
    <div>
      dasfda<br><br>dafsd
    </div>
  </body>
</html>
Ten obrázok je len na ukážku, viem, že čiara sa nemusí robiť cez obrázok :)
panther
Profil
huol:
odkazem jsem myslel odkaz, na ktery si kliknu. Nechci si nic nikam kopirovat, spoustet a pak mazat.

Plati ale to, co jsem napsal. V IE to fungovat nebude, nemuze, neumi.
peta
Profil
V nejhorsim muzes udelat div s pozadim a padingem a pres nej prekreslit druhy div s jinym pozadim.
<style>
.obr1{background:url(obr1.gif);padding:10px;} /*ramecek*/
.obr2{background:url(obr2.jpg)} /*pozadi*/
</style>
<div class="obr1"><div class="obr2"> obsah </div></div>
1Pupik1989
Profil
šlo by udělat další div s float: right a opakovat obrázek na ose y. Další možnost je tabulka, ale to je hnus.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0