Articles of html5

Ignora il margine nel caso in cui div sia vuoto

Ho 2 DIV allineati orizzontalmente uno accanto all’altro e centrati usando un wrapper. Io uso margin-right per separare DIV2 da DIV1. DIV2 potrebbe non avere contenuto. Nel caso in cui DIV2 non abbia contenuto, voglio che il margine sia ignorato e che DIV1 sia centrato da solo. Questo è il mio CSS: #div1 { display: […]

come spostare l’object in circolo in avanti e all’indietro nella canvas html5?

Sto sviluppando una piccola app in canvas HTML5. Ho bisogno di spostare un object con movimenti circolari usando i tasti della tastiera. Sono in grado di spostare l’object usando i tasti della tastiera ma ci sono degli errori. L’object non si sposta indietro del reparto o in avanti dalla stessa posizione. Può qualsiasi altro corpo […]

Come faccio a rendere il mio pannello scorrevole per riempire l’intero schermo fino al piè di pagina con un design reattivo? (per l’interfaccia mobile)

Sto facendo una versione mobile delle mie pagine dei risultati che deve essere retriggers per ogni dispositivo mobile, ma non so come rendere il mio pannello (che è scorrevole) riempia lo schermo fino al piè di pagina, non importa su quale cellulare si trovi l’utente dovrebbe apparire lo stesso. se provo a correggere l’altezza del […]

SyntaxError: messaggio ‘\ u0008’ carattere non valido dal tag DOCTYPE

Sto configurando un server e sto ricevendo uno strano errore che non ho mai visto prima: Si lamenta della linea 1 nella fonte, ma questo è solo il tag DOCTYPE ! <!– –> … Come puoi vedere ho già provato a impostare Content-Type come qualcosa di diverso da utf-8 . Cosa sta succedendo qui?

Terminologia: il significato di “larghezza dynamic” ha un consenso?

Prima di tutto, non so se questa domanda possa adattarsi meglio su un altro sito SE . Si prega di segnalare se si pensa che dovrebbe essere migrato. sfondo Partendo dalla mia risposta al centro fisso div con larghezza dynamic (CSS) , osservo sui commenti che c’è una sorta di incomprensione dovuta al termine dinamico […]

I contatori di contenuti CSS interrompono i CSS in IE

Mi aspetto che il sito richieda qualche modifica per funzionare in IE, anche se questa volta sembra che qualcosa stia rompendo completamente il CSS nella modalità di compatibilità IE8. Per iniziare in alto con la posizione del logo, ho aggiunto uno sfondo rosso per controllare la sua posizione e questo non è nemmeno visualizzato, anche […]

Crea pulsante con interruttore e testo con un singolo elemento

Sto cercando di creare un pulsante da un singolo elemento html. Il pulsante deve avere un cursore di triggerszione e il testo deve essere allineato verticalmente e orizzontalmente. Quindi ho pensato di poter fare uso di :before element per aiutarmi a farlo accadere. Ecco cosa ho provato: div { width: 140px; height: 40px; background-color: #B3B3B3; […]

AJAX – Caricamento di un file (HTML 5) e PHP

Mi sento completamente fuori dalla mia profondità ma mi sento così vicino … Sto provando a caricare un file usando AJAX. Ho trovato questo tutorial http://blog.new-bamboo.co.uk/2010/7/30/html5-powered-ajax-file-uploads e sembrava andare abbastanza bene fino alla fine. Non riesco ad accedere al file in PHP, cioè usando $ _FILES [“foo”] [“nome”]; e non sono sicuro di come caricare […]

Menu orizzontale completamente giustificato con immagini e separatori

Mi piacerebbe ottenere questo menu orizzontale pienamente giustificato: La giustificazione è fatta con la flexbox e funziona, ma non ho potuto giustificare anche i punti intermedi di separazione; sono realizzati usando il contenuto css tramite pseudo-class. Inoltre, mi chiedo se ci sia un modo migliore per centrare verticalmente gli oggetti piuttosto che fingere aggiungendo un […]

Ruota il tabindex attraverso il modulo html

Ho un modulo generato da PHP che viene utilizzato come interfaccia di fatturazione. Gli utenti si fanno strada attraverso il modulo premendo tab . Devo ruotare il tasto Tab sul modulo fino a quando non finalizzano il processo di fatturazione. Ad esempio, con questo modulo: Devo spostare l’indice delle tabs da 1 a 7, quindi […]