HTML e CSS

HTML e CSS

• Topic
  Post
  View
  Votazioni
  Post
  Attività
• G

  Eliminare lo scrollbar orizzontale
  • gelova  

  6
  24507
  Visualizzazioni
  0
  Votazioni
  6
  Post

  A

  @Bierre73 said:

  Salve anch'io avevo questo "problema" e ci ho sbattuto la testa per mesi, anzi anni. Poi ieri sera ho finalmente trovato la soluzione:

  mettere questa stringa (' style="overflow-x:hidden;overflow-y:scroll" ') nel body della pagina contenuta nell'iframe.

  Immagino che si possa nascondere anche la barra verticale. Saluti da Raffaele.
  Ovviamente si può nascondere anche la barra verticale, ma gli overflow: hidden andrebbero inseriti se c'è un motivo reale per farlo, non per "mettere" una pezza prima o poi i nodi vengono al pettine! Concordo con chi, prima di me, ti ha consigliato di sforzarti a sistemare lo spazio a disposizione.

• Y

  Testare css con Windows 8?
  • yesno  

  2
  435
  Visualizzazioni
  0
  Votazioni
  2
  Post

  

  Ciao yesno.
  Esistono molti tool e servizi a pagamento per testare le pagine web nelle diverse versioni dei browser.
  Di seguito te ne indico alcuni che includono un piano free:

  browsershots.org browserling.com browsera.com netrenderer.com spoon.net/browsers/

  Qualcosa anche per mobile e responsive:

  mobiletest.me responsivetest.net mattkersley.com/responsive/ responsinator.com

  Spero di esserti stato utile.

  Francesco

• S

  Form per invio di un singolo campo?
  • simo10piu  

  4
  355
  Visualizzazioni
  0
  Votazioni
  4
  Post

  

  Ciao e buona giornata a te,

  Francesco

• C

  Bellissima Mappa Interattiva Italia: Aiuto Responsive
  • chebellagiornata  

  2
  1487
  Visualizzazioni
  0
  Votazioni
  2
  Post

  C

  CSS: img { border: 0px; } div,h1,h2,h3,input,label,select,textarea,button{font-family:Arial,"Helvetica";font-size:12px} a{outline:0;color:#3a5075;text-decoration:none;background-color:transparent} a:hover{text-decoration:underline} br.sep{clear:both;height:0;font-size:1px;line-height:0} #h_wrap{width:970px;margin:auto} #h_left{width:310px;float:left;margin:10px 3px 0 0} a.h_btn{color:#3a5075;font-size:14px;font-weight:700;height:19px;line-height:19px;background:transparent;display:inline-block} a.h_btn span{display:block;background:transparent;text-align:right;padding:0 10px} a.h_btn:hover,a.h_btn.active{background:#3a5075 url(../images/btn_blue_right.gif) right no-repeat;text-decoration:none;color:#fff} a.h_btn:hover span,a.h_btn.active span{background:transparent url(../images/btn_blue_left.gif) left no-repeat} .Map{background:url(../images/bg_map.png);z-index:100;position:relative;height:100%;width:100%;margin:0;padding:0} #region_map{position:absolute;width:460px;height:531px;z-index:105;top:0;left:0} .sprite_region_all{background:0;z-index:110} .sprite_region_1{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-8280px 0;z-index:110}.sprite_region_2{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-5060px 0;z-index:110} .sprite_region_3{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-3220px 0;z-index:110} .sprite_region_4{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-3680px 0;z-index:110} .sprite_region_5{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-7360px 0;z-index:110} .sprite_region_6{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-8740px 0;z-index:110} .sprite_region_7{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-2300px 0;z-index:110} .sprite_region_8{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-1840px 0;z-index:110} .sprite_region_9{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-6900px 0;z-index:110} .sprite_region_10{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-7820px 0;z-index:110} .sprite_region_11{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-2760px 0;z-index:110} .sprite_region_12{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-4140px 0;z-index:110} .sprite_region_13{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:0 0;z-index:110} .sprite_region_14{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-4600px 0;z-index:110} .sprite_region_15{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-1380px 0;z-index:110} .sprite_region_16{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-5520px 0;z-index:110} .sprite_region_17{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-460px 0;z-index:110} .sprite_region_18{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-920px 0;z-index:110} .sprite_region_19{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-5980px 0;z-index:110} .sprite_region_20{background:url(../images/sprite_map.gif) no-repeat;width:460px;height:531px;background-position:-6440px 0;z-index:110} #h_desc li b,#hp_bookmark{display:block} #h_main #h_italy,#region_map img{width:460px;height:531px;}
• 

  HTML5 Forms: attributi Min e Max per input type Date
  • fda  

  5
  2370
  Visualizzazioni
  0
  Votazioni
  5
  Post

  

  Ciao MenteLibera,
  grazie delle osservazioni, approfondisco e più in là vi aggiorno.

  Francesco

• D

  Problema accenti e simbolo ?
  • dbseo  

  2
  360
  Visualizzazioni
  0
  Votazioni
  2
  Post

  D

  La codifica che c'era e ho rimesso è questa
  [HTML]<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />[/HTML]

• T

  tool tiny html editor da inserire in form textarea
  • trosy75  

  3
  508
  Visualizzazioni
  0
  Votazioni
  3
  Post

  T

  grazie mille

• ?

  Centratura voci di un menù liquido
  • Un Ex Utente  

  4
  676
  Visualizzazioni
  0
  Votazioni
  4
  Post

  

  Fa piacere.

  Francesco

• P

  Problema: non riesco a mettere in ordine i mesi in una select
  • paperinik4  

  12
  1028
  Visualizzazioni
  0
  Votazioni
  12
  Post

  P

  Ciao MenteLibera,

  Grazie delle spiegazioni. Quando ritornerò a Roma mki studio il link ch emi hai dato . Cavolo spieghi veramente bene. Ti posso chiueder eun altro aiuto ??? Su un modulo ????

• 

  Combobox con larghezza adatta al contenuto
  • felino  

  2
  496
  Visualizzazioni
  0
  Votazioni
  2
  Post

  

  Nessun aiuto?
  Forse potrei ottenere qualche risultato con Jquery?

  Grazie.

• P

  convertire codice colore
  • pippoman  

  3
  796
  Visualizzazioni
  0
  Votazioni
  3
  Post

  M

  La formula ci sarebbe, e hai bisogno del rosso, verde e blu.
  Il codice esadecimale (quello con il #), ha come prime due cifre il rosso, come seconde due il verde e come terze due il blu.
  Nel tuo esempio il rosso è 0, quindi le prime due cifre sono 0.
  Il verde è 159 in base 10 (noi usiamo 10 cifre per contare, dallo 0 al 9), per trasformarlo in esadecimale (base 16) si fa così:

  Si prende il numero e lo si divide per 16:
  159 / 16 = 9 ; resto = 15
  Si continua a dividere ciò che ottieni tenendo conto dei resti:
  9 / 16 = 0 ; resto = 9

  Arrivato a 0, prendi i due resti: 15 e 9. I numeri fino al 9 in esadecimale rimangono uguali, mentre 10=>A, 11=>B, 12=>C, 13=>D, 14=>E, 15=>F (16=>10).
  Quindi 159 è diventato F9, e queste sono le seconde due cifre.

  Passiamo al blu:
  228 / 16 = 14 ; resto = 4
  14 / 16 = 0 ; resto = 14

  Abbiamo scoperto che il blu è 4E.
  Mettendo insieme i colori arriviamo a dimostrare che rgb(0,159,228) = #00F94E;

  Questo è ovviamente un modo molto lungo di calcolare il codice esadecimale di un colore affidarti a programmi su internet è molto più veloce. Ma e mai ti venisse un dubbio su come si fa... ecco qui!

• D

  Aiuto per il blog
  • dre88gt  

  2
  424
  Visualizzazioni
  0
  Votazioni
  2
  Post

  S

  chiedi nella sezione scripting lato client, ti serve javascript per fare quello che chiedi

• P

  Modificare Visualizzazione Posts Tagged Wordpress
  • pdinillo  

  1
  285
  Visualizzazioni
  0
  Votazioni
  1
  Post

  Nessuno ha risposto

• M

  Thumbnail dei post wordpress su fb
  • mmarammei  

  5
  1457
  Visualizzazioni
  0
  Votazioni
  5
  Post

  M

  in effetti ora pare sia tutto ok. Boh! Facebook è sempre una disperazione. Grazie comunque tante e spero che il codice dell'Open Graph che ho postato possa essere utile a qualcuno.

• L

  creare un layout html adattabile
  • lamerdarosa  

  2
  621
  Visualizzazioni
  0
  Votazioni
  2
  Post

  L

  Nessuno sa rispondermi?

• P

  Accentrare tabella
  • pippoman  

  3
  439
  Visualizzazioni
  0
  Votazioni
  3
  Post

  P

  Grazie , funziona.

• P

  Motore di ricerca personalizzato Google
  • powerlife3  

  5
  922
  Visualizzazioni
  0
  Votazioni
  5
  Post

  P

  ci ho rinunciato...

• 

  Forzare la compatibilità di Internet Explorer
  • felino  

  5
  1759
  Visualizzazioni
  0
  Votazioni
  5
  Post

  

  Purtroppo ho provato anche solo con IE8 (senza emulate) ma non va ugualmente.

• H

  Piccolo tutorial su CSS3 e trasformazioni
  • html5today  

  3
  601
  Visualizzazioni
  0
  Votazioni
  3
  Post

  D

  Grazie infinite!

• P

  Creare una tabella fatta di quadrati separati
  • pippoman  

  2
  394
  Visualizzazioni
  0
  Votazioni
  2
  Post

  U

  Per separare le celle di una tabella dovresti includere nel css
  table {border-collapse: separate;
  border-spacing: 15px;}
  ovviamente 15px è una misura a caso.
  Ciao...