Clicca qui  Flyerwire
+ Rispondi alla discussione
Visualizzazione risultati 1 fino 8 di 8

Discussione: Assegnare un margine al testo nei div

  1. #1

    Predefinito Assegnare un margine al testo nei div

    Ciao ragazzi, ho creato un template per una newsletter grafica. L'ho diviso in sezioni su Illustrator e caricato i vari pezzi come background dei div. Ora dovrei fare in modo di scrivere nel div che ospita il content centrale. Come faccio a far partire il testo (sia a destra che a sinistra di circa 40 pixel rispetto ai bordi del div stesso? Un altro piccolo dilemma: nell'header non inserirò nulla, posso comunque impostare un link diretto ad un indirizzo web?
    Grazie a tutti!

    Sergio

  2. #2

    Predefinito

    partendo dal presupposto che tu stia lavorando su html e css conoscendone un po le regole, la situazione html che hai dovrebbe essere qualcosa del genere:
    Codice:
    <div id="top"></div>
    <div id="center"></div>
    <div id="bottom"></div>
    cioè i 3 div che andranno a contenere lo sfondo

    nel css dovresti avere qualcosa del genere
    Codice:
    #top{
    background-image: (e qui imposto il link per l'img top);
    height: (l'altezza dell'immagine);
    width: (l'altezza dell'immagine);
    }
    
    #center{
    background-image: (e qui imposto il link per l'img center);
    height: (l'altezza dell'immagine);
    width: (l'altezza dell'immagine);
    padding: top right bottom left; (qui devi mettere lo spazio che vuoi dal bordo del div, es nel tuo caso che vuoi solo lo spazio a dx e sx di 40px avrai "padding: 0 40px 0 40px;")
    }
    
    #bottom{
    background-image: (e qui imposto il link per l'img bottom);
    height: (l'altezza dell'immagine);
    width: (l'altezza dell'immagine);
    }
    ora i tag che metterai nel div centrale dovrebbero essere spostati di 40px come volevi... in alternativa puoi mettere una classe al testo e dargli dei margini (margin nel css)

  3. #3

    Predefinito

    Ti ringrazio. Un'infarinatura di html e css ce l'ho, a volte però dimentico i comandi. Da qui al lavoro non posso provare, vedrò se con il padding funziona (vorrei che il testo non partisse dai bordi del div ma che abbia un rientro sia a destra che a sinistra). Per dare invece un link a tutto il div, quando si clicca in quella parte?

  4. #4

    Predefinito

    il padding è prorpio il rientro che stai cercando (è una sorta di margine interno al div), devi però tenere conto che se mettei un immagine di sfondo di 300px per 200px e hai anche un padding di 50px in tutte le direzioni come width e height dovrai mettere 200px per 100px

    per assegnare un link ad un intero div non è difficile, ci son varie tecniche:

    - innanzitutto premetto che non puoi scrivere <a><div></div></a> perchè alcuni tag non possono avere i div come figli (e l'ho scoperto recentemente ^^)

    - puoi scrivere <div><a></a></div> e assegnare delle dimensioni al tag a e un display: block; (io personalmente l'ho trovato scomodo perchè mi spostava alcuni elementi)

    - puoi scrivere <div onclick="location.href='#'"> e poi nel css dire che quando ci passa sopra il mouse appaia il cursore, se ti serve, cursor: pointer;

  5. #5

    Predefinito

    Ottima spiegazione Bisior, perfetta!
    Biagio Di Stefano

  6. #6
    Manager gemedj89 è uno splendido da avere gemedj89 è uno splendido da avere gemedj89 è uno splendido da avere gemedj89 è uno splendido da avere gemedj89 è uno splendido da avere gemedj89 è uno splendido da avere gemedj89 è uno splendido da avere gemedj89 è uno splendido da avere L'avatar di gemedj89
    Data registrazione
    20-08-2008
    Residenza
    Tra Montepulciano e localhost
    Messaggi
    9,440

    Predefinito

    Concordo , anche se è da poco che tratta l'argomento già si muove molto bene , complimenti
    http://www.graficicreativi.com/signaturepics/sigpic2108_1.gif Consulenza informatica | Joomla Expert ->Sito joomla & Wordpress - Contatto via email

  7. #7

    Predefinito

    Grazie mille, ho inserito il padding. Non ho capito però come funziona per l'assegnazione del link. Io ho questo:
    <div class="header"></div>
    Dove va inserito il comando per il link?

  8. #8

    Predefinito

    prima o dopo del class="header"

+ Rispondi alla discussione

Regole di scrittura

  • Non puoi postare nuovi argomenti
  • Non puoi postare repliche
  • Non puoi postare allegati
  • Non puoi editare i tuoi post
  • BB code è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice HTML è Disattivato
ccnp certification | mcts | 640-802 | Adobe User Group | Biagio Di Stefano | Artlandis | Risorsa Informatica
Grafici Creativi - P. IVA: 04631640655