Problema css
Moderatore: Staff
Regole del forum
1) Rispettare le idee altrui.
2) Evitare le offese dirette.
3) Leggere attentamente le risposte ricevute
4) Scrivere i messaggi con il colore di default, evitare altri colori.
5) Scrivere in Italiano o in Inglese, se possibile grammaticalmente corretto, evitate stili di scrittura poco chiari, quindi nessuna abbreviazione tipo telegramma o scrittura stile SMS o CHAT.
6) Appena registrati è consigliato presentarsi nel forum dedicato.
La non osservanza delle regole porta a provvedimenti di vari tipo da parte dello staff, in particolare la non osservanza della regola 5 porta alla cancellazione del post e alla segnalazione dell'utente. In caso di recidività l'utente rischia il ban temporaneo.
1) Rispettare le idee altrui.
2) Evitare le offese dirette.
3) Leggere attentamente le risposte ricevute
4) Scrivere i messaggi con il colore di default, evitare altri colori.
5) Scrivere in Italiano o in Inglese, se possibile grammaticalmente corretto, evitate stili di scrittura poco chiari, quindi nessuna abbreviazione tipo telegramma o scrittura stile SMS o CHAT.
6) Appena registrati è consigliato presentarsi nel forum dedicato.
La non osservanza delle regole porta a provvedimenti di vari tipo da parte dello staff, in particolare la non osservanza della regola 5 porta alla cancellazione del post e alla segnalazione dell'utente. In caso di recidività l'utente rischia il ban temporaneo.
- alex.franci
- Linux 2.x

- Messaggi: 380
- Iscritto il: mer 26 lug 2006, 10:26
- Località: Bologna
- Contatta:
Problema css
Ciao a tutti!
ho un problemino col css... http://coconutstaff.altervista.org/news.html : come faccio a farle andare in mezzo??? devo usare per forza una tabella?
grazie
ho un problemino col css... http://coconutstaff.altervista.org/news.html : come faccio a farle andare in mezzo??? devo usare per forza una tabella?
grazie
- aschenaz
- Staff

- Messaggi: 4623
- Iscritto il: mer 28 lug 2004, 0:00
- Nome Cognome: Nino
- Slackware: current
- Kernel: 5.4.x
- Desktop: KDE
- Località: Reggio Calabria
- Contatta:
Ho modificato la classe .newscorpo ed ho aggiunto la classe .news:
Naturalmente puoi cambiare il corpo del font...
Poi ho modificato la pagina così:
Comunque tutti quegli align nei tag, se usi i css, li puoi benissimo evitare.
E poi dovresti semplificare sia l'html che i css...
[EDIT] E, attenzione: un tag p non può contenere al suo interno tag div![/EDIT]
Ciao,
nino
Codice: Seleziona tutto
.newscorpo {text-align: center;}
.news {width:250px; font-size:15px; margin: 4px auto;}Poi ho modificato la pagina così:
Codice: Seleziona tutto
<div class="newscorpo">
<p class="img_center"><img src="img/news_big.jpg" alt="News section" title="News section"></p>
<br>
<p class="sottotitolo" align="center">30 Settembre 2006</p>
<p class="news">Apertura invernale: prima serata del CoconutStaff alla Capannina, via di Barbiano (BO). Per info e prenotazioni contattateci cliccando su <a href="contatti.html">Contatti</a>.<p>
<p class="firmante">Frenz, the Web Master</p>
<br>
<hr>
<br>
<p class="sottotitolo">8 Settembre 2006</p>
<p class="news">Il sito web è su! Annuncio con grande orgoglio che il sito web è in rete e perfettamente funzionate! Mancano ancora le foto e i video, ma saranno messi appena disponibili.</p>
<p class="firmante">Frenz, the Web Master</p>
</div>E poi dovresti semplificare sia l'html che i css...
[EDIT] E, attenzione: un tag p non può contenere al suo interno tag div![/EDIT]
Ciao,
nino
no ho capito cosa vuoi fare andare in mezzo però qualunque cosa sia usa questo nell'html
nel css avrai una riga simile a questa:
Codice: Seleziona tutto
<div id="center">bla bla bla</div>Codice: Seleziona tutto
#center { text-align: center;}
- alex.franci
- Linux 2.x

- Messaggi: 380
- Iscritto il: mer 26 lug 2006, 10:26
- Località: Bologna
- Contatta:
- aschenaz
- Staff

- Messaggi: 4623
- Iscritto il: mer 28 lug 2004, 0:00
- Nome Cognome: Nino
- Slackware: current
- Kernel: 5.4.x
- Desktop: KDE
- Località: Reggio Calabria
- Contatta:
Fai come dicevo prima...
Poi il di chiusura mettilo dopo l'iframe.
Sarebbe bene anche aggiungere nel CSS...Quel 6px lo puoi modificare a piacimento.
Il doppio richiamo text-align e margin:... auto per la centratura, serve per la compatibilità cross-browser (ci sarà pure qualcuno che lo vedrà con quella fogna di IE...).
Ciao,
nino
Un blocco div può contenere altri blochi (tipo p), ma non viceversa.<div class="newscorpo">
....
<p class="news"....
Poi il
Codice: Seleziona tutto
</div>Sarebbe bene anche aggiungere nel CSS...
Codice: Seleziona tutto
iframe{text-align:center; margin:6px auto}Il doppio richiamo text-align e margin:... auto per la centratura, serve per la compatibilità cross-browser (ci sarà pure qualcuno che lo vedrà con quella fogna di IE...).
Ciao,
nino
- alex.franci
- Linux 2.x

- Messaggi: 380
- Iscritto il: mer 26 lug 2006, 10:26
- Località: Bologna
- Contatta:
- alex.franci
- Linux 2.x

- Messaggi: 380
- Iscritto il: mer 26 lug 2006, 10:26
- Località: Bologna
- Contatta:
- aschenaz
- Staff

- Messaggi: 4623
- Iscritto il: mer 28 lug 2004, 0:00
- Nome Cognome: Nino
- Slackware: current
- Kernel: 5.4.x
- Desktop: KDE
- Località: Reggio Calabria
- Contatta:
raozuzu ha scritto:PIù che altro se uno è appena uscito da una sessione di metal, trovarsi a navigare con una musica completamente diversa (che magari a lui non piace pergiunta), poi si incavolla e chiude!
Verissimo: io li odio i siti con la musica (specialmente qundo sono in ufficio e, per il panico, non riesco subito a farlo star zitto
Generalmente, quando si fa un sito, bisogna farlo in modo che la gente lo torni a visitare con piacere (sia per la forma che per i contenuti) e non sia disorientata o addirittura nauseata da fronzoli, chicche e animazioni varie...
IMHO.
Ciao,
nino
Sì... anche perchè per farli star zitti le cose sono due:ninobi ha scritto:![]()
Verissimo: io li odio i siti con la musica (specialmente qundo sono in ufficio e, per il panico, non riesco subito a farlo star zitto).
Generalmente, quando si fa un sito, bisogna farlo in modo che la gente lo torni a visitare con piacere (sia per la forma che per i contenuti) e non sia disorientata o addirittura nauseata da fronzoli, chicche e animazioni varie...
- o abbassi il volume (improbabile se stai ascoltando musica);
-o lo chiude!
- giberg
- Linux 4.x

- Messaggi: 1282
- Iscritto il: mer 21 set 2005, 17:28
- Nome Cognome: Gianni
- Slackware: current64
- Kernel: 3.7.1
- Desktop: 4.8.5
- Località: S. Biagio di Callalta (TV)
Quoto tutti: non metterci la musica.
Quando si è agli inizi con la creazione di pagine web, si vorrebbe provare a mettere di tutto nel sito perché ammetto è una soddisfazione. Però bisogna prima pensare a cosa può piacere all'utente e cosa invece può dargli fastidio. Pensa magari anche alla tue esperienza personali quando navighi in rete e fatti un'idea di quali siano i siti che non ti piacciono come esperienza (scusate la ripetizione) di navigazione. Secondo me ad esempio un sito piacevole da navigare ha poche (anzi zero) animazioni, può anche avere una grafica piacevole ma che non sia fatta in flash (ad alcuni può rallentare la navigazione). Grafiche piacevoli si possono fare anche solo tramite i css e in rete trovi siti che ti mostrano queste potenzialità con esempi di pagine per le quali cambia solo il foglio di stile (esterno), mentre il contenuto e la parte html rimane sempre la stessa. Vedrai che sembrano siti completamente diversi.
Ciao, buon lavoro
Quando si è agli inizi con la creazione di pagine web, si vorrebbe provare a mettere di tutto nel sito perché ammetto è una soddisfazione. Però bisogna prima pensare a cosa può piacere all'utente e cosa invece può dargli fastidio. Pensa magari anche alla tue esperienza personali quando navighi in rete e fatti un'idea di quali siano i siti che non ti piacciono come esperienza (scusate la ripetizione) di navigazione. Secondo me ad esempio un sito piacevole da navigare ha poche (anzi zero) animazioni, può anche avere una grafica piacevole ma che non sia fatta in flash (ad alcuni può rallentare la navigazione). Grafiche piacevoli si possono fare anche solo tramite i css e in rete trovi siti che ti mostrano queste potenzialità con esempi di pagine per le quali cambia solo il foglio di stile (esterno), mentre il contenuto e la parte html rimane sempre la stessa. Vedrai che sembrano siti completamente diversi.
Ciao, buon lavoro