ciao ragàVVoVe:
Sto ammattendo con i css! e in particolar modo con la formula float
c'è qualcuno che mi sa dare il giusto valore o in pixel i in % che và collocato sia a destra o a sinistra per creare sta benedetta proprietà.
Va bene anche un esempio indicativo insomma, affinchè io possa capire meglio.
Mi spiego meglio:Mi serve per fare semplicemente un tre colonne,con nav. a sinistra, contenuti al centro e extra a destra. In alto l'header per il titolo e in fondo il footer ovviamente.
In tutte le guide non è mai specificato il numerino esatto con degli esempi precisi, quindi tutte le volte occorre inserire numerini a caso e trascorrono le ore in prove assurde.
Cioè, affinche si possa inserire in un container r un conten con float right e una navigazione right ad esempio; quali potrebbero essere i valori da collocare a destra e a sinistra?
Non so se mi sono espressa bene!
Se vi serve ,vi inserisco un css da me creato a "mo di prova nulla di serio!Tuttavia usando dreamweaver non visualizzo mai bene i risultati ,infatti ,solo andando in anteprima si notano i difetti.Mentre si lavora in loco si collocano al posto dei vari container ,content, nav, ecc.delle ancore di difficilissima interpretazione!Il tutto complica maggiormente.
Ad ogni modo l'esempio sotto era un tentativo di creare un semplice css per visualizzare alla fine un layout con navigazione a sinistra, contenuti in centro e extra a destra. In alto vi era l'header per il titolo e il footer sotto ovviamente.
Ma non riesco nemmeno ad inserire le varie sezioni dentro il container,infatti si affiancano e basta creando un pasticcio assurdo!
Ma un problema alla volta credo!
.header {
background-color: #FF0033;
width: 500px;
font-family: Arial, Helvetica, sans-serif;
padding-left: 140px;
}
.content {
background-color: #FFFF99;
width: 440px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 5px;
padding-right: 400px;
left: 10px;
}
.extra {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
line-height: normal;
color: #0066FF;
background-color: #0000CC;
text-align: center;
float: left;
position: absolute;
font-weight: bold;
font-variant: small-caps;
text-transform: capitalize;
margin: 1em;
width: 220px;
right: 10px;
}
-->
</style>
<style type="text/css">
<!--
.footer {
width: 600px;
background-color: #33FF66;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border-top-style: groove;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-color: #33FFFF;
border-right-color: #33FFFF;
border-bottom-color: #33FFFF;
border-left-color: #33FFFF;
border-top-width: thick;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
color: #FFFFCC;
position: relative;
visibility: visible;
left: 10px;
right: 10px;
padding: 1px;
}
-->
</style>
<style type="text/css">
<!--
.container {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 600px;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-align: left;
display: none;
border: thick none #33FFFF;
visibility: visible;
background-color: #CCFFCC;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
margin-top: 1em;
margin-right: 0em;
margin-bottom: 10px;
padding-top: 80px;
padding-bottom: 0px;
padding-left: 0px;
left: 10px;
background-color: #CC3300;
width: 140px;
}
-->
</style>
<style type="text/css">
<!--
.main {
background-color: #006600;
width: 540px;
padding-left: 540px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
right: 5px;
}
-->
</style>
<style type="text/css">
<!--
.-->
</style>
</head>