Scrivere accanto ad un'immagine

« Older   Newer »
 
  Share  
.
  1.     +1   -1
     
    .
    Avatar

    mein herz ist schwer

    Group
    Suzaku
    Posts
    7,058
    +893
    Location
    ARA-MI

    Status
    Anonymous
    Ciao ragazzi ♥
    Qualcuno saprebbe fornirmi il codice per poter scrivere accanto ad un immagine? Non una riga sola ma più righe, ve ne sarei moltissimo grata!

    Grazie a tutti : 3
     
    .
  2.     +1   +1   -1
     
    .
    Avatar

    Sommah

    Group
    Valar
    Posts
    23,110
    +1,912
    Location
    Night Vale

    Status
    Anonymous
    tNz1L5h
    Intendi così? Sto usando il mio avatar perchè era la cosa più vicina.
    Se è questo, lo trovi nel pannello di risposta, è il tasto con la A e le righe, accanto a quello del testo centrato.
    Dentro il div piazzi l'immagine, e fuori il testo.
    Se non è questo, esprimi meglio cosa ricerchi D:
     
    .
  3.     +1   -1
     
    .
    Avatar

    mein herz ist schwer

    Group
    Suzaku
    Posts
    7,058
    +893
    Location
    ARA-MI

    Status
    Anonymous
    CITAZIONE (Tsukino91 @ 15/8/2016, 20:51) 
    tNz1L5h
    Intendi così? Sto usando il mio avatar perchè era la cosa più vicina.
    Se è questo, lo trovi nel pannello di risposta, è il tasto con la A e le righe, accanto a quello del testo centrato.
    Dentro il div piazzi l'immagine, e fuori il testo.
    Se non è questo, esprimi meglio cosa ricerchi D:

    Invece è proprio questo o_o che scema a non averlo visto... Grazie mille Vit!
     
    .
  4.     +1   -1
     
    .
    Avatar

    Sommah

    Group
    Valar
    Posts
    23,110
    +1,912
    Location
    Night Vale

    Status
    Anonymous
    No problem! Il float è l'indicazione dell'immagine (puoi metterla anche a destra, ad esempio, il margin ha la direzione opposta e il margine di distanza che deve avere il testo. Per il resto dovresti saltarci fuori v__v Se hai problemi, chiedi pure, che metto mano ai codici con piacere XD
     
    .
  5.     +1   -1
     
    .
    Avatar

    mein herz ist schwer

    Group
    Suzaku
    Posts
    7,058
    +893
    Location
    ARA-MI

    Status
    Anonymous
    okay nuovo quesito sempre in ambito codici
    come faccio a scrivere in "giustifica"? Quindi tutto perfettamente allineato ai lati per intenderci?
     
    .
  6.     +1   -1
     
    .
    Avatar

    Sommah

    Group
    Valar
    Posts
    23,110
    +1,912
    Location
    Night Vale

    Status
    Anonymous
    Sono da cell e non riesco a scriverti il codice decentemente.
    In un div style che comprende il testo, metti un "text-align: justify". Magari ci metti anche una larghezza definita, dipende da quanto testo hai e lo spazio a disposizione accanto all'immagine - così ti giostri sull'estetica v.v""
     
    .
  7.     +1   -1
     
    .
    Avatar

    Don't worry, I'm the strongest.

    Group
    Guardians
    Posts
    56,511
    +2,446

    Status
    Anonymous
    Tsu comunque regna coi codici
     
    .
  8.     +1   +1   -1
     
    .
    Avatar

    mein herz ist schwer

    Group
    Suzaku
    Posts
    7,058
    +893
    Location
    ARA-MI

    Status
    Anonymous
    Mi ci sono sempre giostrata bene anche io ma è troppo che non mi ci rimettevo :c *piange ricordando i bei tempi delle schede folli*
     
    .
  9.     +1   -1
     
    .
    Avatar

    Daimyo

    Group
    Valar
    Posts
    43,247
    +1,823
    Location
    Il gioco del trono o lo vinci o muori!

    Status
    Anonymous
    Tsu è la Donnah dei codici.
     
    .
  10.     +2   +1   -1
     
    .
    Avatar

    Sommah

    Group
    Valar
    Posts
    23,110
    +1,912
    Location
    Night Vale

    Status
    Anonymous
    Faccio delle prove.

    1. Così ho messo il giustifica e impostato una larghezza, per vedere se effettivamente funziona, dandogli una restrizione.
    Ok, ho notato che mi imposta il justify totalmente al centro, però, se metto una larghezza prefissata, facendo una colonna D:

    CODICE
    <div style="float: left; margin-right: 10px;">[IMG]http://[/IMG]</div><div style="text-align: justify; width: 200px;">testo</div>

    tNz1L5h
    Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.




    2. Con solo il justify, funziona normalmente.

    CODICE
    <div style="float: left; margin-right: 10px;">[IMG]http://[/IMG]</div><div style="text-align: justify;"> testo</div>


    tNz1L5h
    Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



    3. Qui ho messo un div con width impostata, che comprende tutto il blocco sopra, così me lo centra nella colonna, compresa l'immagine. La larghezza la giostri in base all'imm che hai e quanto vuoi largo il testo.
    CODICE
    <div style="width: 375px"> </div>


    tNz1L5h
    Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur.



    Per non dimenticare:

    14_s_coppia_zps50af57ea


    Scusate se sono partita in delirio da codici. Che dite, sposto in tutorial, dopo? XD
    Ho visto ora che tale codice era anche in questo topic. Al massimo aggiungo v__v""

    OT. Ho raggiunto i 1000 punti di figosità, il +1 dei 1000 è stato quello dato da Misa per il codice. Cos'altro poteva portarmi al traguardo, se non un post in cui parlo di codici e grafica?! XD
     
    .
  11.     +1   -1
     
    .
    Avatar

    mein herz ist schwer

    Group
    Suzaku
    Posts
    7,058
    +893
    Location
    ARA-MI

    Status
    Anonymous
    Okay sono riuscita a fare tutto con questo codice grazie mille!
     
    .
  12.     +1   -1
     
    .
    Avatar

    Sommah

    Group
    Valar
    Posts
    23,110
    +1,912
    Location
    Night Vale

    Status
    Anonymous
    Ho visto i risultati, infatti XD
     
    .
11 replies since 15/8/2016, 19:38   142 views
  Share  
.
Top
Top