Linkki uuteen ikkunaan

Niin miten saa linkin avautumaan uuteen ikkunaan? Enkä käytä mitään frontpagea vaan html:llää ja css:ssää.
5355
Äänestä

Muut lukivat myös

Vastaukset 5

Vanhimmat

Niin ja miten saisi tehtyä kuvalle otsikon? niin että otsikko tulisi kuvan päälle tai alle?

Äänestä
  • »miten saa linkin avautumaan uuteen ikkunaan?»

    linkki

    Target -attribuuttikin toki toimisi mutta koska se ei ole enää mukana nykyisissä strict-määrityksissä niin tuolla sitten. Jos JavaScript on kytketty pois päältä niin sitten linkki aukeaa samaan ikkunaan, linkki siis toimii joka tapauksessa.


    »Niin ja miten saisi tehtyä kuvalle otsikon? niin että otsikko tulisi kuvan päälle tai alle?»

    No, vaikka näin:


       Otsikko
       



    Sit tyylitiedostoon vaikkapa tällainen:


       #kuvablokki {display:block;}
       #kuvablokki .otsikko {display:block;}
       #kuvablokki .kuva {
          position: relative;
          top: -20px;
       }



    Olishan tuon tietenkin voinut tehdä myös p- tai hn -tageilla ja diveillä mutta ajattelin että jos haluat laittaa tuon vaikka tekstikappaleen sisään niin sinne ei saa laittaa lohkoelementtejä...

    Äänestä

  • Tõppõ kirjoitti:

    »miten saa linkin avautumaan uuteen ikkunaan?»

    linkki

    Target -attribuuttikin toki toimisi mutta koska se ei ole enää mukana nykyisissä strict-määrityksissä niin tuolla sitten. Jos JavaScript on kytketty pois päältä niin sitten linkki aukeaa samaan ikkunaan, linkki siis toimii joka tapauksessa.


    »Niin ja miten saisi tehtyä kuvalle otsikon? niin että otsikko tulisi kuvan päälle tai alle?»

    No, vaikka näin:


       Otsikko
       



    Sit tyylitiedostoon vaikkapa tällainen:


       #kuvablokki {display:block;}
       #kuvablokki .otsikko {display:block;}
       #kuvablokki .kuva {
          position: relative;
          top: -20px;
       }



    Olishan tuon tietenkin voinut tehdä myös p- tai hn -tageilla ja diveillä mutta ajattelin että jos haluat laittaa tuon vaikka tekstikappaleen sisään niin sinne ei saa laittaa lohkoelementtejä...

    Niin eikö tuohon otsikon laittamiseen olisi mitään yksinkertaisempaa keinoa? Teen kuvagalleriaa johon sitten kuvan päälle tulisi aina lukemaan esim. kuva1, kuva2 jne. Tuolla tavalla aika työlästä ruveta tekemään noita otsikoita.

    Äänestä

  • Miten? kirjoitti:

    Niin eikö tuohon otsikon laittamiseen olisi mitään yksinkertaisempaa keinoa? Teen kuvagalleriaa johon sitten kuvan päälle tulisi aina lukemaan esim. kuva1, kuva2 jne. Tuolla tavalla aika työlästä ruveta tekemään noita otsikoita.

    Ookko sä joutunu koskaan tekemään sellaista vanhaa tyhmyystestiä jossa yhtenä tehtävänä oli laittaa piste iin päälle. No useimmat laittavat tietenkin sen pisteen sinne viivan perään vaikka se käskettiin laittamaan nimenomaan päälle.

    Jostain syystä tuota vastausta kirjoittaessani käsitin sinun haluavan sen tekstin siihen kuvan päälle ja se tosiaan vaatii vähän kikkailua. Taidan ajatella toisinaan liian monimutkaisesti.

    Yläpuolelle on helppo laittaa.

    Yksi tapa on tehdä taulukko. Taulukon soluihin laitat sitten sekä otsikon että kuvan:



       otsikko1
       otsikko2

    jne..


    Tai sitten vaikka näin:




       Kuvagalleria
       
       #kuvagalleria {
          background: #FFF0F5;
          width: 100%;
          padding: 10px;
       }
       #kuvagalleria div {
          text-align: center;
          border: 1px ridge Black;
          float: left;
          margin: 5px;
       }
       #kuvagalleria img {margin: 5px;}
       






       otsikko1
       otsikko2
       otsikko3
       otsikko4
       otsikko5
       otsikko6
       otsikko7
       otsikko8
       otsikko9

    Äänestä

  • Tõppõ kirjoitti:

    Ookko sä joutunu koskaan tekemään sellaista vanhaa tyhmyystestiä jossa yhtenä tehtävänä oli laittaa piste iin päälle. No useimmat laittavat tietenkin sen pisteen sinne viivan perään vaikka se käskettiin laittamaan nimenomaan päälle.

    Jostain syystä tuota vastausta kirjoittaessani käsitin sinun haluavan sen tekstin siihen kuvan päälle ja se tosiaan vaatii vähän kikkailua. Taidan ajatella toisinaan liian monimutkaisesti.

    Yläpuolelle on helppo laittaa.

    Yksi tapa on tehdä taulukko. Taulukon soluihin laitat sitten sekä otsikon että kuvan:



       otsikko1
       otsikko2

    jne..


    Tai sitten vaikka näin:




       Kuvagalleria
       
       #kuvagalleria {
          background: #FFF0F5;
          width: 100%;
          padding: 10px;
       }
       #kuvagalleria div {
          text-align: center;
          border: 1px ridge Black;
          float: left;
          margin: 5px;
       }
       #kuvagalleria img {margin: 5px;}
       






       otsikko1
       otsikko2
       otsikko3
       otsikko4
       otsikko5
       otsikko6
       otsikko7
       otsikko8
       otsikko9

    Jep nyt näyttää paljon paremmalta. Taulukollahan tuo onkin yksinkertaista tehdä. Tosiaan ajattelin jo että noinko vaikeaa on saada otsikko kuvalle, mutta taisi olla vain pieni väärinkäsitys... Jep että kiitosta vaan sulle!

    Äänestä

Kommentoi aloitusta


Miten? kirjoitti:

Niin miten saa linkin avautumaan uuteen ikkunaan? Enkä käytä mitään frontpagea vaan html:llää ja css:ssää.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu