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à
A

I List item (<li>) con immagine non appaiono allienati allo stessomodo in IE 9
• antoniog2

2

551
Visualizzazioni

0
Votazioni

2
Post

A

Ho provato a realizzare una seconda immagine per la shape del list-item aggiungendo ben 8 pixel di spazio in alto alla forma che voglio mostrare e ho ridotto lo spazio alla sua destra di 4 pixel.
Era già presente un file CSS ieonly.css e non ho fatto altro che aggiungere la porzione di codice interessata a mostrare l'immagine appropriata.
Il risultato ottenuto è una visualizzazione che a occhio nudo è molto identica a quanto appare nei browser Firefox e Chrome e questo era il mio obbiettivo.
V

HTML5, Internet Explorer e Giorgiotave.it
• van.basten

6

1938
Visualizzazioni

0
Votazioni

6
Post

M

@Van Basten said:

Salve a tutti,
mi sono accorto che il mio sito nuovo (realizzato in html5) non è visibile con IE6-7-8 (sito web: montagnaestate.it )
[...]
Ma non funziona, cosa posso fare?

Per prima cosa cercherei di correggere gli errori ed avvisi presenti nel codice HTML e nel CSS, mi sono limitato a validare solo quelli della home page.

Purtroppo quel browser richiede molta attenzione nel corso dello sviluppo. La versione 6 ha dei problemi con le immagini con Mime "png".

Ho visitato il sito e ho avuto l'impressione che ci sia un po' troppo JavaScript che potrebbe contribuire ad aggiungere problemi. Infatti quando è abilitato si vede sostanzialmente bene, però disabilitandolo si presentano i primi problemi, per esempio nel box "Cerca alloggio" diventano visibili le scrollbar orizzontale e verticale.

Probabilmente rivedrei il form "Info vacanza": l'input text per la risposta da dare al captcha esca dal box; inoltre mi sembra che ci sia qualcosa di debole sempre sulla tecnica anti-spam...

Ho l'impressione che ci sia qualche problema con il CMS del forum perché premendo sul pulsante "Rispondi Citando" la prima volta l'area di inserimento e pulsanti per la composizione del messaggio non appaiono subito ma dopo un altro tentativo. Inoltre pare si sia disabilitata la notifica dei nuovi messaggi per e-mail, cercherò di salvare da qualche parte l'url del thread per poterlo ritrovare.[/OT]
L

Neofita javascript
• luchissimo

5

463
Visualizzazioni

0
Votazioni

5
Post

L

Js inviato. Grazie per l aiuto
V

Siti responsivi come si realizzano?
• van.basten

6

889
Visualizzazioni

0
Votazioni

6
Post

M

Per le informazioni che ho ricavato online, ho visto che un sito responsive si crea utilizzando le media queries CSS3. Le media queries sono delle dichiarazioni di un tipo di media e di zero o più espressioni che verifichino le condizioni di validità o non validità delle caratteristiche di un certo media. Ad esempio, in un foglio di stile, possiamo trovare una media query di questo tipo:

@media screen and (min-width: 768px) {
....istruzioni css....
}

Con questa media query verifichiamo che il media utilizzato sia lo schermo di un computer e che la sua larghezza minima sia di 768px; se le condizioni sono soddisfatte vengono eseguite le istruzioni css nelle parentesi graffe.
In questo modo è possibile definire vari "breakpoint", ovvero diverse soglie dimensionali al di sopra delle quali o al di sotto delle quali sono eseguite diverse istruzioni CSS, che conferiscono, dunque, al sito un diverso design a seconda delle dimensioni dello schermo del dispositivo utilizzato. In questo modo il sito diventa "adattivo" e si visualizza in maniera ottimale su tutti i dispositivi.

Inoltre per impedire che i dispositivi ridimensionino automaticamente il sito si scrive il seguente codice HTML nella sezione <head></head>:
<meta name="viewport" content="width=device-width"/>

Infine esistono delle librerie Javascript che rendono compatibili le media queries CSS3 con i browser più vecchi.

Spero di averti chiarito un po' le idee
A

alt tag tooltip
• aleseoweb

2

359
Visualizzazioni

0
Votazioni

2
Post

Ciao aleseoweb,
@aleseoweb said:

Ho letto da qualche parte di IE 9, confermate? Ce ne sono anche altri?
Se sì, c'è un modo perchè questo non avvenga?
Storicamente mi risulta solo IE varie versioni arbitrariamente utilizzi l'attributo alt per fare apparire dei tootip. Non ho più verificato con IE10, devi un po' sperimentare.
L'attributo deputato a fare apparire un tooltip e title, e anche IE lo utilizza se specificato, in tale caso ignorando alt ...però non fidarti ciecamente della mia memoria, provalo

Spero d'esserti stato utile
T

Select sparisce tendina
• trinity.bubu

2

305
Visualizzazioni

0
Votazioni

2
Post

T

Ho risolto, erano delle label chiuse nel punto sbagliato
D

iFrame e href
• develup

2

722
Visualizzazioni

0
Votazioni

2
Post

H

Aggiungi all'url dell'iframe: ?&linkTarget=_blank"
F

Help Me
• ft.73

3

443
Visualizzazioni

0
Votazioni

3
Post

H

Devi impostare come action l'url di una pagina .php che si occupa di gestire il form.

Guarda quì una guida perfetta per il caso tuo: webfab.it/php/23-modulo-di-contatto-php.html
S

Prolemi AddThis con Tumblr
• steak

1

328
Visualizzazioni

0
Votazioni

1
Post

Nessuno ha risposto
D

Adattare select box al testo
• deathlok

2

589
Visualizzazioni

0
Votazioni

2
Post

H

Le select box si adattano in automatico al contenuto
CSS per il footer
• felino

4

834
Visualizzazioni

0
Votazioni

4
Post

Esatto, avevo già risolto con il consiglio di axxe16, ma avevo dimenticato di postare! Scusatemi!

Grazie.
F

Chiudere table con il CSS
• fring

2

582
Visualizzazioni

0
Votazioni

2
Post

H

Scusa cos'è di preciso che non riesci a fare o che vorresti ti aiutassimo a fare?
S

Ko totale delle gallerie jquery!!!
• simo10piu

6

419
Visualizzazioni

0
Votazioni

6
Post

S

Ok grazie, risolto, i gli script li metto sul server del sito e bona.
M

Linkare un CSS con http:// oppure con ../css cambia qualcosa?
• muzak

4

651
Visualizzazioni

0
Votazioni

4
Post

H

Stai attento solo a una cosa. Con l'url assoluto se mai cambierai il nome del dominio, dovrai cambiare TUTTO. COn quello relativo invece no.
E

Offuscamento Frame Con JS o Simili
• emilix123

3

504
Visualizzazioni

0
Votazioni

3
Post

E

Si scusa forse mi sono spiegato male io, allora io vorrei fare una cosa tipo questa:
ht tp://vernarollinger.com/3952/treat/most-common-drug-causes-tinnitus-cure
Agli occhi di un neofita questa pagina sembra una squezee page del tutto normale ma se tu apri il codice sorgente vedrai una cosa molto strana...
Ciò che viene visualizzato quando si va su questo sito viene riprodotto da un comando javascript (che fa visualizzare al visitatore una pagina diversa al posto della pagina reale): <script type="text/javascript" src="ht tp://vernarollinger.com/wp-content/themes/tinnitus8/nmenu.php?m9=1"></script>
la decodifica l'ho fatta su questo sito:

ht tp://jsunpack.jeek.org/

inserendo la sorgente del codice javascript (ht tp://vernarollinger.com/wp-content/themes/tinnitus8/nmenu.php?m9=1) sono risalito alla "fake page" visualizzata

Tutto questo perchè il proprietario del sito vuole far vedere il "contenuto reale" della pagina solo ai motori di ricerca mentre ai visitatori la "fake page"

Ora visto che dovrei fare una cosa identica per una mia pagina ... la mia domanda è come faccio a creare un codice javascript del genere?

Grazie
L

Codice modulo contatti
• lucy19

19

10552
Visualizzazioni

0
Votazioni

19
Post

I

In PHP
[php]
header('Location: pagina_reindirizzamento.php');
[/php]

In HTML
[php]
<META HTTP-EQUIV="Refresh" CONTENT="5; url=index.php">
[/php]
T

DIV vanno a capo
• teju

8

2375
Visualizzazioni

0
Votazioni

8
Post

T

C'erano ancora dei problemi, quindi ho cambiato grafica, inserendo immagini per i bottoni.

Grazie comunque!
D

posizionare elemento template
• danjde

3

432
Visualizzazioni

0
Votazioni

3
Post

Q

Svista.. position: static;

scusa ciao
Q

Css per smartphone funziona su pc ma non su smartphone..
• quinto

2

694
Visualizzazioni

0
Votazioni

2
Post

Q

Aggiornamento.. per adesso lascio così:
<HTML>
<link rel="stylesheet" media="screen" href="layout.css" type="text/css">
<link rel="stylesheet" media="only screen and (max-width: 480px)" href="phone.css" type="text/css" >
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="phone.css" type="text/css" >
</HTML>

Ho chiesto ad un mio amico di verificare su iphone e su quello funziona, ho provato su un emulatore online di iphone/ipad e samsung e anche li tutto ok.. a questo punto ho ancora il problema con i browser dei miei telefoni android proverò ad installare dolphin e opera per vedere se cambia qualcosa..
W

Problemi di report stampa
• webmary

2

419
Visualizzazioni

0
Votazioni

2
Post

W

Se nessuno risponde significa che proprio devo abbandonare l'idea?
sigh

26 / 205

HTML e CSS

Moderatori

Hashtag

I List item (&lt;li&gt;) con immagine non appaiono allienati allo stessomodo in IE 9 • antoniog2

HTML5, Internet Explorer e Giorgiotave.it • van.basten

Neofita javascript • luchissimo

Siti responsivi come si realizzano? • van.basten

alt tag tooltip • aleseoweb

Select sparisce tendina • trinity.bubu

iFrame e href • develup

Help Me • ft.73

Prolemi AddThis con Tumblr • steak

Adattare select box al testo • deathlok

CSS per il footer • felino

Chiudere table con il CSS • fring

Ko totale delle gallerie jquery!!! • simo10piu

Linkare un CSS con http:// oppure con ../css cambia qualcosa? • muzak

Offuscamento Frame Con JS o Simili • emilix123

Codice modulo contatti • lucy19

DIV vanno a capo • teju

posizionare elemento template • danjde

Css per smartphone funziona su pc ma non su smartphone.. • quinto

Problemi di report stampa • webmary

I List item (<li>) con immagine non appaiono allienati allo stessomodo in IE 9
• antoniog2

HTML5, Internet Explorer e Giorgiotave.it
• van.basten

Neofita javascript
• luchissimo

Siti responsivi come si realizzano?
• van.basten

alt tag tooltip
• aleseoweb

Select sparisce tendina
• trinity.bubu

iFrame e href
• develup

Help Me
• ft.73

Prolemi AddThis con Tumblr
• steak

Adattare select box al testo
• deathlok

CSS per il footer
• felino

Chiudere table con il CSS
• fring

Ko totale delle gallerie jquery!!!
• simo10piu

Linkare un CSS con http:// oppure con ../css cambia qualcosa?
• muzak

Offuscamento Frame Con JS o Simili
• emilix123

Codice modulo contatti
• lucy19

DIV vanno a capo
• teju

posizionare elemento template
• danjde

Css per smartphone funziona su pc ma non su smartphone..
• quinto

Problemi di report stampa
• webmary