Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

HTML e CSS

Discussioni: 4092 Post: 18916

Il linguaggio di markup e i fogli di stile

Moderatori

M
miwebdesign

Hashtag

Accedi per postare

HTML e CSS

Topic

Post

View

Votazioni

Post

Attività
G

Significato onclick codice del link
• gokufg

6

821
Visualizzazioni

0
Votazioni

6
Post

B

ricarica la pagina
L

Fade In CSS3
• lyd

5

911
Visualizzazioni

0
Votazioni

5
Post

L

Sì, esatto.
Quel link rende l'idea..

diciamo che io ho una struttura tipo:

<body>
<section id="contenuto1">contenuto1</section>
<section id="contenuto2">contenuto2</section>
<section id="contenuto3">contenuto3</section>
<section id="contenuto4">contenuto4</section>
</body>

I contenuti all'interno di ogni sezione devono apparire soltanto quando carichi quella sezione.
Penso che non esista un modo per farlo con solo CSS, qualcuno può smentire?
D

Aggiornamento anomalo di siti HTML
• danilo.chiantia

3

780
Visualizzazioni

0
Votazioni

3
Post

D

Ho verificato anche sulla base di altre indicazioni.
Si trattava solo di una svista banale: la cache da aggiornare!

Grazie mille comunque,
Danilo.
L

Altezza Container Centrale
• luigimdg88

3

798
Visualizzazioni

0
Votazioni

3
Post

L

Ok, perfetto.. Mentre per il menù a sinistra..... Praticamente va bene solo su Chrome, aprendolo da Firefox mi da uno spazio tra la 'zona che si illumina' ed il bordo.. Perchè?
Per non parlare di Internet Explorer che non me li mette in linea.. Guardate voi stessi..
AutoricambiDonato.it
L

Sfondo Prima Riga Tabella
• luigimdg88

4

845
Visualizzazioni

0
Votazioni

4
Post

L

Ma se volessi utilizzare 3 immagini..?
Per mettere i bordi laterali.. Dovrei per forza utilizzare tre colonne? Se si, quali attributi dovrei utilizzare per impostarlo in automatico su tutte le pagine?
D

Modificare il CSS di un plugin per Wordpress
• diva986

3

2340
Visualizzazioni

0
Votazioni

3
Post

D

Effettivamente è bastato! Grazie per il tuo aiuto
Nuovo Moderatore: MiWebDesign
• giorgiotave

3

7475
Visualizzazioni

0
Votazioni

3
Post

M

Grazie mille, buon lavoro anche a voi!
S

Modifica slide in CSS3
• sabrinef

2

854
Visualizzazioni

0
Votazioni

2
Post

M

@keyframes slidy { 0% { left: 0%; } 10% { left: -100%; } 30% { left: -200%; } 40% { left: -300%; } 50% { left: -400%; } 60% { left: -500%; } 70% { left: -600%; } 80% { left: -700%; } 90% { left: -800%; } 100% { left: -900%; } } div#slider { overflow: hidden; } div#slider figure img { width: 10%; float: left; } div#slider figure { position: relative; width: 1000%; margin: 0; left: 0; text-align: left; [font](http://www.giorgiotave.it/wikigt/os/Font)-size: 0; animation: 60s slidy infinite; }
Ciao, prova con questo codice CSS.
G

Script riquadro che invita a mettere mi piace per continuare a visitare il sito
• gwachi87

4

943
Visualizzazioni

0
Votazioni

4
Post

F

Interessante, stavo provando invece questo sapete darmi indicazioni su come fare?

jsfiddle.
net/J3njy/u41b1ed5/5/
il popup usa jquery
github.
com/carhartl/jquery-cookie2353
L

Dare lo stato on click con i CSS
• lucaeffe

10

12738
Visualizzazioni

0
Votazioni

10
Post

Ciao emanuele.99, WordPress aggiunge in automatico alle voci dei menu delle classi per indicare la "pagina corrente".

Come ad esempio:

current-menu-item

Ti basterà, quindi, assegnare un colore diverso a questa classe ed il gioco è fatto.
A

Realizzare un layout elastico (come in esempoi)
• atmel

2

702
Visualizzazioni

0
Votazioni

2
Post

M

Ciao Atmel, sicuramente il passaggio mancante per ciò che ti serve sono le media query.

In CSS, puoi modificare i valori delle tue classi e dei tuoi ID in funzione della larghezza dello schermo o di molti altri parametri.

Un esempio pratico e veloce per capire la sintassi potrebbero essere due DIV che occupano il 50% dello spazio che diventano al 100% e uno sotto l'altro quando vengono visualizzati da Tablet.
#divuno,#divdue{ width:50%; float:left; } @media ( max-width: 768px ) {,#divdue{ width:100%; float:none; } }
Comunque puoi usare Bootstrap per realizzare Layout Responsive senza ammazzarti troppo la vita, è un Framework che ti permette di utilizzare classi che hanno già dei Breakpoint predefiniti per la maggior parte delle views.
B

[RISOLTO] apertura e chiusura tag FORM su section diverse
• buba2308

4

828
Visualizzazioni

0
Votazioni

4
Post

B

ho risolto in questo modo:
ho aperto il <form> subito dopo l'apertura di <article> e chiuso <form> prima della chiusura di </article>
quindi il form l'ho aperto una sola volta

<article id="scheda-prodotto">
<form action="#" name="form-preventivo" id="formpreventivo" method=" post">
<p></p>
<h1></h1>
<section id="box-scheda-prodotto">
...... ...... </form> </section> <div id="scheda-right"> </div>
</form>
</article>
W

Estendere un div oltre la risoluzione di lavoro
• w.t

7

969
Visualizzazioni

0
Votazioni

7
Post

M

Potevi dirlo prima! ti consiglio una soluzione meno "spartana".
#divBG{ width: 100%; height: 500px; background: url(../images/bg_1.jpg) center center no-repeat; background-size:cover; }
Così ti verra uno sfondo DIV Responsive, centrato sia verticalmente che orizzontalmente su un DIV largo tutta la finestra e alto 500px come hai detto prima.

Se vuoi aggiungere un tocco SWAG in più allo sfondo e se l'immagine è più alta di 500px aggiungi al DIV:
background-attachment:fixed;
Ed ottieni un bel Parallax!

Mentre se vuoi "Responsivizzare" anche l'immagine anzichè: background-size:cover; metterai:** background-size:100% auto;

**Attento alle proporzioni però!
G

[Risolto] Due immagini affiancate nella stessa colonna
• garuda

5

12542
Visualizzazioni

0
Votazioni

5
Post

D

Salve a tutti e complimenti per il forum, è un vecchio post ma anche a me è stato utilissimo. Alzo il tiro..
posto il codice che ho preso da brainless e adattato per 3 immagini,

<table border="0">
<tr><td> prima cella </td><td> seconda cella </td><td> treza cella </td></tr>
</table>

esiste un modo, tramite html, di rendere "responsive" le tre immagini in base alla dimensione dello schermo?
ciò che vorrei fare è visualizzarle così come sono, affiancate orizzontalmente fino ad una dimensione schermo
diciamo 500px di larghezza, e incolonnarle una sotto l'altra per dimensioni minori di 500px..

se non c'è modo in html semplice conoscete un altro modo per fare ciò?

grazie,

Dan
P

iphone. problemi di impaginazione.
• pig.org

3

832
Visualizzazioni

0
Votazioni

3
Post

P

infatti uso quello ma le differenze sono tante. sto facendo la versione mobile di un sito ecommerce sviluppato in Magento.sto facendo una vista. Il problema più evidente è il numero di prodotti per riga nel catalogo.su s3 2 prodotti x linea, su iphone 6 e 5 è invece un prodotto x riga. la cosa é molto strana xchè iphone ha risoluzione più alta . evidentemente ci sono specifiche css che con safari funzionano diversamente.
O

Info su css annidato
• ottomasi

7

925
Visualizzazioni

0
Votazioni

7
Post

O

Avevo sbagliato prendendo il nome della classe, come abbiamo detto prima... è lunedì!
A

Wordpress: aiuto con slider e sidebar
• ale 2

4

591
Visualizzazioni

0
Votazioni

4
Post

S

Devi inserire la slider all'interno di questo div se vuoi mantenere l'allineamento a sinistra e la sidebar a destra
<div id="primary" class="content-area">.

Quindi:
<div id="primary" class="content-area">
 
</div>
I

Richiesta codici html
• inesperto1

3

642
Visualizzazioni

0
Votazioni

3
Post

M

ciao Inesperto,

da una parte ti faccio i complimenti per la capacità di sintesi, hai capito benissimo ciò che ti serve.

D'altro canto mi pare di capire che non hai le competenze per realizzare quanto desideri. Non ti basterà avere codici html perché:
non ti serve codice html ma codice come php o asp l'implementazione non sarà cosa così semplice (tipo copia-incolla), ma dovrai interagire col codice fornito, dovrai conoscere la piattaforma che stai usando, interagire forse col database. probabilmente stai usando un CMS e forse ti basterà avvalerti di un plugin come dice Marco
In conclusione il mio consiglio è di rivolgerti a un qualsiasi webmaster della tua zona che con 50 max 100 euro ti risolve tutto!
G

Problema microdata
• giacomoms

16

1910
Visualizzazioni

0
Votazioni

16
Post

Prego, nessun problema
L

come creare una versione mobile di sito in HTML e CSS
• lukros

15

11569
Visualizzazioni

0
Votazioni

15
Post

A

@lukros said:

Grazie per la risposta Jacko's, il gioco si fa difficile. Mi metto a studiare ma la vedo complessa; già vedo all'orizzonte il primo problema un contenitore ha delle tabelle inserite, quindi come si ridimensiona... calcola che il layout del sito è del 2005 e pur avendo subito aggiustamenti è rimasto quello, una via di mezzo tra CSS e tabelle che ancora ben funziona. Google e le sue manie con il mobile

Comunque è colpa mia, per paura di perdere posizionamento non ho mai toccato nulla, ora mi ritrovo che se non lo faccio nel breve perderò posizionamento. Grazie ancora.

... quoto tutto quello che hai scritto, sembra quasi lo abbia scritto io ...
stessa identica situazione, nel mio caso, il sito fù creato da autodidatta scopiazzando idee e codici a destra e manca e correggendo con diversi sistemi, ora però con il mobile mi trovo spaesato e impreparato oltre che in calo nella serp ...
PS: ho sempre voluto evitare di dare in mano il sito agli espertoni che promettono la prima posizione in 2gg (magari per la durata di 3gg ...), per i costi, per l'affidabilità e durata dei metodi e sopratutto perchè ho sempre pensato che con il tempo investito nello spiegare quello che volevo fare ho sempre fatto in tempo a farmelo +/- da solo ...
ora invece inizio ad avere qualche dubbio e molto meno tempo da dedicare ... ma prima di arrendermi voglio cercare di capire qlc di più ...

vi seguo!

14 / 205

HTML e CSS

Moderatori

Hashtag

Significato onclick codice del link • gokufg

Fade In CSS3 • lyd

Aggiornamento anomalo di siti HTML • danilo.chiantia

Altezza Container Centrale • luigimdg88

Sfondo Prima Riga Tabella • luigimdg88

Modificare il CSS di un plugin per Wordpress • diva986

Nuovo Moderatore: MiWebDesign • giorgiotave

Modifica slide in CSS3 • sabrinef

Script riquadro che invita a mettere mi piace per continuare a visitare il sito • gwachi87

Dare lo stato on click con i CSS • lucaeffe

Realizzare un layout elastico (come in esempoi) • atmel

[RISOLTO] apertura e chiusura tag FORM su section diverse • buba2308

Estendere un div oltre la risoluzione di lavoro • w.t

[Risolto] Due immagini affiancate nella stessa colonna • garuda

iphone. problemi di impaginazione. • pig.org

Info su css annidato • ottomasi

Wordpress: aiuto con slider e sidebar • ale 2

Richiesta codici html • inesperto1

Problema microdata • giacomoms

come creare una versione mobile di sito in HTML e CSS • lukros

Significato onclick codice del link
• gokufg

Fade In CSS3
• lyd

Aggiornamento anomalo di siti HTML
• danilo.chiantia

Altezza Container Centrale
• luigimdg88

Sfondo Prima Riga Tabella
• luigimdg88

Modificare il CSS di un plugin per Wordpress
• diva986

Nuovo Moderatore: MiWebDesign
• giorgiotave

Modifica slide in CSS3
• sabrinef

Script riquadro che invita a mettere mi piace per continuare a visitare il sito
• gwachi87

Dare lo stato on click con i CSS
• lucaeffe

Realizzare un layout elastico (come in esempoi)
• atmel

[RISOLTO] apertura e chiusura tag FORM su section diverse
• buba2308

Estendere un div oltre la risoluzione di lavoro
• w.t

[Risolto] Due immagini affiancate nella stessa colonna
• garuda

iphone. problemi di impaginazione.
• pig.org

Info su css annidato
• ottomasi

Wordpress: aiuto con slider e sidebar
• ale 2

Richiesta codici html
• inesperto1

Problema microdata
• giacomoms

come creare una versione mobile di sito in HTML e CSS
• lukros