Flash CS3 - Flash CS4

electroniksound · #1 (**permalink**) 23-02-08, 10:41

Ciao a tutti ragazzi!

Questo è il mio primo thread (oltre a quello della presentazione),vi espongo il mio problema. Ho realizzato una serie di pagine HTML basate su tabelle in CSS,l'unico problema con i CSS è che la centratura in pagine dei contenuti,non funziona con i tag ALIGN di HTML.
So che per centrare il contenuto,si deve specificare nelle proprietà del CSS,ma come?
Utilizzo Dreamweaver CS3 e il soregente della pagina è il seguente :

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>~ Titolo della pagina... ~</title>
<style type="text/css">
<!--
#banner_flash_altramonto {
    position:absolute;
    left:150px;
    top:2px;
    width:760px;
    height:260px;
    z-index:1;
}
#menu_navigazione {
    position:absolute;
    left:150px;
    top:271px;
    width:760px;
    height:85px;
    z-index:2;
}
#welcome_user {
    position:absolute;
    left:150px;
    top:364px;
    width:516px;
    height:207px;
    z-index:3;
}
#richiedi_disponibilita {
    position:absolute;
    left:682px;
    top:364px;
    width:228px;
    height:398px;
    z-index:4;
}
#photo_gallery_small {
    position:absolute;
    left:150px;
    top:582px;
    width:250px;
    height:180px;
    z-index:5;
}
#info_altramonto {
    position:absolute;
    left:65px;
    top:607px;
    width:186px;
    height:86px;
    z-index:6;
}
#info_principali {
    position:absolute;
    left:417px;
    top:582px;
    width:249px;
    height:180px;
    z-index:6;
}
#footer_all {
    position:absolute;
    left:150px;
    top:771px;
    width:760px;
    height:40px;
    z-index:7;
}
-->
</style>
</head>

<body>
<div id="banner_flash_altramonto"></div>
<div id="menu_navigazione"></div>
<div id="welcome_user"></div>
<div id="richiedi_disponibilita"></div>
<div id="photo_gallery_small"></div>
<div id="info_principali"></div>
<div id="footer_all"></div>
</body>
</html>

Help me...

ByeZ!

Onsitus · #2 (**permalink**) 24-02-08, 10:05

Buongiorno e benvenuto

Includi tutti i div dentro un div 'contenitore'
Es:

HTML Code:

<div id="wrapper">
<!-- contenuto della pagina-->
</div>

Per il css:

HTML Code:

body{
width: 100%;
text-align: center;  /*centra orizzontalmente per IE ma non altri browser*/
}
#wrapper{
width: 700px;  /*valore d'esempio*/
position: absolute; /*permette di posizionare con proprieta left e margin*/
left: 50%; /*l'angolo destro di wrapper sara al 50% della larghezza della finestra del browser*/
margin-left: - 350px; /*meno metà di width per postare wrapper verso la sinistra  e centrarlo*/
}

Esempio online:
Onsitus.it - Css design come centrare un contenuto sia orizzontalmente che verticalmente in css
(lasciando a perdere la parte verticale nel tuo caso)

Sara da vedere come si comporta il resto del contenuto. Non ho capito perche sono tutti posizionati usando la proprieta position: absolute; ...misteri di dreamweaver (per quello non lo uso mai

)

electroniksound · #3 (**permalink**) 24-02-08, 22:30

Ciao Onsitus,

e grazie per la risposta...

Bene,stando a quanto mi hai scritto,tutti i tag DIV dovrebbero stare all'interno di un unico tag DIV contenitore chiamato wrapper , giusto?Che poi sarebbe questo...

HTML Code:

<div id="wrapper">
<!-- contenuto della pagina-->
</div>

La mia domanda adesso è la seguente : ma il tag contenitore deve stare all'interno del BODY dico bene? Cioè devo scriverlo io sulla finestra di codice di dreamweaver per ciascuna pagina che compone il sito?

Mentre per quanto riguarda i CSS,creato il foglio di stile CSS andrò a mettere quel codice per poter centrare tutta la pagina?

Grazie di tutto...

ByeZ!

Onsitus · #4 (**permalink**) 25-02-08, 07:24

Quote:

Originally Posted by electroniksound

tutti i tag DIV dovrebbero stare all'interno di un unico tag DIV contenitore chiamato wrapper , giusto?

Giusto

Quote:

Originally Posted by electroniksound

ma il tag contenitore deve stare all'interno del BODY dico bene? Cioè devo scriverlo io sulla finestra di codice di dreamweaver per ciascuna pagina che compone il sito?

Si

HTML Code:

<body>

  <div id="wrapper">

    <div id="banner_flash_altramonto"></div>
    <div id="menu_navigazione"></div>
    <div id="welcome_user"></div>
    <div id="richiedi_disponibilita"></div>
    <div id="photo_gallery_small"></div>
    <div id="info_principali"></div>
    <div id="footer_all"></div>

  </div>

</body>

Quote:

Originally Posted by electroniksound

Mentre per quanto riguarda i CSS,creato il foglio di stile CSS andrò a mettere quel codice per poter centrare tutta la pagina?

Si, se il css è un foglio esterno basta inserire il codice una volta e sarà applicato a tutte le pagine del sito che richiamano quello foglio

electroniksound · #5 (**permalink**) 25-02-08, 21:25

Ti ringrazio davvero di cuore per tutte le delucidazioni che mi hai dato..

Sottile,semplice e chiarissimo/a! (non sono sicuro di parlare con un Mr. o con una Miss),complimenti...

ByeZ!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Centrare i componenti caricati	bulga	FLEX builder 3	0	05-09-08 10:39
come posso centrare il mio sito realizzato con flash	flexnoflex	Flash CS3 generale	5	08-05-08 10:23
Centrare un graphic	damn73	Flash CS3 Design	3	10-03-08 11:49
centrare immagine caricata dinamicamente	markuspedro	Actionscript 3.0 base	3	28-01-08 07:37
Tutorial-centrare swf orizontalemente e verticalemente con CSS	Onsitus	Flash CS3 Design	0	27-08-07 11:23

Flash CS3 - Flash CS4

Centrare pagina basata su CSS..

Centrare pagina basata su CSS..

Similar Threads