Reunukset

koodaaja2

Onko mahdollista luoda reunus/border jossa on reunuksen värin sijasta omavalintainen kuva?

6

505

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • totta kai on

      siis on.

    • div-määrittely

      mutta onnistuu

      Tässä idea:

      Tee kuva jonka koko on 12x12 pikseliä ja tallenna se vaikka nimellä orna (jpg/png)

      Tyylitiedosto

      .orn
      { background: url(orna.png) #3cc;
      color: black;
      border: solid #3cc 1px;
      width: 396 px;
      height: 144 px;
      }

      .orn p
      { margin: 12px;
      padding: 6px;
      background: white;
      color: black;
      width: 360px;
      height: 108px;
      }

      Käyttö:

      < div class="orn">Tähän tulee tekstisisältö

      Kokeile tuota niin saat käsityksen miten homma toimii

      • div-määrittely

        Helskuta kun pitää aina muistaa nuo ylimääräiset välilyönnit jotka tulee poistaa:

        Käyttö

        < div class="orn" >
        < p >
        Tähän tulee tekstisisältö
        < /p >
        < / div >


      • CSS-män
        div-määrittely kirjoitti:

        Helskuta kun pitää aina muistaa nuo ylimääräiset välilyönnit jotka tulee poistaa:

        Käyttö

        < div class="orn" >
        < p >
        Tähän tulee tekstisisältö
        < /p >
        < / div >

        Tässä olisi perinteinen: http://www.aijaa.com/v.php?i=6100302.gif

        Ohut viiva kuvaa taulukon soluja tai div-lohkoja. Paksumpi viiva kehystä, joka on paloiteltu ja on jokaisessa divissä taustakuvana. Noi suorat sivut kun määrittää: repeat-x ja -y, toimii joka tilanteessa.

        Jos taas tekee määrämittaisen, pienehkön lootikon, helppo tapa on tehdä kehys yhtenä taustakuvana (jos ei lähde pilkkuja fiilaan).


      • ......
        CSS-män kirjoitti:

        Tässä olisi perinteinen: http://www.aijaa.com/v.php?i=6100302.gif

        Ohut viiva kuvaa taulukon soluja tai div-lohkoja. Paksumpi viiva kehystä, joka on paloiteltu ja on jokaisessa divissä taustakuvana. Noi suorat sivut kun määrittää: repeat-x ja -y, toimii joka tilanteessa.

        Jos taas tekee määrämittaisen, pienehkön lootikon, helppo tapa on tehdä kehys yhtenä taustakuvana (jos ei lähde pilkkuja fiilaan).

        http://www.aijaa.com/v.php?i=6100302.gif


      • koodaaja2

        Jep, kiitoksia vaan. Olihan tuo aika yksinkertasta. Tuli ajateltua vaan liian monimutkaisesti.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Persujen mukaan rasismi on huumoria

      Vaan kun koomikko kutsui Halla-ahoa fasistiksi, niin piti haastaa oikeuteen. Mihin se huumorinitaju yhtäkkiä hävisi? ⠀
      Maailman menoa
      76
      4263
    2. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      190
      3479
    3. 194
      2804
    4. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      66
      2716
    5. Hallitus on kaadettava ja Orpon on erottava

      Mikään muu hallitus ei ole oman elämäni aikana tuhonnut näin paljon tämän maan taloutta ja työllisyyttä sekä suomen main
      Maailman menoa
      40
      2626
    6. 57
      1156
    7. Lasse Lehtonen palasi ambulanssilennolla Suomeen

      Nyt on syytä lopettaa irvailu.
      Maailman menoa
      76
      1027
    8. Aitolehti Capital

      HehkuB on myynnissä, kovalla työllä saavutettu unelma joka sekin lässähti kuten kaikki mihin ryhtyy! Nyt Sewen asialle
      Kotimaiset julkkisjuorut
      238
      1002
    9. MOT: Työmarkkinatori on olemattomien työpaikkojen hakupaikka

      Työpaikkojen tietoja ei tarkisteta, ja ainakin noin noin 10% on olemattomia työpaikkoja ja sen lisäksi eri rekryfirmat t
      Maailman menoa
      107
      866
    10. Missä kuussa

      Rakkaasi on syntynyt?
      Ikävä
      55
      860
    Aihe