Xpress: centrare una pagina web

Di: marcoerita | 26/09/2020 19:32:22
ciao a tutti, sono nuovo del forum, e prima di tutto vorrei fare i complimenti a chi di dovere per il forum, VERAMENTE UTILE....
la mia domanda era questa: io lavoro abitualmente con quarkxpress ormai da circa 15 anni tutti i giorni, e posso dire di conoscerlo molto bene...., quindi poco tempo fa mi sono dilettato a costruire un sito internet personale, tutto ok, l'unica cosa che non riesco a fare e centrare la mia pagina web al centro e non a sx come di default...!! Ho girato e provato in lungo e in largo, ma non riesco a risolvere il problema.... FORSE CON I META TAG, nel menù meta TAG ma quale è la dicitura esatta che devo inserire...?
grazie a tutti ......

Risposte



ciao, non so se xpress ti fa agire direttamente sul codice, comunque puoi mettere uno style="margin:0 auto" al div contenitore o un align:center se è tabella.
Puoi farlo direttamente sul file che ti esporta!

Di: toto80 | 26/09/2020 19:32:22


prima di tutto, grazie per avermi risposto......purtroppo xpress non ti fa modificare il codice, anzi non te lo fa neanche vedere, ma provando ad esportare in html e aprendolo con ADOBE GOLIVE il codice che ho è il seguente:
(riusciresti a dirmi dove va messa esattamente la dicitura che mi hai scritto....? (scusa ma sono proprio un novello)
<!-- Commento aggiunto per non interferire con il codice della pagina del forum di 001design.it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>
</title>
<meta http-equiv="Content-Type" content="text/html;CHARSET=utf-8">
<script type="text/javascript">
<!--
function DocumentOnLoad() {
}
function HideRolloverImage() {
if (document.originalImages != null)
for(var i=0;i < (document.originalImages.length-1);i+=2)
document.originalImages.src = document.originalImages[i+1];
}
function ShowRolloverImage() {
var i,j=0,objStr,obj,imgList=new Array,oldList=document.originalImages;
for (i=0;i < (ShowRolloverImage.arguments.length-2);i+=3) {
objStr = ShowRolloverImage.arguments[(navigator.appName=='Netscape')?i:i+1];
if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
(objStr.indexOf('document.all[')==0 && document.all==null))
objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
obj = eval(objStr);
if (obj != null) {
imgList[j++] = obj;
imgList[j++] = (oldList==null || oldList[j-1]!=obj)?obj.src:oldList[j];
obj.src = ShowRolloverImage.arguments[i+2];
}
}
document.originalImages = imgList;
}
//-->
</script>
<link rel="stylesheet" type="text/css" href="Layout1.css">
<style type="text/css">
<!--
a:link {
color:blue;
text-decoration:underline;
}
a:active { color:red }
a:visited { color:purple }
body {
background-color:#3D57A1;
color:#393838;
}
.box1 {
background-color:white;
width:1024px;
height:705px;
}
.box2 {
position:absolute;
left:0px;
top:86px;
background-color:white;
width:1024px;
height:219px;
}
.box3 {
position:absolute;
left:0px;
top:82px;
background-color:white;
width:1024px;
height:58px;
}
.box4 {
position:absolute;
left:78px;
top:114px;
width:117px;
height:25px;
}
.box5 {
position:absolute;
left:886px;
top:113px;
width:131px;
height:25px;
}
.box6 {
position:absolute;
left:897px;
top:118px;
width:2px;
height:19px;
}
.box7 {
position:absolute;
left:204px;
top:118px;
width:2px;
height:19px;
}
.box8 {
position:absolute;
left:392px;
top:118px;
width:2px;
height:19px;
}
.box9 {
position:absolute;
left:0px;
top:118px;
width:94px;
height:18px;
}
.box10 {
position:absolute;
left:6px;
top:19px;
background-color:white;
width:94px;
height:93px;
}
.box11 {
position:absolute;
left:99px;
top:34px;
background-color:white;
width:218px;
height:64px;
}
.box12 {
position:absolute;
left:0px;
top:566px;
width:1024px;
height:489px;
}
.box13 {
position:absolute;
left:9px;
top:677px;
padding-top:1px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
width:1003px;
height:22px;
}
.box14 {
position:absolute;
left:0px;
top:0px;
background-color:#606060;
width:1024px;
height:9px;
}
.box15 {
position:absolute;
left:1px;
top:319px;
width:1023px;
height:349px;
}
.box16 {
position:absolute;
left:343px;
top:9px;
background-color:white;
width:682px;
height:103px;
}
.box17 {
position:absolute;
left:341px;
top:9px;
width:396px;
height:106px;
}
.box18 {
position:absolute;
left:0px;
top:305px;
width:1024px;
height:185px;
}
.box19 {
position:absolute;
left:394px;
top:396px;
padding-top:1px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
width:457px;
height:259px;
}
.box20 {
position:absolute;
left:-4px;
top:408px;
width:496px;
height:3px;
}
.box21 {
position:absolute;
left:-4px;
top:428px;
width:496px;
height:3px;
}
.box22 {
position:absolute;
left:-4px;
top:448px;
width:496px;
height:3px;
}
.box23 {
position:absolute;
left:-4px;
top:468px;
width:496px;
height:3px;
}
.box24 {
position:absolute;
left:-4px;
top:488px;
width:496px;
height:3px;
}
.box25 {
position:absolute;
left:-4px;
top:508px;
width:496px;
height:3px;
}
.box26 {
position:absolute;
left:-4px;
top:528px;
width:496px;
height:3px;
}
.box27 {
position:absolute;
left:-4px;
top:548px;
width:496px;
height:3px;
}
.box28 {
position:absolute;
left:-4px;
top:568px;
width:496px;
height:3px;
}
.box29 {
position:absolute;
left:-4px;
top:588px;
width:496px;
height:3px;
}
.box30 {
position:absolute;
left:-4px;
top:608px;
width:496px;
height:3px;
}
.box31 {
position:absolute;
left:-4px;
top:628px;
width:496px;
height:3px;
}
.box32 {
position:absolute;
left:-11px;
top:669px;
background-color:#606060;
width:1035px;
height:3px;
}
.box33 {
position:absolute;
left:-11px;
top:698px;
background-color:#606060;
width:1035px;
height:3px;
}
.box34 {
position:absolute;
left:-1px;
top:319px;
background-color:white;
width:358px;
height:71px;
}
.box35 {
position:absolute;
left:332px;
top:319px;
width:102px;
height:71px;
}
.box36 {
position:absolute;
left:395px;
top:321px;
padding-top:3px;
padding-left:0px;
padding-bottom:0px;
padding-right:0px;
width:491px;
height:46px;
}
.box37 {
position:absolute;
left:396px;
top:376px;
width:616px;
height:4px;
}
.box38 {
position:absolute;
left:231px;
top:113px;
width:133px;
height:25px;
}
.box39 {
position:absolute;
left:417px;
top:113px;
width:160px;
height:25px;
}
.box40 {
position:absolute;
left:592px;
top:113px;
width:128px;
height:25px;
}
.box41 {
position:absolute;
left:604px;
top:118px;
width:2px;
height:19px;
}
.box42 {
position:absolute;
left:706px;
top:118px;
width:2px;
height:19px;
}
.box43 {
position:absolute;
left:721px;
top:113px;
width:160px;
height:25px;
}
-->
</style>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" onLoad=
"DocumentOnLoad()">
<table border="0" cellspacing="0" cellpadding="0" align="left" width="100%">
<tr>
<td></td>
<td valign="top" width="100%" height="1"><img src="immagine/qwdspacer.gif" alt="" width="100%" height="1" border="0"></td>
</tr>
<tr>
<td valign="top" width="1024" height="705">
<div class="box1">
<img src="immagine/Picture18.gif" alt="" width="1024" height="705" border="0"></div>
</td>
<td valign="top" width="100%" height="705"><img src="immagine/qwdspacer.gif" alt="" width="100%" height="705" border="0"></td>
</tr>
<tr>
<td valign="top" width="1024" height="1"><img src="immagine/qwdspacer.gif" alt="" width="1024" height="1" border="0"></td>
<td valign="top" width="100%" height="1"><img src="immagine/qwdspacer.gif" alt="" width="100%" height="1" border="0"></td>
</tr>
</table>
<div class="box2">
<embed src="immagine/HOME222.swf" quality="high" width="1024" height="219" name="immagine/HOME222.swf" align="bottom" scale="exactfit" wmode="opaque"></div>
<div class="box3">
<img src="immagine/Picture2350.gif" alt="" width="1024" height="58" border="0"></div>
<div class="box4">
<a href="#" onmouseout="HideRolloverImage()" onmouseover="ShowRolloverImage('document.a2975','document.a2975','immagine/CHI%20SIAMO%20ROLL2987.png')"><img src="immagine/2975.png" alt="" width="117" height="25" border="0" name="a2975"></a></div>
<div class="box5">
<a href="#" onmouseout="HideRolloverImage()" onmouseover="ShowRolloverImage('document.a2985','document.a2985','immagine/CONTATTI%20ROLL3061.png')"><img src="immagine/2985.png" alt="" width="131" height="25" border="0" name="a2985"></a></div>
<div class="box6">
<img src="immagine/Line2900.gif" alt="" width="2" height="19" border="0"></div>
<div class="box7">
<img src="immagine/Line2896.gif" alt="" width="2" height="19" border="0"></div>
<div class="box8">
<img src="immagine/Line2897.gif" alt="" width="2" height="19" border="0"></div>
<div class="box9">
<img src="immagine/Picture3153.gif" alt="" width="94" height="18" border="0"></div>
<div class="box10">
<img src="immagine/edilgemi%20x%20sito%20home29.jpg" alt="edilgemi x sito home.jpg" width="94" height="93" border="0"></div>
<div class="box11">
<img src="immagine/edilgemi%20x%20sito%20home29_Co31.jpg" alt="edilgemi x sito home.jpg" width="218" height="64" border="0"></div>
<div class="box12">
<img src="immagine/Picture18_Copia3375.png" alt="" width="1024" height="489" border="0"></div>
<div class="box13">
<div class="para2">
<span class="text2">EDIL Ge. Mi, Impresa di Costruzioni - Via IV Novembre, 182 22030 Lipomo (CO) - Tel: 031283792 - info@edilgemi.it </span></div>
</div>
<div class="box14">
<img src="immagine/Picture20.gif" alt="" width="1024" height="9" border="0"></div>
<div class="box15">
<img src="immagine/sfondo262.png" alt="sfondo.jpg" width="1023" height="349" border="0"></div>
<div class="box16">
<img src="immagine/sfondo262_Copia440.png" alt="sfondo.jpg" width="682" height="103" border="0"></div>
<div class="box17">
<img src="immagine/Picture2033.png" alt="" width="396" height="106" border="0"></div>
<div class="box18">
<img src="immagine/Picture26.png" alt="" width="1024" height="185" border="0"></div>
<div class="box19">
<div class="para1">
<span class="text0">Costruzioni Edili </span><span class="text0">Ristrutturazioni complete "Chiavi in mano" </span><span class="text0">Specializzati nel recupero dei sottotetti </span><span class="text0">Rifiniture di alta specializzazione </span><span class="text0">Opere edili in genere, Bio Edilizia, Manutenzioni </span><span class="text0">Impianti termici-idraulici-sanitari-elettrici-condizionamento </span><span class="text0">Rifacimento bagni e cucine </span><span class="text0">Fornitura e posa di tutte le qualita' di parquet </span><span class="text0">Opere di falegnameria, opere da fabbro </span><span class="text0">Serramenti in alluminio, legno, pvc </span><span class="text0">Imbiancature e verniciature civili ed industriali </span><span class="text0">Controsoffittature e pareti in cartongesso </span><span class="text0">Opere da gessista e stuccatore </span></div>
</div>
<div class="box20">
<img src="immagine/Picture39_Copia420.png" alt="" width="513" height="20" border="0"></div>
<div class="box21">
<img src="immagine/Picture39_Copia419.png" alt="" width="513" height="20" border="0"></div>
<div class="box22">
<img src="immagine/Picture39_Copia418.png" alt="" width="513" height="20" border="0"></div>
<div class="box23">
<img src="immagine/Picture39_Copia417.png" alt="" width="513" height="20" border="0"></div>
<div class="box24">
<img src="immagine/Picture39_Copia416.png" alt="" width="513" height="20" border="0"></div>
<div class="box25">
<img src="immagine/Picture39_Copia415.png" alt="" width="513" height="20" border="0"></div>
<div class="box26">
<img src="immagine/Picture39_Copia414.png" alt="" width="513" height="20" border="0"></div>
<div class="box27">
<img src="immagine/Picture39_Copia413.png" alt="" width="513" height="20" border="0"></div>
<div class="box28">
<img src="immagine/Picture39_Copia412.png" alt="" width="513" height="20" border="0"></div>
<div class="box29">
<img src="immagine/Picture39_Copia411.png" alt="" width="513" height="20" border="0"></div>
<div class="box30">
<img src="immagine/Picture39_Copia410.png" alt="" width="513" height="20" border="0"></div>
<div class="box31">
<img src="immagine/Picture39_Copia409.png" alt="" width="513" height="20" border="0"></div>
<div class="box32">
<img src="immagine/Picture20_Copia220.gif" alt="" width="1035" height="3" border="0"></div>
<div class="box33">
<img src="immagine/Picture20_Copia220.gif" alt="" width="1025" height="3" border="0"></div>
<div class="box34">
<img src="immagine/uomoalsole2670.jpg" alt="uomoalsole.jpg" width="358" height="71" border="0"></div>
<div class="box35">
<img src="immagine/uomoalsole2670_Copia2702.png" alt="uomoalsole.jpg" width="102" height="71" border="0"></div>
<div class="box36">
<div class="pNormale">
<span class="text1">Leader Nel Settore dal 1982 </span></div>
</div>
<div class="box37">
<img src="immagine/Picture39_Copia423.png" alt="" width="616" height="4" border="0"></div>
<div class="box38">
<a href="#" onmouseout="HideRolloverImage()" onmouseover="ShowRolloverImage('document.a2977','document.a2977','immagine/LAV%20REALIZZATI%20ROLL2990.png')"><img src="immagine/2977.png" alt="" width="133" height="25" border="0" name="a2977"></a></div>
<div class="box39">
<a href="#" onmouseout="HideRolloverImage()" onmouseover="ShowRolloverImage('document.a2979','document.a2979','immagine/PROP%20IMMO%20ROLL3051.png')"><img src="immagine/2979.png" alt="" width="160" height="25" border="0" name="a2979"></a></div>
<div class="box40">
<a href="#" onmouseout="HideRolloverImage()" onmouseover="ShowRolloverImage('document.a2981','document.a2981','immagine/SERVIZI%20ROLL3055.png')"><img src="immagine/2981.png" alt="" width="128" height="25" border="0" name="a2981"></a></div>
<div class="box41">
<img src="immagine/Line2898.gif" alt="" width="2" height="19" border="0"></div>
<div class="box42">
<img src="immagine/Line2899.gif" alt="" width="2" height="19" border="0"></div>
<div class="box43">
<a href="#" onmouseout="HideRolloverImage()" onmouseover="ShowRolloverImage('document.a2983','document.a2983','immagine/COME%20RAGGIUNG%20ROLL3058.png')"><img src="immagine/2983.png" alt="" width="160" height="25" border="0" name="a2983"></a></div>
</body>
</html>
[I]Fine commento aggiunto per non interferire con il codice della pagina del forum di 001design.it.
-->

Di: marcoerita | 26/09/2020 19:32:22


figurati!
ho dato un'occhiata alla pagina, ma non sono riuscito a centrarla.
Il problema lo creano tutti quei div con il position:absolute... la vedo dura!!
tieni presente che adesso la pagina si vede bene solo su monitor con risoluzione maggiore di 1024;
Secondo me ti conviene rifarla, magari con un layout a tabelle che è + semplice.
prova a vedere se qualcun altro comunque ti risponde.
ciao!

Di: toto80 | 26/09/2020 19:32:22


heehh...... , avevo intuito che la cosa era piuttosto difficile e non attuabile.....
va beh me la terrò sulla sinistra....
grazie ciao...

Di: marcoerita | 26/09/2020 19:32:22


Centrare una pagina HTML è semplice, bastano i tag <center></center>, uno all'inizio ed uno alla fine, se hai usato una tabella. Dal codice sopra dovresti lavorare per inglobare lo stile CSS su un file esterno, pulire il codice, eliminare o convertire eventualmente i livelli in tabelle (altrimenti dovresti andare a centrare quelli invece di tutta la tabella in un colpo solo).

Di: Pablito | 26/09/2020 19:32:22