come fare per ridimensionare auto????

**LCANN** · 05-05-2009, 17:20

Ciao, nel mentre facevo un lavoro mi son accorto (alla fine) di aver fatto un bel casino!!

In pratica ho fatt un sito, e per cambiar ho usato i div e non piu le tabelle....
Bella mossa!!!

Ora pero' non mi capisco veramente piu su come far a
a) centrare il sito
b) far si che il sito si ridimensioni in base alla risoluzione in quanto fino a quando e' visualizzato a 1024 andrebbe anche bene, ma appena si sale si vedono quelle orrende barre bianche...

di seguito codice:

<!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>
<script language="JavaScript" type="text/JavaScript">

</script>
<title>CICCIOPASTICCIO</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

#Table_01 {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:768px;
}

#CICCIOPASTICCIO-01_ {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:43px;
}

#CICCIOPASTICCIO-02_ {
position:absolute;
left:0px;
top:43px;
width:116px;
height:725px;
}

#CICCIOPASTICCIO-03_ {
position:absolute;
left:116px;
top:43px;
width:792px;
height:115px;
}

#CICCIOPASTICCIO-04_ {
position:absolute;
left:908px;
top:43px;
width:114px;
height:725px;
}

#CICCIOPASTICCIO-05_ {
position:absolute;
left:1022px;
top:43px;
width:2px;
height:725px;
}

#CICCIOPASTICCIO-06_ {
position:absolute;
left:116px;
top:158px;
width:792px;
height:19px;
}

#CICCIOPASTICCIO-07_ {
position:absolute;
left:116px;
top:177px;
width:792px;
height:30px;
}

#CICCIOPASTICCIO-08_ {
position:absolute;
left:116px;
top:207px;
width:183px;
height:2px;
}

#CICCIOPASTICCIO-09_ {
position:absolute;
left:299px;
top:207px;
width:424px;
height:13px;
}

#CICCIOPASTICCIO-10_ {
position:absolute;
left:723px;
top:207px;
width:161px;
height:2px;
}

#CICCIOPASTICCIO-11_ {
position:absolute;
left:884px;
top:207px;
width:24px;
height:13px;
}

#CICCIOPASTICCIO-12_ {
position:absolute;
left:116px;
top:209px;
width:23px;
height:12px;
}

#CICCIOPASTICCIO-13_ {
position:absolute;
left:139px;
top:209px;
width:160px;
height:12px;
}

#CICCIOPASTICCIO-14_ {
position:absolute;
left:723px;
top:209px;
width:161px;
height:12px;
}

#CICCIOPASTICCIO-15_ {
position:absolute;
left:299px;
top:220px;
width:1px;
height:1px;
}

#CICCIOPASTICCIO-16_ {
position:absolute;
left:306px;
top:222px;
width:408px;
height:488px;
ffont-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
color: #666;
text-align: left;
}

#CICCIOPASTICCIO-17_ {
position:absolute;
left:884px;
top:220px;
width:1px;
height:1px;
}

#CICCIOPASTICCIO-18_ {
position:absolute;
left:885px;
top:220px;
width:23px;
height:490px;
}

#CICCIOPASTICCIO-19_ {
position:absolute;
left:116px;
top:221px;
width:23px;
height:261px;
}

#CICCIOPASTICCIO-20_ {
position:absolute;
left:139px;
top:221px;
width:161px;
height:261px;
}

#CICCIOPASTICCIO-21_ {
position:absolute;
left:723px;
top:221px;
width:162px;
height:261px;
}

#CICCIOPASTICCIO-22_ {
position:absolute;
left:116px;
top:482px;
width:183px;
height:228px;
}

#CICCIOPASTICCIO-23_ {
position:absolute;
left:299px;
top:482px;
width:1px;
height:228px;
}

#CICCIOPASTICCIO-24_ {
position:absolute;
left:723px;
top:482px;
width:162px;
height:228px;
}

#CICCIOPASTICCIO-25_ {
position:absolute;
left:116px;
top:710px;
width:792px;
height:34px;
}

#CICCIOPASTICCIO-26_ {
position:absolute;
left:116px;
top:744px;
width:792px;
height:24px;
}
.Stile1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}
#Table_01 #CICCIOPASTICCIO-16_ .Stile1 {
font-size: 13px;
}
#Table_01 #CICCIOPASTICCIO-16_ .Stile1 {
font-family: "Lucida Console", Monaco, monospace;
}
#Table_01 #CICCIOPASTICCIO-16_ .Stile1 {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#Table_01 #CICCIOPASTICCIO-16_ .Stile1 {
font-weight: bold;
}
#Table_01 #CICCIOPASTICCIO-16_ .Stile1 strong {
font-weight: bold;
}
#Table_01 #CICCIOPASTICCIO-16_ .Stile1 {
font-weight: normal;
color: #036;
}

</style>

</head>
<body style="background-color:#FFFFFF;">

<div id="Table_01">
<div id="CICCIOPASTICCIO-01_">
[img]images/CICCIOPASTICCIO_01.jpg[/img]
</div>
<div id="CICCIOPASTICCIO-02_">
[img]images/CICCIOPASTICCIO_02.jpg[/img]
</div>
<div id="CICCIOPASTICCIO-03_">
[img]images/CICCIOPASTICCIO_03.jpg[/img]
</div>
<div id="CICCIOPASTICCIO-04_">
[img]images/CICCIOPASTICCIO_04.jpg[/img]
</div>
<div id="CICCIOPASTICCIO-05_">
[img]images/CICCIOPASTICCIO_05.gif[/img]
</div>
<div id="CICCIOPASTICCIO-06_">
[img]images/CICCIOPASTICCIO_06.gif[/img]
</div>
<div id="CICCIOPASTICCIO-07_">
[img]images/CICCIOPASTICCIO_07.gif[/img]
</div>
<div id="CICCIOPASTICCIO-08_">
[img]images/CICCIOPASTICCIO_08.gif[/img]
</div>
<div id="CICCIOPASTICCIO-09_">
[img]images/CICCIOPASTICCIO_09.gif[/img]
</div>
<div id="CICCIOPASTICCIO-10_">
[img]images/CICCIOPASTICCIO_10.gif[/img]
</div>
<div id="CICCIOPASTICCIO-11_">
[img]images/CICCIOPASTICCIO_11.gif[/img]
</div>
<div id="CICCIOPASTICCIO-12_">
[img]images/CICCIOPASTICCIO_12.gif[/img]
</div>
<div id="CICCIOPASTICCIO-13_">
[img]images/CICCIOPASTICCIO_13.gif[/img]
</div>
<div id="CICCIOPASTICCIO-14_">
[img]images/CICCIOPASTICCIO_14.gif[/img]
</div>
<div id="CICCIOPASTICCIO-15_">
[img]images/CICCIOPASTICCIO_15.gif[/img]
</div>
<div id="CICCIOPASTICCIO-16_">
<h3 class="Stile1">BLA BLA BLABLALBLABLABLABLA

</h3>
<p class="Stile1"></p>
</div>
<div id="CICCIOPASTICCIO-17_">
[img]images/CICCIOPASTICCIO_17.gif[/img]
</div>
<div id="CICCIOPASTICCIO-18_">
[img]images/CICCIOPASTICCIO_18.gif[/img]
</div>
<div id="CICCIOPASTICCIO-19_">
[img]images/CICCIOPASTICCIO_19.gif[/img]
</div>
<div id="CICCIOPASTICCIO-20_">
[img]images/CICCIOPASTICCIO_20.gif[/img]
</div>
<div id="CICCIOPASTICCIO-21_">

<a href="#" onCLICK="MM_openBrWindow('MANIFESTOROBERTANESTO.ht ml','ROBERTA_NESTO_IN_PROVINCIA','width=591,height =831')">

[img]images/CICCIOPASTICCIO_21.jpg[/img]</a>
</div>
<div id="CICCIOPASTICCIO-22_">
[img]images/CICCIOPASTICCIO_22.jpg[/img]
</div>
<div id="CICCIOPASTICCIO-23_">
[img]images/CICCIOPASTICCIO_23.gif[/img]
</div>
<div id="CICCIOPASTICCIO-24_">
[img]images/CICCIOPASTICCIO_24.jpg[/img]
</div>
<div id="CICCIOPASTICCIO-25_">
[img]images/CICCIOPASTICCIO_25.gif[/img]
</div>
<div id="CICCIOPASTICCIO-26_">
[img]images/CICCIOPASTICCIO_26.jpg[/img]
</div>
</div>
<map name="CICCIOPASTICCIO_07_Map" id="CICCIOPASTICCIO_07_Map">
<area shape="rect" alt="" coords="635,4,757,26" href="robertanesto.html" />
<area shape="rect" alt="" coords="499,4,590,28" href="dove.html" />
<area shape="rect" alt="" coords="364,4,440,21" href="#" />
<area shape="rect" alt="" coords="225,2,269,20" href="./index.html" />
</map>
<map name="CICCIOPASTICCIO_20_Map" id="CICCIOPASTICCIO_20_Map">
<area shape="rect" alt="" coords="49,221,101,238" href="foto.html" />
<area shape="rect" alt="" coords="29,174,120,191" href="mailto:info@CICCIOPASTICCIO.com" target="_blank" />
<area shape="rect" alt="" coords="20,123,140,139" href="" />
<area shape="rect" alt="" coords="49,69,102,93" href="news.html" />
<area shape="rect" alt="" coords="42,19,103,44" href="./index.html" />
</map>

</body>
</html>

SPERO QUALCUNO MI SAPPIA AIUTAR...

**Noodle** · 05-05-2009, 17:40

Non voglio assolutamente essere polemico, ma il sito è incasinatissimo.
Per centrarlo dovresti racchiudere il tutto in un div (che per te penso sia Table_01) ed impostarlo con margin:0 auto; dove 0 sta per top e bottom e auto per left e right.
Per il sito che cambia in base alla risoluzione ti conviene fare un layout liquido, ma non è breve spiegare come si fa soprattutto se non sono state apprese le basi del css. Comunque trovi una spiegazione qui.

**LCANN** · 05-05-2009, 17:50

si bon che e' un casino siamo d'accordo.....
mi spiegheresti (o meglio se mi posti proprio!!) la storia di:
"ed impostarlo con margin:0 auto; dove 0 sta per top e bottom e auto per left e right."

il discorso del layout liquido si sono d'accordo anche io, ma io volevo sapere se c'e' na maniera di cambiare il tutto a lavoro gia' fatto (come spiegavo prima)
Grassie!!

**Noodle** · 05-05-2009, 18:02

Ti conviene cambiare #Table_01 in:

codice:

#Table_01 {
position:relative;
margin:0 auto;
width:1024px;
height:768px;
}

Anche se 1024 è un pò enorme :-\ è vero che è la risoluzione "base" degli schermi di oggi, ma se conti (su windows) barrette laterali, barre di scorrimento ecc ecc la larghezza ottimale per un sito web, ora come ora, è 960px.

Per il discorso del layout liquido, posso spiegartelo, e tu spero possa capirmi:
Devi impostare la larghezza degli elementi esistenti in % e non in px. Questo fà sì che al cambiare della pagina, gli elementi si adattino avendo larghezza in percentuale e non fissa. Ed è meglio se usi i float al posto del posizionamento assoluto.

**jubstuff** · 05-05-2009, 18:38

Io invece un po' polemico vorrei esserlo. Fare un sito rispettando gli standard non si tratta di decidere che "..per cambiare lo faccio con i div". Non è il concetto giusto, nemmeno se si trattasse di un sito personale. Credo che il miglior consiglio sia la lettura di una bella guida su cosa siano i CSS, gli standard (c'è ne sono qui su Html.it) e poi cominciare a parlare di centrare i div e compagnia bella...senza mettere il carro davanti ai buoi..

**LCANN** · 06-05-2009, 01:30

La polemica è sterile caro jobstuff.....sai perchè internet è bello??
Perchè internet è libertà!Libertà allo stato puro..è poter imparare cosa e come vuoi...non c'è una regola che và bene per tutti....si può chiedere...si può rispondere..si può leggere....si può copiare...si può....non ci sono scale gerarchiche, non ci sono schemi ed è forse proprio per questo che uno esce dagli "schemi" e fà altro...e non ci sono obblighi...ne tu di rispondere a me ne io di rispondere a te....oggi imparo io da te, domani tu da un'altro e via cosi...quindi per ritornare a noi e non perdersi troppo....
Noodle mi ha risposto, mi ha insegnato e io ho capito....per il resto
La polemica è sterile e a me non serve

**PaoloIT** · 06-05-2009, 13:26

Credo di capire sia il punto di vista di LCANN sia di jubstuff.
E' vero che Internet è libertà, ma come ogni altra forma di libertà non va abusata.
Se, LCANN, hai deciso, giustamente, di evitare l'uso di tabelle in favore dei DIV è altresì doveroso capire perchè vanno usati i div e non le tabelle.
Ovviamente sei libero di fare, disfare e strafare quanto vuoi, ma jubstuff è altrettanto libero di polemizzare.
Ora, finchè si rimane su di un piano ludico o "hobbistico" la polemica lascia il tempo che trova, ma se si andasse a finire su di un piano professionale la questione cambierebbe. E di molto.
In Italia (purtroppo) non è mai ben vista quella che viene definita "pubblicità comparativa" perchè viene additata come "sputtanamento" del lavoro altrui e, da noi, non è bello.
Io credo, invece, che presentare il proprio lavoro come migliore di quello di un altro (apportando, ovviamente, le giuste argomentazioni) sia legittimo.
Se si chiamano standard un motivo ci sarà, non credi?
A certi livelli il rispetto o meno di uno o cento regole non fa differenza: tanto vale utilizzare il doctype HTML 4.01 e magari neanche inserirlo nel documento e, come si faceva una volta, presentare la nostra bella pagina con "<html><head></head><body></body></html>".

Preferisco un HTML 4.01 ben fatto ad un XHTML di qualsivoglia versione messo lì solo per far figura.
PS: Il Transitional è, appunto, di passaggio per chi non è abituato all'XML e non è definitivo.

**jubstuff** · 06-05-2009, 13:59

Ciao LCANN,
Naturalmente la "polemica" era nel senso buono del termine

Non mi arrogherei mai il diritto di dire a chicchessia cosa fare e cosa non fare, e ti dico, sono sante parole quelle che dici. La libertà di Internet è il suo pilastro portante.
Stavo semplicemente notando che, attraverso una lettura di una guida di base su cosa sono i css, a cosa servono i div e quant'altro, il tuo modo di scrivere (X)HTML può cambiare (in positivo) notevolmente.
Tu sei libero di seguire il mio consiglio oppure no, mica ti obbligo

Naturalmente, come detto da PaoloIT, questo sono chiacchiere, finchè si rimane sul piano personale.
Il discorso sarebbe un altro se si trattasse di una cosa "professionale", allora lì avresti "l'obbligo morale" di migliorarti, ma questa è un'altra storia..
Pace, e senza polemiche

**Noodle** · 06-05-2009, 16:40

Secondo me jub ha tutte le ragioni di fare polemica.
Troppo spesso si vede gente che, per non usare le tabelle (probabilmente perchè ha sentito che non si devono usare, rallentano la pagina o chissà che...) usa i div e non ci capisce niente.

Visto che il codice html/css come tutta la programmazione (e la progettazione) è incentrata su un obbiettivo specifico (e anche più di uno), fra cui la performance, uno tenta sempre di avere cognizione di causa, insomma, capire cosa sta facendo e soprattutto perchè.
Anche perchè le tabelle non sono il male, a volte devono essere usate, solo che spesso vengono usate impropriamente.

In questo caso si presumeva che LCANN volesse migliorare la qualità del proprio sito, in senso di codice, e quindi accessibilità, posizionamento, velocità di caricamento, capacità gestionale ecc ecc (performance).
E lo ha fatto male. E giustamente jub lo ha fatto notare, aggiungendo una nota personale.
Che poi ognuno fa come vuole, giustissimo.

**LCANN** · 07-05-2009, 00:59

per me dalla quarta risposta sta discussione non ha piu senso di esistere...è chiaro che sia un forum come e' chiaro che io devo prendere un libro di css (o un manuale di xhtml) e gli devo dar na spolverata...(alla grande magari direte ok)
ma non è questo il senso del forum o social network o quello che si vuole...
Quell'impaginato era na prova...fatta tra l'altro con image ready e poi modificata a mano...stavo guardando provando etc.etc.
IL problema (template liquido) è restato...le quattro righe che mi ha scritto mi son servite per imboccare la strada, poi sono io che devo decidere se e come percorrerla...
Da qui a scatenare un caso....su questo e farvi spendere energie mentali su questo "caso" non era mia volontà.
Ho sempre pensato che chi rispondesse qua, lo facesse per aiutare gli altri e/o per misurarsi con altri e se stessi...
Avrei accettato di piu che la polemica fosse nata (se mai doveva nascere) da chi mi ha dato la risposta, e non da terzi che, tra l'altro, di risposte non me ne hanno date...con questo non voglio dir niente di piu...
Mi fa' solo strano andar in un posto dove ci si aiuta l'un l'altro e sentirmi dire "aiutati che il cel t'aiuta"....
vabbè voleva essere una riflessione...buona notte

Discussione: come fare per ridimensionare auto????

Strumenti discussione

Ricerca discussione

Visualizza

come fare per ridimensionare auto????

Permessi di invio