Foto

bisogna centrare il box della descrizione al centro della miniatura, quindi andiamo sul nostro CSS e scriviamo: ul.s-thumbs li a:hover span { position: absolute; z-index: 101; bottom: -30px; left: -22px; display: block; width: 100px;... continua

Scopri

"/>').css({ width: $(document).width(), height: $(document).height(), position: 'absolute', top: 0, left: 0, background: '#000', opacity: 0.5 }). appendTo('body'). hide(); Come si può notare, in questo caso abbiamo assegnato... continua

Scopri

posizione dei nostri triangoli ci siamo affidati alla proprietà position impostandogli un valore di absolute , se torniamo a controllare il codice CSS precedente noteremo che per l’elemento .rettangolo abbiamo dato un valore... continua

stare sopra a qualsiasi elemento con position:absolute; e non c'è z-index CSS che riesca a sistemare il problema... Così chiedo a Google e mi dice che il mio problema z-index è proprio un BUG di IE6, come fixarlo? Ebbene jQuery... continua

Scopri

apertura e chiusura sui due link. Codice CSS Ecco il codice CSS del demo: /*= Site tour */ #site-tour { width: 800px; background: #fff; padding: 1em; border: 0.6em double #ccc; border-radius: 6px; position:... continua

Scopri

'); if($('body').hasClass('home')) { $p.each(function() { var p = $(this); var $img = $('img', p); if(!$img.hasClass('alignright')) { var top = p.position().top; var left = p.position().left; var width = 190; var height = 150;... continua

= $ ( div ) . width ( ) ; var DIVheight = $ ( div ) . height ( ) ; var SCREENwidth = $ ( document ) . width ( ) ; var SCREENheight = $ ( window ) . height ( ) ; var SCREENscrolltop = $ ( window ) . scrollTop ( ) ; $ ( div ) . hide ( ) ; $ ( div ) . css ( {... continua

Scopri

insieme. La tecnica Viene introdotta la seguente classe CSS: .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } Esempio pratico Data la... continua

cui la colonna con meno testo resta "appesa"e non segue la colonna con il maggior numero di caratteri. Indubbiamente un difetto estetico che va risolto… This tutorial describes a really simple CSS trick to implement a fake equal height columns effect using the... continua

non fosse che ora possiamo aggiungervi le seguenti dichiarazioni CSS3: #slideshow-wrapper { position:absolute; left:0; width:1600px; height: 300px; -webkit-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out;... continua

Scopri

; width: 40em; font: 100% Arial, sans-serif; line-height: 1.4; position: relative; } p.pullquote { font-family: Georgia, serif; width: 20em; margin: 0; position: absolute; top: auto; padding: 0.5em 0.5em 0.5em 30px; background:... continua

Foto

noterete nel file css un “position:absolute”. Il modificatore position dovrebbe permetterci di posizionare gli elementi html in posizioni particolari. Ad esempio potremmo voler spostare un elemento rispetto ad un... continua

input_file.js il “motore” javascript. File: main.css #new_file { width: 142px; height: 25px; border: 0; padding: 0px 5px 0px 30px; background: url(form.png); } /* nascondiamo l'input file */ #original_file { position: absolute;... continua

-radius:0px; } ul#css3menu1 ul{ display:none; position:absolute; left:0; top:100%; -moz-box-shadow:3.5px 3.5px 5px #000000; -webkit-box-shadow:3.5px 3.5px 5px #000000; box-shadow:3.5px 3.5px 5px #000000; padding:0 10px 10px;... Notizie correlate »

Scopri

flusso naturale della pagina e poter essere ridimensionata correttamente. Ecco il codice HTML… </pre> <img id="sfondo" src="bg.jpg" alt="" /> <pre> …a cui associamo queste righe di CSS: html, body{ width: 100%; height: 100%; margin: 0;... continua