impostare un immagine con css

andia

Utente Attivo
2 Giu 2008
68
0
6
ciao a tutti:
lavorando sempre sul mio primo piccolo sito,(!) dopo aver inserito il tag IMG in html, ho usato la sintassi in css:
position:absolute;
left: 100 px;

poi mi sono resa conto che quando cambio scermo ( diventa più picollo o grande l'immagine non si vede più!
mi hanno consigliato di usare FLOAT anzichè POSITION, ma il problema con FlOAT è che me lo mette o a destra o a sinistra, non c'è un modo per definire lo spazio con PX usando float? c'è un altro modo?
perchè non funziona nemmeno con:
img, {
width: 400 px;
float: right; width: 100 px;
}
 

andia

Utente Attivo
2 Giu 2008
68
0
6
scusa l'ignoranza.....come sarebbe il tag con div e collegamento dell'immagine? non ho trovato nulla sul sito!!
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
intendevo questo
nel css

div.pinco{
/* e qui all'interno gli dai le misure, il blok e le varie posizioni background..*/

}

nell'htm

<div class=pinco>
<scr=mia foto.gpg....>
</div>

se mi chiedi di giurare che funzi e meglio non chiedermelo;)
 

andia

Utente Attivo
2 Giu 2008
68
0
6
ohh grazie
vado a provare!! sperò che possa risolvere il problema!
 

andia

Utente Attivo
2 Giu 2008
68
0
6

sto leggendo l'articolo che mi hai mandato e grazie, ma volevo dire ho fatto tutto come hai sugerito te, va tutto bene per quanto riguarda l'impostazione dell'immagine però non sono riuscita a risolvere il problema dello schermo. intendo, quando rimpiciolisco la pagina, l'immagine è fermo e non si adatta alla nuova misura!!:incazz2:
 

andia

Utente Attivo
2 Giu 2008
68
0
6
ho letto l'articolo sulla risoluzione. non melo fa..........non so dove è il problema!!
 

andia

Utente Attivo
2 Giu 2008
68
0
6
ciao!
devo dire che ho letto tanto e visto dei siti, ancora problema non risolto!! per quanto riguarda il codice, sinceramente sto lavorando con DW, non penso di aver sbagliato qualche cosa.....
per quanto riguarda il tutorial che mi hai consigliato , https://www.mrw.it/css/artico...uzione_47.html
ho copiato e incollato tutto il codice per vedere cosa succede, in realtà anche il codice scritto lì sembra strano!! perche ti dà un rettangolo con un scritto dentro. nel codice per l'impostazione del rettangolo è scritto: position: Absolute;
top: 50%;
left: 50%;
quindi il rettangolo va in basso a destra, invece se cambi il codice e metti: position: Absolute;
top: 30%;
left: 35%;
in modo che il rettangolo si sposta in centro, e poi da parte destra o sinistra cominci a chiudere la pagina vedrai che il rettangolo non rimane in centro della pagina. perchè??
:dipser:
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ti allego l'htm fatto con dream, si chiami la pagina vedrai un rettagolo rosso centrato su una pagina grigia

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>

<style type="text/css">
<!--
html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;

}

#contenitore{
	width: 700px;
	height:550px;
	background-color: #CC0000;
	text-align: Center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -275px/*era 300*/

}
-->
</style>

</head>

<body>
<div id="contenitore">all'intero di questo metti quello che vuoi</div>
</body>
</html>


attenzione: è il rettangolo che è centrato non quello che c'è dentro
:hammer:
 

andia

Utente Attivo
2 Giu 2008
68
0
6
si la vedo esattamente come dovrebbe essere, ora vado a paragonare il tuo codice con il mio.
grazie mille.
andia
 

andia

Utente Attivo
2 Giu 2008
68
0
6
ti allego l'htm fatto con dream, si chiami la pagina vedrai un rettagolo rosso centrato su una pagina grigia

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>

<style type="text/css">
<!--
html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;

}

#contenitore{
	width: 700px;
	height:550px;
	background-color: #CC0000;
	text-align: Center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -275px/*era 300*/

}
-->
</style>

</head>

<body>
<div id="contenitore">all'intero di questo metti quello che vuoi</div>
</body>
</html>


attenzione: è il rettangolo che è centrato non quello che c'è dentro
:hammer:


qualche domanda da fare:
tu per margin hai messo "-" io invece mettevo senza, perche valore negativo? che differenza fa?

poi qui scrivi:
top: 50%;
left: 50%;
margin-left: -350px;
margin-top: -275px/*era 300*/
50% per left e top vuol dire " centralizzare"?
 

andia

Utente Attivo
2 Giu 2008
68
0
6
ma...una cosa,
è possibile che il Bachground color va ricinisciuto da internet explorer ma non da opera e mozilla? perchè in queste due ultime il colore di sfondo anzichè nero e bianco!!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
A [Javascript] Impostare immagine sfondo da checkbox, sito web Javascript 1
giancadeejay Impostare tempo per vedere un immagine nell'array. Javascript 2
B Impostare cartella temporaea immagine Javascript 1
M Come impostare dimensioni percentuali corrette? HTML e CSS 3
S impostare un testo e una img nella stessa riga con jsPDF Javascript 0
K Impostare scala di proporzione (Indesign) Webdesign e Grafica 0
S Impostare attributo "onclick" Javascript 5
G Impostare suggerimenti campo text di un form Javascript 2
K [MySQL] Impostare Database MySQL 2
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
Cosina [PHP] Impostare colore singolo elemento in fwrite PHP 2
P impostare due Vlan su router - dhcp su seconda sottorete e statico su prima Reti LAN e Wireless 0
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
D Consiglio su come impostare IP statico Reti LAN e Wireless 0
G [PHP] composer: impostare l'autoloading più facilmente PHP 0
Trapano [PHP] come impostare un if else PHP 10
M [Photoshop] impossibile impostare Profilo colori Photoshop 1
booklisa [PHP] Impostare constanti nelle url PHP 7
ANDREA20 [PHP] Non riesco ad impostare reset password invio via email PHP 6
S impostare colore sfondo di ogni cella di una datagridview Visual Basic 1
A impostare una query con operatori condizionali MySQL 1
LuigiDonato Come Impostare Tabelle MySQL 2
R Problema impostare valore textbox MS Access 0
D Select concatenate impostare di default dato memorizzato Javascript 4
M Consiglio su come impostare intervista conoscitiva con cliente per sito ad un gruppo musicale. Discussioni Varie 3
M Impostare sfondo Sviluppo app per Android 1
F [RISOLTO]js function per impostare minimo totale Javascript 8
Emix [RISOLTO]Impostare focus su textbox dopo foreach jQuery 16
A impostare la posizione iniziale di un blocco Javascript 0
A hover impostare bordo HTML e CSS 9
B Impostare permessi su XAMPP Apache 0
N Impostare il tempo jQuery 5
T Impostare un controllo da database, di dati immessi in un form asp Classic ASP 6
T impostare il controllo dei dati immessi dagli utenti su form asp Classic ASP 8
G Come impostare il formato data per mysql MySQL 11
nim Impostare gli area tag HTML e CSS 3
S Come posso impostare a grandi linee questa tabella? PHP 8
P impostare e salvare impaginazione sito PHP 0
A Impostare tabelle per forum e codice php PHP 6
S Come impostare campi non obbligatori php PHP 5
SolidSnake4 impostare htaccess su aruba Hosting 1
H Creare una pagina che si collega a keepvid. come impostare il form? HTML e CSS 3
B Impostare un DIV in primo piano e un'altro DIV in secondo piano HTML e CSS 2
B impostare media player 11 Windows e Software 3
B impostare una pagina coi css HTML e CSS 1
G chido aiuto per impostare rete wifi Reti LAN e Wireless 0
S [VB.NET 2005 Express] Impostare una variabile Programmazione 0
Y impostare excel PHP 0
S impostare la index page HTML e CSS 3
D Impostare Invio Email HTML e CSS 3

Discussioni simili