Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    css per scrivere in un input lasciando spazio dai bordi..

    non so se mi sono spiegato..

    in pratica vorrei aumentare l'altezza di un input cosi da lasciare la scritta con più spazio dai bordi (superiore, inferiore e sinistro)

    come se fa? ho già provato con padding ma non lo fa bene


  2. #2
    Cosa significa "non lo fa bene"?

    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  3. #3
    Originariamente inviato da Shores
    Cosa significa "non lo fa bene"?

    se provi a farlo, in pratica lo aggiunge il padding ma non lo fa vedere:

    l'altezza dell'input rimane quella e solo se selezioni il testo e muovi il mouse verso il basso ti fa vedere che c'è il margine facendo salire il testo ... capito?

  4. #4
    Con che browser?
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  5. #5
    Originariamente inviato da Shores
    Con che browser?
    ho provato solo IE xp sp2

  6. #6
    Originariamente inviato da xnavigator
    ho provato solo IE xp sp2
    Allora DEVI inserire la DOCTYPE che attiva il modo strict:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    Vedrai che dopo funziona...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  7. #7
    Originariamente inviato da Shores
    Allora DEVI inserire la DOCTYPE che attiva il modo strict:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    Vedrai che dopo funziona...
    ho messo il doctype cosi.. ma vengono ereditati anche le proprietà...

    nel senso se metto dentro a un <p align="center"></p> una tabella dentro il testo avrà anche lui un allineamento centrato..

    non c'è un modo per evitarlo?


    add:
    ora il padding funziona.. ma come mai viene gestito cosi in maniera differente?

    (per non far aumetnare l'altezza ora bisognerbbe usare il margin giusto?)

  8. #8
    Eh, ti sei imbattuto nella grande rottura di coglioni di IE che non rispetta gli standard...

    Non c'è che UNA sola soluzione:

    1)Usare SEMPRE Mozilla/Opera o altri browser aderenti agli standard per testare un sito,

    2)Testare poi le cose su IE

    3)Usare SOLO SOLO SOLO i CSS per formattare, e non mescolare mai i CSS e gli attributi:

    per esempio:

    Non questo
    <p align="center">
    Ma questo
    <p style="text-align:center;">
    (e margin-left:auto;margin-right:auto; sui block elements contenuti in quel paragrafo)

    Comunque, se vui usare i css e vuoi che funzionino, DEVI usare lo strict mode, e se questo ti provoca altri casini, postali pure che ti si aiuta a risolverli...
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

  9. #9
    Originariamente inviato da Shores
    Eh, ti sei imbattuto nella grande rottura di coglioni di IE che non rispetta gli standard...

    Non c'è che UNA sola soluzione:

    1)Usare SEMPRE Mozilla/Opera o altri browser aderenti agli standard per testare un sito,

    2)Testare poi le cose su IE

    3)Usare SOLO SOLO SOLO i CSS per formattare, e non mescolare mai i CSS e gli attributi:

    per esempio:

    Non questo
    <p align="center">
    Ma questo
    <p style="text-align:center;">
    (e margin-left:auto;margin-right:auto; sui block elements contenuti in quel paragrafo)

    Comunque, se vui usare i css e vuoi che funzionino, DEVI usare lo strict mode, e se questo ti provoca altri casini, postali pure che ti si aiuta a risolverli...
    ok capito grazie.. solo una cosa mi sfugge block elements? intendi i div?


    add:

    ho messo il text-align ma cmq il testo nelle tabelle viene centrato... :master:

  10. #10
    Originariamente inviato da xnavigator
    (per non far aumetnare l'altezza ora bisognerbbe usare il margin giusto?)
    No. è semplicemente che margin è FUORI del calcolo dell'altezza:

    height:200px;margin-top:10px; => oggetto alto 200 con sopra un bordo bianco sopra alto 10px

    height:200px;padding-top:10px; => oggetto alto 210 con una spaziatura interna in alto di 10px
    "Le uniche cose che sbagli sono quelle che non provi a fare."
    Atipica

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.