Articles of css

Come posso controllare la posizione di un menu di selezione a discesa?

Ho un menu a tendina a discesa e volevo sapere se c’è un modo per controllare il modo in cui le opzioni si espandono? L’impostazione predefinita sembra andare in entrambi i modi e dipende da quanti elementi sono presenti nell’elenco. Vorrei evitare che le opzioni a discesa mostrino gli altri campi modulo. Quando selezioni “Paese” […]

Aggiungi una linea accanto a un’intestazione con CSS

C’è un modo per visualizzare una riga accanto a un’intestazione usando CSS? Ecco un’immagine di ciò di cui sto parlando: Potrei farlo con un’immagine di sfondo statica, ma ciò richiederebbe CSS personalizzati per ogni intestazione. E potevo fare alcune cose hacky usando :after e i colors di sfondo su h1 , ma non sarebbe giusto […]

Modifica dei collegamenti in base al dispositivo mobile

Ho un tag img HTML con un collegamento HTML statico. La mia idea è di cambiare dynamicmente quel link (ma non l’immagine) in base al tipo di dispositivo dal quale il mio utente si connette. I principali tipi di dispositivi che mi interessano sono PC, Google / Andriod, Ios, Amazon / Andriod. Esiste una soluzione […]

funzioni mouseover e mouseout nel menu a tendina

html lorem 123 123 123 321 123 123 SHOW HIDDEN MENU 7 6 5 4 0 Scroll header text Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus possimus ab adipisci sit tenetur assumenda cupiditate iure modi minus repellat corrupti reiciendis sapiente sunt porro autem temporibus impedit quaerat perspiciatis? Unde consectetur vitae consequuntur error rerum […]

Diverso window.innerWidth tra chrome e firefox?

html, body { position:absolute; width:100%; height:100%; margin: 0; padding: 0; overflow: hidden; } window.innerWidth restituisce un numero diverso da FX e chrome FX restituisce 1429 mentre Chrome restituisce 1159, perché la differenza e come risolverlo? Grazie.

css height 100% problem

Attualmente, ho un codice come questo body { background:#000; } #header{ float:right; width:800px; } #topbar { position: absolute; top: 0; left: 0; width: 100%; height: 30px; } #container-box{ margin:0px auto; border:1px solid black; width:950px; margin-top:40px; height:550px; } #image-box{ border:3px solid Black; position:absolute; float:left; width:120px; height:120px; z-index:1000; background:#000099; } #inside-box{ z-index:-100; margin:0px auto; border:1px solid #737373; […]

input nella tabella> td, ma ancora una spaziatura inferiore tra le righe! Internet Explorer

Sto usando meyer css reset . Ma ho problemi con l’input in una tabella. Lì nello spazio extra tra le righe:   1 2 3 4 5 6 7 8 9 10 1 2 e css: .table { border-collapse: collapse; border-spacing: 0px; } .table tr { margin-bottom:0; overflow:hidden; height:25px; width: 100%; padding:0; } .table input […]

Plugin grafico a barre – fai clic su ogni barra (collegamento diffrenet per ciascuna)

ho usato un plugin http://www.jqueryscript.net/demo/Simple-Bar-Chart-Plugin-with-jQuery-Bootstrap-jchart/ ma il problema è che, non sono in grado di rendere le barre cliccabili. La mia moto è di rendere ogni barra di collegamento e se l’utente fa clic su ciò reindirizzerà l’utente sul nuovo collegamento. ma non sono in grado di farlo, ho provato, ma in grado di fornire […]

Usare Javascript per aggiungere larghezza a un elemento HTML

Sto cercando di modificare la posizione e le dimensioni di un tag div con una funzione JavaScript e sono confuso su come fare riferimento alla larghezza corrente del div. Questa è la mia funzione function socialExt() { document.getElementById(“Left”).style.width = (“Left”).width+240px; } Voglio aggiungere 240 pixel ogni volta che clicco sul pulsante. Cosa dovrei sostituire (“Left”).width […]

Bug float CSS con ridimensionamento del contenuto principale del riquadro laterale

Stiamo riscontrando un problema con un riquadro laterale a destra. Questo riquadro ridimensiona in qualche modo il primo div nel contenuto principale, quindi il div è teso alla stessa altezza del riquadro, vedere l’illustrazione di seguito. Il principale div ha il seguente css margin: 10px 280px 0 10px; padding-right: 50px; Il riquadro laterale ha il […]