Problema css

Area di discussione libera.

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.
Rispondi
Avatar utente
alex.franci
Linux 2.x
Linux 2.x
Messaggi: 380
Iscritto il: mer 26 lug 2006, 10:26
Località: Bologna
Contatta:

Problema css

Messaggio da alex.franci »

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

Avatar utente
aschenaz
Staff
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:

Messaggio da aschenaz »

Ho modificato la classe .newscorpo ed ho aggiunto la classe .news:

Codice: Seleziona tutto

.newscorpo {text-align: center;}
.news {width:250px; font-size:15px; margin: 4px auto;}
Naturalmente puoi cambiare il corpo del font...

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

Avatar utente
chrix
Linux 2.x
Linux 2.x
Messaggi: 375
Iscritto il: gio 30 set 2004, 0:00
Località: Trieste
Contatta:

Messaggio da chrix »

no ho capito cosa vuoi fare andare in mezzo però qualunque cosa sia usa questo nell'html

Codice: Seleziona tutto

<div id="center">bla bla bla</div>
nel css avrai una riga simile a questa:

Codice: Seleziona tutto

#center { text-align: center;}

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

Messaggio da alex.franci »

grazie mille nino!
come vedi sono alle prime armi... ho modificato come dicevi tu ed ora va benissimo!

l'unico problema è che l'iframe bottom è tutto spostato. mi sa per una proprietà parent-child... :?: come posso reimpostarlo come prima?

Avatar utente
aschenaz
Staff
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:

Messaggio da aschenaz »

Fai come dicevo prima...
<div class="newscorpo">
....
<p class="news"....
Un blocco div può contenere altri blochi (tipo p), ma non viceversa.

Poi il

Codice: Seleziona tutto

</div>
di chiusura mettilo dopo l'iframe.

Sarebbe bene anche aggiungere nel CSS...

Codice: Seleziona tutto

iframe{text-align:center; margin:6px auto}
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

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

Messaggio da alex.franci »

grazie mille, ora funziona tutto a meraviglia :)

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

Messaggio da alex.franci »

un'ultimissima cosa...
sarebbe carino metterci una musica di sottofondo... ma, come dire, ovvio che la musica non la produco io e ovvio che non vado a pagare i diritti. è rischiosa come cosa? cioè, in parole povere: se metto come musica di sottofondo un mp3 illegale, rischio?

Avatar utente
raozuzu
Linux 2.x
Linux 2.x
Messaggi: 307
Iscritto il: gio 13 gen 2005, 0:00
Località: padova
Contatta:

Messaggio da raozuzu »

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! :D

Avatar utente
aschenaz
Staff
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:

Messaggio da aschenaz »

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! :D
:thumbright:
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 :lol: ).

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

Avatar utente
raozuzu
Linux 2.x
Linux 2.x
Messaggi: 307
Iscritto il: gio 13 gen 2005, 0:00
Località: padova
Contatta:

Messaggio da raozuzu »

ninobi ha scritto: :thumbright:
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 :lol: ).

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...
Sì... anche perchè per farli star zitti le cose sono due:
- o abbassi il volume (improbabile se stai ascoltando musica);
-o lo chiude! :p

Avatar utente
giberg
Linux 4.x
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)

Messaggio da giberg »

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 :)

Avatar utente
raozuzu
Linux 2.x
Linux 2.x
Messaggi: 307
Iscritto il: gio 13 gen 2005, 0:00
Località: padova
Contatta:

Messaggio da raozuzu »

Quoto soprattutto la parte del Flash... per alcuni (tipo me :lol: ) non è nemmeno possibile poterlo vedere

Rispondi