Aiuto impaginazione e grafica sito...

**iMet** · 10-10-2009, 22:54

Ciao a Tutti, sto progettando un sito utilizzando Dreamweaver, il mio progetto prevede un sito strutturato con una parte centrale di testo, link, bottoni e quant altro, larga più o meno 800px, e 2 colonne una sx e una dx di differente colorazione che non andranno riempite con alcuna scritta o link, solamente per pura estetica. Ovviamente la parte di testo centrale, non andrà a toccare nemmeno il bordo superiore ne inferiore della pagina web, come un quadro incorniciato per intenderci...
Vengo subito al problema:

non riesco a fare in modo che il ridimensionamento della pagina da parte di un utente avvenga in maniera simmetrica e omogenea. Per intenderci se prendete l angolino in basso a dx di questo sito e trascinate a sinistra, la parte centrale di testo si sposterà di conseguenza fino a far scomparire le colonne bianche contemporaneamente.

Grazie

**Myaku** · 11-10-2009, 10:28

il tuo è un problema di codice, non di grafica, pertanto ti sposto.
Ti anticipo comunque che probabilmente ti sarà richiesto di postare un link alla pagina o il codice (html+css), altrimenti si fa un po' fatica a dirti esattamente dove devi intervenire per risolvere.

**iMet** · 11-10-2009, 12:54

Il mio quesito è su come intervenire su di una pagina nuova quindi a codice grezzo creato da dreamweaver, mi serve capire come impostare tutto dall inizio...

**iMet** · 11-10-2009, 13:05

nessuno usa il programma e sa darmi un consiglio?

**Myaku** · 11-10-2009, 13:29

Originariamente inviato da iMet
non riesco a fare in modo che il ridimensionamento della pagina da parte di un utente avvenga in maniera simmetrica e omogenea. Per intenderci se prendete l angolino in basso a dx di questo sito e trascinate a sinistra, la parte centrale di testo si sposterà di conseguenza fino a far scomparire le colonne bianche contemporaneamente.

Originariamente inviato da iMet
quindi a codice grezzo creato da dreamweaver

appunto, postalo 'sto codice grezzo creato da dreamweaver. Altrimenti, con le sole informazioni che hai fornito, tiriamo ad indovinare: il "problema" può presentarsi se hai strutturato la pagina tramite posizionamenti assoluti (che poi in questo caso non sarebbe un problema ma semmai un comportamento normale se il riferimento è la finestra del browser)

Originariamente inviato da iMet
nessuno usa il programma e sa darmi un consiglio?

non siamo un helpdesk a chiamata, gli up troppo frequenti andrebbero evitati

**iMet** · 11-10-2009, 13:33

<!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>Untitled Document</title>
<style type="text/css">

</style></head>

<body>
</body>
</html>

eccolo quiiii... il colore sfondo che ho messo è quello che vorrei di cornice... al centro come ho spiegato... vorrei uno spazio testo bianco

Grazie a chiunque interverra!

**mucu** · 11-10-2009, 16:47

visto che stai iniziando ad ottobre 2009 dovresti rivolgerti ad un doctype strict che ti aiuterà a fare codice in maniera rigorosa
dovresti inoltre leggere quanto più è possibile articoli riguardo html5 per vedere se ti possa essere più utile
http://www.w3.org/TR/html5/
http://html5gallery.com/
e cercare di essere aggiornato sul supporto dei vari browser ai css3
http://www.w3.org/Style/CSS/current-work
http://www.css3.info/
http://www.css3.com/

**iMet** · 11-10-2009, 16:59

Originariamente inviato da mucu
visto che stai iniziando ad ottobre 2009 dovresti rivolgerti ad un doctype strict che ti aiuterà a fare codice in maniera rigorosa
dovresti inoltre leggere quanto più è possibile articoli riguardo html5 per vedere se ti possa essere più utile
http://www.w3.org/TR/html5/
http://html5gallery.com/
e cercare di essere aggiornato sul supporto dei vari browser ai css3
http://www.w3.org/Style/CSS/current-work
http://www.css3.info/
http://www.css3.com/

Ti ringrazio dei suggerimenti e per quanto riguarda i vari aggiornamenti, ora mi do una letta... ma per quanto riguarda il mio problema principale ne sai nulla?

**mucu** · 11-10-2009, 17:12

ovviamente si visto che è una delle domande più poste

codice:

<body>
  <div class="contenuti"> ... </div>
</div>

e il css

codice:

body {
   background-color: #666;
}
.contenuti {
   width: 720;
   margin: 0 auto;
   background-color: #fff;
}

però questo codice può cambiare leggermente se ti salta in mente di farlo vedere a chi usa ie6 per esempio

**iMet** · 11-10-2009, 17:34

Il codice che ora ho è questo:

<!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>Untitled Document</title>
<style type="text/css">
body {
background-color: #666;
}
.contenuti {
width: 720;
margin: 0 auto;
background-color: #fff;
}
</style>
</head>

<body>
<div class="contenuti">

... eeffsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>

efwfwfw</p>

fwefwf</p>

fwefwf</p>

wefwfwf</p>

fwefwefewf</p>

fwefwefwef</p>

fwefwfew</p>

wfwefwfw</p>

</p>
</div>
</div>
</body>
</html>

avevo provato anche io all inizio con il div, ma non riuscivo a ridimensionarlo a mio piacimento...
infatti ora mi ritrovo una box di testo che riempie tutta pagina, lasciando un mini margine per lo sfondo grigio... come posso ridimensionare il tutto a 360°?

Discussione: Aiuto impaginazione e grafica sito...

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto impaginazione e grafica sito...

Re: Aiuto impaginazione e grafica sito...

Permessi di invio