impostare un immagine con css

  • Creatore Discussione Creatore Discussione andia
  • Data di inizio Data di inizio
A

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;
}
 
scusa l'ignoranza.....come sarebbe il tag con div e collegamento dell'immagine? non ho trovato nulla sul sito!!
 
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;)
 
borgo italia ha scritto:
ancora me

ti consiglio di leggere questi due articoli

https://www.mrw.it/css/articoli/posizionare-elementi-sito-css_540.html

https://www.mrw.it/css/articoli/centrare-layer-rispetto-risoluzione_47.html
Clicca per allargare...

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:
 
ho letto l'articolo sulla risoluzione. non melo fa..........non so dove è il problema!!
 
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:
 
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:
 
si la vedo esattamente come dovrebbe essere, ora vado a paragonare il tuo codice con il mio.
grazie mille.
andia
 
borgo italia ha scritto:
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:
Clicca per allargare...


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"?
 
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!!!
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

A
[Javascript] Impostare immagine sfondo da checkbox, sito web
Risposte
1
Visite
2K
Javascript
Sevenjeak
Sevenjeak
giancadeejay
Impostare tempo per vedere un immagine nell'array.
Risposte
2
Visite
2K
Javascript
giancadeejay
giancadeejay
B
Impostare cartella temporaea immagine
Risposte
1
Visite
3K
Javascript
loreberti10
L
M
Come impostare dimensioni percentuali corrette?
Risposte
3
Visite
1K
HTML e CSS
bubino8
bubino8
S
impostare un testo e una img nella stessa riga con jsPDF
Risposte
0
Visite
977
Javascript
smartwork
S
K
Impostare scala di proporzione (Indesign)
Risposte
0
Visite
1K
Webdesign e Grafica
Ka.te
K
S
Impostare attributo "onclick"
Risposte
5
Visite
2K
Javascript
samurai.sette
S
G
Impostare suggerimenti campo text di un form
Risposte
2
Visite
3K
Javascript
Leonardo Scotti
L
K
[MySQL] Impostare Database
Risposte
2
Visite
2K
MySQL
marino51
marino51
Tommy03
Variabile PHP per impostare una proprietà CSS
Risposte
2
Visite
3K
PHP
Tommy03
Tommy03
Cosina
[PHP] Impostare colore singolo elemento in fwrite
Risposte
2
Visite
1K
PHP
Cosina
Cosina
P
impostare due Vlan su router - dhcp su seconda sottorete e statico su prima
Risposte
0
Visite
1K
Reti LAN e Wireless
prayer84
P
G
[HTML] Impostare dimensione immagini in un div
Risposte
2
Visite
2K
HTML e CSS
Max 1
Max 1
D
Consiglio su come impostare IP statico
Risposte
0
Visite
1K
Reti LAN e Wireless
DiegoMilito
D
G
[PHP] composer: impostare l'autoloading più facilmente
Risposte
0
Visite
1K
PHP
gio661
G
Trapano
[PHP] come impostare un if else
Risposte
10
Visite
2K
PHP
Trapano
Trapano
M
[Photoshop] impossibile impostare Profilo colori
Risposte
1
Visite
1K
Photoshop
mcfree
M
booklisa
[PHP] Impostare constanti nelle url
Risposte
7
Visite
3K
PHP
booklisa
booklisa
ANDREA20
[PHP] Non riesco ad impostare reset password invio via email
Risposte
6
Visite
4K
PHP
ANDREA20
ANDREA20
S
impostare colore sfondo di ogni cella di una datagridview
Risposte
1
Visite
3K
Visual Basic
lucap.13
L
Alto Basso