Spostare immagini linkate a destra della pagina [era:Richiesta Codice HTML]

21-03-2010, 16.08.07

Salve a tutti volevo chiedere il codice html o java script per mettere immagini (linkate) a destra se vedete sul mio sito www.cheatingfox.altervista.org stanno a sinistra vorrei metterle a destra !!! grazie in anticipo

**EcologicoFaiDaTe** · 21-03-2010, 16.16.53

Ciao, dovrebbe semplicemente bastare inserire i tags <ALIGN=RIGHT>, ad esempio
<IMG SRC="immagine.jpg" ALIGN=RIGHT>. Spero di aver capito bene altrimenti spiegami meglio

.

21-03-2010, 16.20.01

mi stai dicendo solo di cambiare quella stringa be non e' una brutta idea pensavo che ci fosse un metodo piu' bello :-P non so quale neppure io !!! xD

EDIT
be l'unico problema e' che lo vorrei mettere in fila guarda il sito di nuovo nella home page spam sta in fondo come faccio a modificare il codice e metterlo per bene come il lato sinistro ?

EDIT 2
ho trovato da solo :-P grazie per il codice !!!

**EcologicoFaiDaTe** · 21-03-2010, 16.28.21

Potresti allora utilizzare delle tabelle come quelle nel mio sito; Basta che le fai nere oppure senza linee e il risultato è come prima. Qui puoi trovare qualche informazione sui tags delle tabelle.

21-03-2010, 16.29.26

Intanto nell'html della tua pagina, devi prendere i tag <meta> e spostarli all'interno dell' <head>.
Questo:

Codice HTML:

<meta name="description" content="Cheatingfox"

non lo hai chiuso, inserisci alla fine />
in modo che diventi:

Codice HTML:

<meta name="description" content="Cheatingfox" />

Per spostare quelle immagini a destra, crei due colonne:

Codice HTML:

<div id="container">
<div id="header">
Immagine con il logo
</div>
<div id="content">
Qui metti il contenuto, nel tuo caso inserisci il tag iframe del file marzo.html
</div>

<div id="right">
qui inserisci tutte le immagini linkate
</div>

</div><!-- fine container -->

Poi nel CSS (foglio di stile) metti questo:

Codice:

#container {
width:990px; /* metti la larghezza che vuoi */
margin:0 auto;
}

#content {
width:800px;
float:left;
}

#right {
width:150px;
float:right;
}

In modo tale che la tua pagina finale sia così:

Codice HTML:

<!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="description" content="Cheatingfox" />
<meta name="keywords" content="Cheatingfox" align= "center" />
<style type="text/css">
#container {
width:990px; /* metti la larghezza che vuoi */
margin:0 auto;
background-color:#000000;
}

#header {
width:990px;
}

#content {
width:800px;
float:left;
}

#right {
width:150px;
float:right;
}
</style>

<title>Cheatingfox</title>
</head>
<body bgcolor="#000000" lang="it" text="#FFFFFF" vlink="green">
<div id="container">

<div id="header">
<img src="http://cheatingfox.altervista.org/Img/HELLYEAH.jpg">
</div>

<div id="content">
<iframe src="/marzo.html" width="800" height="650" align="center" scrollbar="auto" frameborder="no">
  Utilizzi un browser che non supporta gli iframes,usane un altro.
</iframe>
</div>

<div id="right">

<A href="http://cheatingfox.altervista.org/Download.html" hreflang="it" title="Sezione download"><img src="http://cheatingfox.altervista.org/Img/Download.jpg" align="left"></A><br><br><br>
<A href="http://cheatingfox.altervista.org/Tutorial.html" hreflang="it" title="Sezione tutorial"><img src="http://cheatingfox.altervista.org/Img/Tutorial.jpg" align="left"></A><br><br><br>
<A href="http://cheatingfox.altervista.org/index.html" hreflang="it" title="Homepage"><img src="http://cheatingfox.altervista.org/Img/News.jpg" align="left"></A><br><br><br>
<A href="http://cheatingfox.altervista.org/Chat.html" hreflang="it" title="Shoutbox"><img src="http://cheatingfox.altervista.org/Img/Chat.jpg" align="left"></A><br><br><br>
<A href="http://cheatingfox.altervista.org/About.html" hreflang="it" title="About me"><img src="http://cheatingfox.altervista.org/Img/About.jpg" align="left"></A><br><br><br>
<A href="http://cheatingfox.altervista.org/Contatti.html" hreflang="it" title="About me"><img src="http://cheatingfox.altervista.org/Img/Contatti.jpg" align="left"></A><br><br><br>

<A href="http://cheatingfox.altervista.org/Spam.html" hreflang="it" title="Homepage"><img src="http://cheatingfox.altervista.org/Img/Spam.jpg" align="left"></A><br><br><br>
</div>


</div> <!-- fine container -->
</body>
</html>

Il codice della parte delle immagini le ho copiate dal tuo html, ma andrebbero messe in un altro modo, senza tutti quei <br>.
Questo è ovviamente un esempio, prova se ti interessa.

Potresti allora utilizzare delle tabelle come quelle nel mio sito

Non si usano le tabelle per creare un template. Le tabelle vengono utilizzate per immagazinare dei dati.
Per creare un template, si usano i tag <div> + CSS.

21-03-2010, 16.38.23

no non volevo questo mi serve solo il codice e come metterlo per aggiungere quete immagini likate a destra mi va' bene che stanno a sinistra xD solo che devo aggiugnere queste cose alineate alle prime ma a destra

Discussione: Spostare immagini linkate a destra della pagina [era:Richiesta Codice HTML]

LinkBack

Strumenti discussione

Display

Spostare immagini linkate a destra della pagina [era:Richiesta Codice HTML]

Regole di scrittura