Dreamweaver: frame al centro

Di: aNdRe06 | 26/09/2020 17:11:56
ciao a tutti!
vorrei mettere un frame al centro dei una immagine che funzionerà da cornice per il sito, tutte le pagine verranno visualizzate lì. ho pensato di dividere l'immagine in una tabella ma, se all'interno il testo e troppo lungo non va bene! come posso fare?
grazie mille

Risposte



ok ottimo suggerimento
ho ottenuto il risultato desiderato grazie mille!

Di: aNdRe06 | 26/09/2020 17:12:56


se usi i CSS puoi sfruttare il tag BODY dove metterai lo sfondo e un DIV dove sistemerai lo scritto tramite MARGIN-PADDING ecc

Di: gct58 | 26/09/2020 17:12:56


purtroppo ho qualche problema con i css nel senso che non lo conosco. riesci a darmi una spiegazione più "alla mano" o consigliarmi qualche tutorial per questi? intanto grazie cercherò qualche spiegazione

Di: aNdRe06 | 26/09/2020 17:12:56


per provare se è quello che vai cercando prova questo:
nell'HEAD riporta
body {
background-image: (percorso immagine);
}
#div {
background: white;
margin: 150px;
margin-right: 200px;
}
</style>
e nel BODY
<div id="div">qui inserisci tutte le frasi che vuoi</div>
Per quanto riguarda i tutorial ne trovi diversi in rete

Di: gct58 | 26/09/2020 17:12:56


Fantastico è perfetto!
grazie mille!

Di: aNdRe06 | 26/09/2020 17:12:56


scusate ma ancora non va, il metodo che mi hai dato è perfetto fino a quando il testo all'interno non supera le dimensioni della cornice poi la va a coprire. non si può inserire un frame all'interno di un livello? almeno questo è la prima cosa che mi è venuta in mente non so se è possibile (non ci sono ancora riuscito)

Di: aNdRe06 | 26/09/2020 17:12:56


I tag div sono i contenitori per eccellenza, possono contenere tranquillamente anche gli "IFRAME".
Prova a copiare i seguenti codici:
pagina index
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DIV CON IFRAME</title>
<style type="text/css">
<!--
body {
text-align: center;
background-image: url(tuaimg.jpg);
}
.pframe {
border: 1px solid #333333;
}
#div {
width: 400px;
}
-->
</style>
</head>
<body>
<div id="div"><iframe frameborder="0" class="pframe" align="middle" marginheight="0" marginwidth="0" scrolling="no" height="300" src="pagina_1.htm"></iframe></div>
</body>
</html>
Questa pagina la rinomini in pagina_1.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body {
background-color: #FFCC00;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
padding-right: 2px;
padding-left: 2px;
}
-->
</style>
</head>
<body>
Prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova, prova.
</body>
</html>
Se ti occorre qualcosa di più elaborato puoi dare uno sguardo a questo link, essendo un po' datato usa le tabelle, ma niente ti impedisce di farlo con i "DIV"
http://starweb.starnet.it/gianpaolo/forum/iframe/

Di: Gian Paolo | 26/09/2020 17:12:56