PDA

Visualizza Versione Completa : codice html (centrare i contenuti in una pagina)


-er g!Mac
26-03-08, 19:11
Salve a tutti!

Mi sono cimentato nella creazione di siti web! :smt038 Ho creato qualcosina e ho provato a pubblicarla. Usando GoLive non è stato molto difficile! Infatti il sito è stato pubblicato con successo. Ora il problema sorge: quando sono andato a visitarlo per vedere come era venuto, ho notato una cosa che proprio non mi piaceva ovvero che era tutto spostato verso sinistra! Io lo vorrei visualizzare centrale! Come devo fare? Ecco una parte di codice html che credo vada modificato*

layer1 { position: absolute; top: 20px; left: 28px; width: 680px; height: 110px; visibility: visible }

Grazie di tutto! :smt039
flashcream
26-03-08, 19:52
il codice che mostri si riferisce ad un livello. non li uso e poi senza vedere tutto il codice della pagina è difficile rispondere. cmq per centrare tutta la pagina usa un foglio di stile o inserisci quanto segue in un eventuale foglio di stile che già stai usando.

esempio di un foglio stile.css:


body{
text-align: center; /*centra in IE 5.x */
}

div#container{
width: 760px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: left; /*ripristina l' allineamento*/
}


e che conseguentemente richiami nel codice della tua pagina tra i tag head:


<html>
<head>
<title>titolo del sito</title>
<link rel="stylesheet" type="text/css" href="stile.css">
</head>
<body>...

qui tutte le info sui fogli di stile, necessari per fare siti di un certo livello e che siano visualizzati da tutti nello stesso modo: http://css.html.it/
-er g!Mac
26-03-08, 20:33
Ti ringrazio ora provo!:)
-er g!Mac
26-03-08, 21:04
Sto provando a modificare la base dell'html... Sul sito "Scrivi direttamente il codice e visualizza l'anteprima in tempo reale, devi almeno avere una conoscenza base di HTML per ottenere buoni risultati."... Bene! Spero abbiate capito!

Ecco a voi il codice HTML che mi compare

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="AlterVista - Editor HTML">
<TITLE></TITLE>
</HEAD>
<BODY>

<P>&nbsp;</P>

</BODY>
</HTML>

Devo mettere qua il codice che mi hai detto? :smt039
-er g!Mac
26-03-08, 21:08
Scusate se rompo... Ecco qua il codice html della pagina Index per intero! (dove sorge il problema)


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Intro</title>
<style type="text/css" media="screen"><!--
#layer1 { position: absolute; top: 20px; left: 28px; width: 680px; height: 110px; visibility: visible }
#layer2 { position: absolute; top: 187px; left: 268px; width: 200px; height: 110px; visibility: visible }
#layer3 { position: absolute; top: 348px; left: 28px; width: 680px; height: 131px; visibility: visible }
--></style>
</head>

<body bgcolor="black" text="white" link="blue" alink="red">
<div id="layer1">
<img src="Other/dcmac_title.jpg" alt="" height="110" width="680" border="0"></div>
<div id="layer2">
<img src="Other/tb1.jpg" alt="" height="110" width="200" usemap="#tb1" border="0"></div>
<div id="layer3">
<div align="center">
<font color="#999999">DC Mac, scoprite la mia vera identit&agrave;, il mio lavoro con il mac e la mia storia nei forum! Amico o nemico? Pazzo o normale? DC Mac &egrave; una della mie tante identit&agrave;! Per scoprile tutte andate sul sito (prevista uscita 2009) ripaxworld.altervista.org.</font>
<p><font color="#999999">Accedete al mio sito e scoprite i miei misteri!</font></p>
<p><font color="#999999">P.S.: MAC THE BEST IN THE WORLD, STEVE JOBS I LOVE YOU!!! : D</font></p>
<BR>
<BR>
<hr>
<BR>
<script type="text/javascript">
var counter_style = 12;
</script>
<script type="text/javascript" src="http://www.altervista.org/js_tags/contatore.js"></script>

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

</html>
flashcream
26-03-08, 21:49
visto che sei all'inizio, lascia perdere golive e soprattutto i livelli. per inserire e centrare due immagini e un tabella con dentro del testo lo fai meglio e più facilmente con qualsiasi altro editor html, persino iweb o "a mano"....