un saluto agli utenti del forum
vorrei farvi un semplice domanda.Comne si realizza un sito simile?
http://www.eoloperfido.com/portfolio.htm
da tenere conto che realizzo già siti web, ma il dilemma nasce dal fatto che questo sia in orizzontale (moda che stà dilagando nel web).La cosa che mi ha incuriosito è che il sito è in htm, quindi dovrebbe risultare facile.
Qualcuno di voi sà come si fà?
Grazie infinite
Qui si parla di HTML e CSS, quindi immagino proprio tu sia fuori sezione, ma ci penseranno i mod eventualmente a spostarti se o riterranno opportuno.
Ad ogni modo, se tu crei un livello più largo della risoluzione monitor, non ti appare la barra di scorrimento orizzontale?
Che c'è di strano?
il tizio si e' limitato a inserire una tabella con una sola riga (un solo tr) in cui ha inserito tutte le celle: dai un'occhiata al codice di questa pagina http://www.eoloperfido.com/portfolio_content.htm e te ne rendi conto (e' un sito a frames)
cmq sei fuori sezione, come ha gia' detto lineapixel, ti sposto in html/xhtml
si, il tizio ha creato 2 frame, uno superiore dove ha inserito i link e il nome ( diciamo una sorta di hrad)
e sotto uno sfondo con le immagiini affiancate, in questo modo ha creato lo socrrimento di una sola parte dell apgna, spero te habbia capito, se vuoi un'ulteriore mano chiedi pure
scusate se ho sbagliato sezione, non era mia intenzione.
Che la pagina sia composta da due frame è ben chiaro, grazie all'esempio di rebelia, ma la cosa che non riesco a capire bene è come affiancare due o più immagini, usando ad esempio Dreamweaver.Nel momento in cui inserisco un'immagine, finito lo spazio in orizzontale me la mette al di sotto dell'immagine precendente, formando osì una colonna, come un editor di testo insomma.
Come faccio ad affiancarle?
puoi crearlo in 2 modi
ho diventi pazzo con i frame ( che tra poco verranno aboliti)
o ti diverti con iframe o con i div
a seconda della scelta ti posso dire i vari procedimenti da seguire
bè a questo punto la risposta mi sembra scontata,procedo con iframe e div
allora,
se lo fai con i div il codice è il seguente
<!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>Documento senza titolo</title>
<style type="text/css">
<!--
.divheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
text-transform: capitalize;
color: #FFFFFF;
text-decoration: none;
background-color: #999999;
text-align: right;
padding: 5px;
height: 150px;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
body {
background-color: #999999;
margin: 0px;
}
.divbody {
background-color: #333333;
margin: 0px;
height: 300px;
width: 100%;
overflow: auto;
}
-->
</style>
</head>
<body>
<div class="divheader">Inserire qui il contenuto per class "divheader"</div>
<div class="divbody">Inserire qui il contenuto per class "divbody"</div>
</body>
</html>
perfetto.una domanda che potrebbe sembrarti banale, ma purtroppo per un neofita come me necessaria.
per "divheader" intendi la testata del sito, che dovrebbe rimanere fissa, mentre per "divbody" la parte restante che dovrebbe muoversi in orizzontale giusto?
la domanda è a questo punto, come affianco le immagini?
si, esatto hai capito bene.
comunque, puoi tranquillamente creare una tabela con 1 riga e tante colonne quante immagini hai da metterci,
cosi non dovresti avere troppi problemi, poi se ti serve altro chiedi
Permessi di invio
Rispondi quotando