codice HTML allinea al centro

[iAndrew]

salve gente avrei bisogno del vostro aiuto....come posso allineare al centro il codice shinystat del mio sito nella barra laterale a sinistra? questo è il link: http://www.appleworld.altervista.org

vorrei metterlo al centro come il logo "realizzato con un mac"

ps: uso rapidweaver

grazie

edit: se è possibile anche la pubblicità di google

[macgiov]

Non so come aiutarti, ma ti saluto!

[iAndrew]

Non so come aiutarti, ma ti saluto!

grazie cmq

[blue999]

dipende... ci son diversi modi:

1) Il primo è:

<p align="center">

<!-- tuo codice per Shinystat -->

</p>

2) Secondo metodo è usare un contenitore <div> con Css annessi come:

<div id="shiny">

<!-- tuo codice per Shinystat -->

</div>

(e nel css definito)

#shiny {margin:auto;}

3) oppure ancora potresti usare l'opzione <center>

<center>

<!-- tuo codice per Shinystat -->

</center>

4) o ancora usare una "tabella"

<table border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

<td>

<!-- tuo codice per Shinystat -->

</td>

</tr>

</table>

5) si potrebbe poi usare una tabella con uso congiunto di Css... similemente al caso 2 e 4

Insomma... ci sono diversi modi, dipende poi se vuoi usare HTML o XHTML... e da tante altre cosine!

[Ospite iCursor]

Puoi semplicemente crearti una tabella in cui il contenuto interno (il codice shinystat) è impostato al centro; troverai comodo poi aggiungere altri contenuti.

Puoi farlo con un semplice webeditor, io uso DreamWeaver 8, ma ce ne sono molti free, così eviti la scocciatura di scrivere il codice a mano. Dopo importi solo il codice html che ti interessa su Rapidweaver

[blue999]

Puoi semplicemente crearti una tabella in cui il contenuto interno (il codice shinystat) è impostato al centro; troverai comodo poi aggiungere altri contenuti.

Puoi farlo con un semplice webeditor, io uso DreamWeaver 8, ma ce ne sono molti free, così eviti la scocciatura di scrivere il codice a mano. Dopo importi solo il codice html che ti interessa su Rapidweaver

Che sarebbe il 4 esempio mio, senza doverti usare dreamweaver che è inutile per cose di questo genere. Creare una tabella mi sembra una cosa elementare...

[Ospite iCursor]

Che sarebbe il 4 esempio mio, senza doverti usare dreamweaver che è inutile per cose di questo genere. Creare una tabella mi sembra una cosa elementare...

Non hai letto il mio post con la giusta attenzione

Ho scritto che lavori così, anche in futuro, magari inserendo tutti i banner dei siti amici, è meglio un WYSIWYG, si impiega molto meno tempo. Ho parlato di DW perchè io uso quello, ma ce ne sono molti altri di più semplici e gratis che fanno al caso suo

[iAndrew]

grazie mille.....

un altra cosa (susa se me ne approfitto ) come posso mettere un codice HTML in fondo alla pagina con RapidWeaver?

[blue999]

Mi spiace.. ma non uso assolutamente RapidWeaver e nessun programma WYSIWYG perché li trovo scomodi! (molti mi crederanno matto, ma amo il mio bell'editor di testo)

Ti conviene in questo caso sentire qualcuno che utilizzi quel programma... :-(

[iAndrew]

Mi spiace.. ma non uso assolutamente RapidWeaver e nessun programma WYSIWYG perché li trovo scomodi! (molti mi crederanno matto, ma amo il mio bell'editor di testo)

Ti conviene in questo caso sentire qualcuno che utilizzi quel programma... :-(

ok grazie :ciao:

[StoneColdCrazy]

Mi spiace.. ma non uso assolutamente RapidWeaver e nessun programma WYSIWYG perché li trovo scomodi! (molti mi crederanno matto, ma amo il mio bell'editor di testo)

Non ti credo affatto matto... anche io quando devo aggiornare il sito internet dell'associazione per cui lavoro trovo molto più pratico lavorare con Scintilla Text Editor

[grigio60]

#shiny {margin:auto;}

va benissimo anche un semplice

#shiny{

text-align: center;

}

[blue999]

va benissimo anche un semplice

#shiny{

text-align: center;

}

Ripeto... ci son tantissimi modi! Ho postato quelli che mi son venuti in mente sul subito! :-(

[Gatto Lopez]

il più comodo e semplice a parer mio è questo: (anche perchè si adatta a tutte le pagine)

<div align="center">

<---codice_shinystat--->

</div>

[PM]

Dai una occhiata al codice della mia Home Page (sito realizzato con RW).

http://www.pagemakers.it

Per inserire il codice html delle statistiche ho modificato la pagina index.html contenuta nel pacchetto del tema che utilizzo.

Ciao.

[PM]

P.S.:

Sul forum ufficiale c'è anche la sezione italiana

[iAndrew]

Dai una occhiata al codice della mia Home Page (sito realizzato con RW).

http://www.pagemakers.it

Per inserire il codice html delle statistiche ho modificato la pagina index.html contenuta nel pacchetto del tema che utilizzo.

Ciao.

P.S.:

Sul forum ufficiale c'è anche la sezione italiana

grazie

sono andato a vedere il codice del tuo sito e ho trovato la posizione di shinystat, ma non ho capito come hai fatto a metterla in fondo! in che senso hai modificato la pag indiex.html del tema?

ora provo ad andare sul forum

PS: come si chiama il tema che usi?

:ciao:

[PM]

Il tema è personale.

Quando apri il cassetto dei temi in RW, con il tasto dx del mouse sul tema scelto selezioni "Mostra contenuto".

Così facendo hai accesso ai files contenuti nel tema che servono a generare le pagine html del sito.

Il file index.html è il file "modello" che viene utilizzato per creare le singole pagine. L'aspetto della pagina viene gestito invece dai files di stile CSS contenuti anche essi nel tema.

Di fatto il file index.html è privo di formattazione (contiene solo le sezioni <DIV>).

Tutto l'aspetto grafico, colori e formattazione testo viene gestito dal file syles.css o dai files contenuti nella cartella CSS (se ci sono delle opzioni di personalizzazione del tema).

Ciao.

[iAndrew]

ragazzi avrei bisogno di un altro aiuto.....come faccio a mettere un immagine che stia sempre in fondo alla pagina?? ovviamente anche quando l'altezza di quest'ultima varia

esempio: in questa pagina vorrei mettere il logo "fatto con un Mac" in fondo alla barra laterale....e visto che sto preparando delle variazioni del sito con pop-up che si "aprono" e si "chiudono" allungandosi e accorciandosi vorrei che tale logo rimanga sempre in basso. grazie :devil:

[grigio60]

puoi farlo usando il logo come background della div corrispondente e poi controllare l'effetto tramite css con le proprietà:

background-position

background-attachment

[iAndrew]

puoi farlo usando il logo come background della div corrispondente e poi controllare l'effetto tramite css con le proprietà:

background-position

background-attachment

:devil: scusa ma ho iniziato ieri a lavorare con RW e con l' HTML....non potresti scrivermi solo il codice che devo inserire o la procedura che devo effettuare? grazie per la pazienza :devil: :devil:

[grigio60]

allora, trovi in rosso quel che devi aggiungere al codice della pagina:

<div id="sidebar" [color=Red]style="background-image: url(http://img232.imageshack.us/img232/933/mwmacuv4.png); background-position: bottom center; background-repeat: no-repeat;"[/color]>

poi commenta il codice che usi adesso per visualizzare l'immagine:

[color=Red]<!--[/color]
<p align="center"><img src=
       "http://img232.imageshack.us/img232/933/mwmacuv4.png" /></p>
[color=Red]-->[/color]

[iAndrew]

allora, trovi in rosso quel che devi aggiungere al codice della pagina:

<div id="sidebar" [color=Red]style="background-image: url(http://img232.imageshack.us/img232/933/mwmacuv4.png); background-position: bottom center; background-repeat: no-repeat;"[/color]>

poi commenta il codice che usi adesso per visualizzare l'immagine:

[color=Red]<!--[/color]
<p align="center"><img src=
       "http://img232.imageshack.us/img232/933/mwmacuv4.png" /></p>
[color=Red]-->[/color]

scusa forse mi sono espresso male: io vorrei mettere il logo non in fondo alla pagina ma in fondo alla barra laterale! quella grigia sulla sinistra!

[grigio60]

se leggi bene il codice che ti ho mandato, l'indicazione è di modificare dove trovi

<div [u][b][color=Red]id="sidebar"[/color][/b][/u] ecc.ecc.ecc.

se ho interpretato bene il tuo html, la <div id="sidebar"> è proprio "quella che definisce la fascia grigia sulla sinistra e il "bottom center" del posizionamento è quindi relativo a questa fascia e non a tutta la pagina

occhio che non devi aggiungere una <div id ="sidebar"> alla tua pagina ma devi modificare quella già esistente nel codice della tua pagina

[PM]

occhio che non devi aggiungere una <div id ="sidebar"> alla tua pagina ma devi modificare quella già esistente nel codice della tua pagina

Il fatto è che Rapidweaver genera le pagine html attribuendone i necessari file CSS contnuti nel tema scelto.

Per modificare l'aspetto delle varie <div> NON deve intervenire nella pagina html generata, o nella pagina index.html contenuta nel tema ma nei files con estensione css contenuti nel pacchetto del tema......

Ma stiamo parlando di operazioni di cui un utente normale non ha nozioni.

[grigio60]

non conosco RW, gli ho dato l'indicazione più rapida per la modifica al volo.

se deve modificare le css allora dovrebbe toccare il codice del file style.css aggiungendo alla fine

div#sidebar {
  background-image: url(http://img232.imageshack.us/img232/933/mwmacuv4.png);
  background-position: bottom center; 
  background-repeat: no-repeat; }