Flash CS3 - Flash CS4

Free tutorials and scripts for all.
Actionscript 3.0

Centrare pagina basata su CSS..

This is a discussion on Centrare pagina basata su CSS.. within the CSS | HTML forums, part of the Flash CS3 e Actionscript 3.0 category; Ciao a tutti ragazzi! Questo è il mio primo thread (oltre a quello della presentazione),vi espongo il mio problema. Ho ...


Go Back   Forum Flash CS3 Flash CS4 > Flash CS3 e Actionscript 3.0 > CSS | HTML

Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
  2 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 23-02-08, 10:41
electroniksound's Avatar
~ FlaSheR InSide! ~
 
Join Date: Feb 2008
Location: Sicily
Posts: 16
Rep Power: 0
electroniksound is on a distinguished road
Send a message via Skype™ to electroniksound
Arrow Centrare pagina basata su CSS..

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!
__________________
The power of Flash CS3 in your hands!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #2 (permalink)  
Old 24-02-08, 10:05
Onsitus's Avatar
CSS.FlepStudio.org
 
Join Date: Jul 2007
Location: Nettuno Beach
Posts: 1,012
Rep Power: 3
Onsitus is on a distinguished road
Re: Centrare pagina basata su CSS..

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 )

Last edited by Onsitus; 24-02-08 at 10:13..
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #3 (permalink)  
Old 24-02-08, 22:30
electroniksound's Avatar
~ FlaSheR InSide! ~
 
Join Date: Feb 2008
Location: Sicily
Posts: 16
Rep Power: 0
electroniksound is on a distinguished road
Send a message via Skype™ to electroniksound
Riferimento: Centrare pagina basata su CSS..

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!
__________________
The power of Flash CS3 in your hands!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #4 (permalink)  
Old 25-02-08, 07:24
Onsitus's Avatar
CSS.FlepStudio.org
 
Join Date: Jul 2007
Location: Nettuno Beach
Posts: 1,012
Rep Power: 3
Onsitus is on a distinguished road
Re: Riferimento: Centrare pagina basata su CSS..

Quote:
Originally Posted by electroniksound View Post
tutti i tag DIV dovrebbero stare all'interno di un unico tag DIV contenitore chiamato wrapper , giusto?
Giusto
Quote:
Originally Posted by electroniksound View Post
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 View Post
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

  #5 (permalink)  
Old 25-02-08, 21:25
electroniksound's Avatar
~ FlaSheR InSide! ~
 
Join Date: Feb 2008
Location: Sicily
Posts: 16
Rep Power: 0
electroniksound is on a distinguished road
Send a message via Skype™ to electroniksound
Riferimento: Centrare pagina basata su CSS..

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!
__________________
The power of Flash CS3 in your hands!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote

Flash Multi Gallery
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

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


All times are GMT. The time now is 14:47.


Powered by vBulletin versione 3.7.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC4
Forum SiteMap


FlepStudio
by Filippo Lughi
P.IVA 03605860406