- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Adattamento di un'immagine ad un tag in automatico
-
Adattamento di un'immagine ad un tag in automatico
Buongiorno a tutti,
scusate la domanda banale è da poco che ho iniziato a studiare html.
Non riesco ad adattare un'immagine alle dimensioni di un tag.Invio per chiarezza sia le istruzioni scritte nel css che nel foglio html
Grazie in anticipo<style type="text/css">
body {
position:fixed;
text-align: center;
padding: 0;
margin: 0;
}#testata {
font-size: 130%;
text-align: center;
height: 8em;
}</style>
Html ---------
<html>
<head>
<title>Menu Doppia Tendina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
@import url("stile_pagine.css");
</style>
</head><body>
<div id="testata">
<table width="100%" height="100%" border="0">
<tr>
<td valign="middle" align="center">
<img src="Immagini/Intestazione.jpg" alt="Idea torte" id="sfondo" />
</td>
</tr>
</table>
</div></body>
</html>
-
Buongiorno, Afcs;
potresti dare informazioni aggiuntive sul tipo di risultato che vorresti ottenere?
(anche una immagine rasterizzata dell'effetto desiderato andrebbe bene)Da quel che mi sembra di capire vorresti adattare una immagine di fondo per tutta la larghezza del div #testata.
Innanzitutto ti suggerisco di adottare un DOCTYPE specifico e di utilizzare una sintassi corretta nei tag "vuoti": nel tuo esempio il meta charset connatura una chiusura html (">"), mentre il tag img ne peculiarizza una xhtml (" />").Esempio corretto (utilizzando l'XHTML):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "link al w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="link al w3.org/1999/xhtml"> <head> <title>Menu Doppia Tendina</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="stile_pagine.css" rel="stylesheet" type="text/css" /> </head> <body> <!– contenuti –> </body> </html>
Oltretutto non conviene utilizzare la proprietà fixed nel body, e ti consiglio di sostituire le tabelle con dei div.
Attendo ulteriori dettagli sul layout che intendi costruire (buon lavoro, nel frattempo).
P. S.: essendo appena iscritta non mi è stato consentito inserire il DOCTYPE correttamente (non sono ancora abilitata ad integrare link).
-
Innanzitutto grazie dell'attenzione.
Anch'io mi sono appena iscritto e soprattutto non sono un esperto. Ho appena incominciato a studiare Html e fare un piccolo sito.Quello che volevo (che nel frattempo sono riuscito a fare) è semplicemente questo
"<div align="center"><img src="Intestazione.jpg" width="1000" height="288" alt="Idea torte" /></div>".Quello che volevo chiedere era come fare a posizionarmi al centro di un tag.
Grazie ancora
-
Con "posizionarmi al centro di un tag" (?) intendi fare in modo che il div contenente l'immagine risulti "centrato" nella finestra del browser?