Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Problema margini

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    6

    Problema margini

    Ciao a tutti,

    sono nuova e vi chiedo una grande cortesia, mi sto addentrando nel grande mondo del lingaggio Html e sono autodidatta : )

    Sto effettuando l'impaginazione di una pagina in linguaggio html per il mio sito internet che ha dei bordi laterali con due immagini e vorrei che il mio testo rimanesse all'interno dello spazio adibito al testo, invece scompare dietro le immagini. Che comando devo usare? Come va inserito rispetto al body del testo?

    Seconda domanda: vorrei inserire anche una piccola immagine e di fianco sulla destra o sinistra la didascalia. Come fare?

    Vi ringrazio tantissimo anticipatamente!
    Buona giornata a tutti!!!

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Per il testo al lato di una immagine devi usare nei css la regola float: left; o float: right; in alternativa align all'interno del tag <img>

    Per la prima domanda bisogna vedere il codice della pagina

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    6
    Ciao,

    intanto grazie per la risposta, ma mi potresti gentilmente inserire tutto il codice completo? L'indirizzo dell'immagine lo inserisco io.

    Per la seconda domanda non so come, ma ho trovato un sistema: ho inserito un codice <p class="codice" style="text-align: justify;"> e poi un codice con il comando margin e si è sistemato.
    Il codice usato non l'ho segnato (adesso non riesco più a recuperarlo perchè non mi compare) e se ne avessi ancora bisogno, potresti gentilmente indicarmi un'alterativa? Ho necessità del comando completo di parentesi ecc.

    Grazie!!!

  4. #4
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    codice:
    <!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>
    		<title>Documento senza titolo</title>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    		<style type="text/css">.div-1 {
    	border: none;
    	text-align: left;
    	width: 320px;
    }
    
    .div-1-1 {
    	border: none;
    	clear: both;
    	float: left;
    	height: 200px;
    	padding: 5px;
    	text-align: center;
    	width: 200px;
    }
    
    .div-1-2 {
    	border: none;
    	float: left;
    	padding: 80px 0 0 5px;
    	text-align: left;
    	width: 100px;
    }
    </style>
    	</head>
    	<body>
    		<div class="div-1">
    			<div class="div-1-1">[img]image.jpg[/img]</div>
    			<div class="div-1-2">Questo è un testo d'esempio</div>
    			<div style="clear: both;"></div>
    		</div>
    	</body>
    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.