Testo sovrapposto all'immagine

05-12-2013, 18.49.10

salve a tutti, sono giorni che cerco leggo e mi ammattisco per cercare una soluzione, vorrei mettere un testo sopra a un'immagine, ma sembra che i miei codici siano errati, ve li posto sotto... spero mi possiate aiutare

Codice:

<body bgcolor="black">
<div>
<img src="IMMAGINE">
<font color="#ff6600"> Ciao </font>
</div>
</body>

provato anche quest'altro codice, ma non mi concede di visualizzare l'immagine e non capisco lerrore, forse sarà anche la stanchezza ma ho provato di tutto:

Codice:

<body bgcolor="black">
<div>
<img background="IMMAGINE">
<font color="#ff6600"> Ciao </font>
</div>
</body>

una cosa mi sembra strano, non è che mi accade perchè tolgo il "src"? che è obbligatorio? se è cosi mi sistemate il codice? o ancora meglio, mi fate capire l'errore per cortesia?

**luca1962** · 05-12-2013, 19.48.49

Eccoti la risposta:

05-12-2013, 19.58.36

Direi che il codice è molto obsoleto, dovresti usare i fogli di stile per impostare font, colori ecc.

05-12-2013, 21.23.18

Originalmente inviato da luca1962

Eccoti la risposta:

perfetto provo subito :) ti rngrazio

Originalmente inviato da australiafever

Direi che il codice è molto obsoleto, dovresti usare i fogli di stile per impostare font, colori ecc.

cosa intendi? io ho sempre fatto tramite blocco note la scrittore dei codici per poi salvarli in .html e caricarli nel database del sito(in questo caso, altervista) tramite filezilla

05-12-2013, 21.28.23

I fogli di stile sono i CSS

Il tag "font" oppure gli attributi "color", "bgcolor" che hai usato

Codice HTML:

<font color="#ff6600"> Ciao </font>
<body bgcolor="black">

Sono ormai deprecati, per questo che ti dicevo di usare i CSS.

05-12-2013, 21.35.47

Originalmente inviato da australiafever

I fogli di stile sono i CSS

Il tag "font" oppure gli attributi "color", "bgcolor" che hai usato

Codice HTML:

<font color="#ff6600"> Ciao </font>
<body bgcolor="black">

Sono ormai deprecati, per questo che ti dicevo di usare i CSS.

interessante, mi darò una letta ai css :) sperando di capirci qualcosa :D

comunque il codice di prima non funziona, mi da lo sfondo tutto nero e il testo, ma della mia immagine nulla da fare... come mai?

non mi sembra di aver sbagliato qualcosa

05-12-2013, 21.42.12

Il problema è l'HTML troppo vecchio, si vede che ormai i browser moderni hanno abbandonato completamente quegli attributi e tag.

EDIT: comunque se è online non potrà mai funzionare se come indirizzo per l'immagine gli metti un indirizzo appartenente al tuo pc.

**acsocmel** · 05-12-2013, 21.43.29

mostra un link alla pagina che stai facendo
comunque hai intitolato "testo sovrapposto all'immagine" che presuppone l'uso di position/relative/absolute/z.index
ma alla fine stai cercando di definire un background
dovresti spiegarti meglio

05-12-2013, 22.20.15

Originalmente inviato da australiafever

Il problema è l'HTML troppo vecchio, si vede che ormai i browser moderni hanno abbandonato completamente quegli attributi e tag.

EDIT: comunque se è online non potrà mai funzionare se come indirizzo per l'immagine gli metti un indirizzo appartenente al tuo pc.

e cosa dovrei fare? comunque le prove le faccio da pc, come detto prima, creo con blocconote, quindi l'indirizzo immagine la legge se scritto così

Originalmente inviato da acsocmel

mostra un link alla pagina che stai facendo
comunque hai intitolato "testo sovrapposto all'immagine" che presuppone l'uso di position/relative/absolute/z.index
ma alla fine stai cercando di definire un background
dovresti spiegarti meglio

l'uso di che?! scusa mai sentito, comunque non mi serve un'immagine di sfondo, per quello so come fare, però mi servirebbe inserire un'immagine, e poi scrivere un testo sopra questa per non stare a creare ogni singola cosa con Photoshop, tipo io inserisco un'immagine come questa (IMMAGINE) e sopra scriverci home, non so se sono stato chiaro :)

05-12-2013, 22.23.17

Per fare quello che dici ti serve CSS esattamente le proprietà citate da acsocmel

Leggi Qua

05-12-2013, 23.17.38

Originalmente inviato da australiafever

Per fare quello che dici ti serve CSS esattamente le proprietà citate da acsocmel

Leggi Qua

odio l'inglese D: hahahaha leggo e vi faccio sapere, vi ringrazio ragazzi, siete dei grandi :D

05-12-2013, 23.26.11

Non è un saggio in inglese, sono 2 righe...

05-12-2013, 23.51.03

Originalmente inviato da australiafever

Non è un saggio in inglese, sono 2 righe...

hahahah l'età però fa brutti scherzi u.u ho la testa in fumo già t.t sembra complicato, ma se non erro, a parte le graffe, e il <h1> (ce già mi so scordato a cosa servisse) sembra abbastanza simile all'html o sbaglio?

05-12-2013, 23.53.29

Secondo me i CSS sono molto più semplici dell'HTML.

05-12-2013, 23.58.42

parla per te u.u ho imparato gli html a 12 anni, ora se riesco a imparare qualcosa fuori viene la grandine con chicci grandi quanto un pulmino del circolo anziani :(

EDIT:
Ma non mi vanno i css... che devo fare per farlo funzionare su altervista? o.O

06-12-2013, 00.11.12

Dipende come li integri, se con un foglio esterno oppure interno all'HTML.

06-12-2013, 00.23.50

ho capito, basta metterlo tra <style></style>
:D cosi posso usare sia html che css nella stella pagina :D
solo che ho problemi con altervista e crhome, provo da blocconote salvando .html e su altervista, modificando il file index ma non mi visualizza nessuna immagine... esce il quadratino di errore caricamento e non so perchè dato che internet mi va bene

06-12-2013, 08.10.41

Ma indipendentemente dal codice vecchio e così via (fino all'anno scorso un firefox aggiornato leggeva quel tipo di sintassi anche senza aver aperto e chiuso i tag HTML e BODY), se l'immagine non viene visualizzata sei sicuro che ci sia nel server? Sei sicuro di scrivere l'indirizzo dell'immagine in modo corretto nell'attributo SRC?

06-12-2013, 12.13.07

core buongiorno, comunque si l'immagine era caricata e la stesura della stringa era scritta correttamente, ma non appariva, ho aspettato mezz'ora (una partita di lol) e poi quando ho riaperto si rivedeva il tutto, in oltre, non chiedetemi perchè eccetera ma so come funziona il CSS e non l'ho studiato ne mai compilato prima d'ora, ora procedo con la stesura dei codici e appena pronto qualcosa vi mando il link o il codice per vedere se va bene :) ringrazio tutti per l'aiuto che mi state dando :)

EDIT:
non mi richiama il css come mai?
il codice css, che ho salvato come prova.css è questa:

<!DOCTYPE html>
<html>
<head>
<style>
div.ex
{
width:220px;
padding:10px;
border:5px solid gray;
margin:0px;
}
</style>
</head>

<body>
<img src="\Index\buttondx" width="250" height="250" />

<div class="ex">The picture above is 250px wide.
The total width of this element is also 250px.</div>

</body>
</html>

e nell'html ho inserito questa stringa:

cosa sbaglio? o.O

EDIT 2:
ho il cervello in pappa, la stringa in prova.css andava scritto nel file .html -.-'' scusate ragazzi errore mio

09-12-2013, 00.05.59

salve, è inutile 3 giorni che provo ma nulla, come faccio a mettere sta cavolo di immagine dietro al testo? cosa devo scrivere nel css e nel html? su google nessuno che spiega, parlano tutti come se già sapessero il linguaggio, e io sono un novizio del css e anche leggendo tutto, mi servono pur sempre esempi completi e non abbreviati :( uff sto diventato matto, manca poco che torno indietro di 10 anni, sicuro che apprendevo in fretta :'(

**acsocmel** · 09-12-2013, 00.26.20

Originalmente inviato da acsocmel

mostra un link alla pagina che stai facendo

e studia questa sezione e le successive 2
http://www.html.it/pag/14235/posizio...egli-elementi/

09-12-2013, 00.43.46

si scusa mi ero scordato, solo che lo stavo facendo da blocco note ^^'' questa è una bozza, nell'immagine quella sotto, tra le due righe bianche vorrei scriverci i rispettivi "home, video ecc... "cliccabili, senza stare a fare tutto con photoshop o paint...
ti ringrazio tantissimo!

09-12-2013, 01.34.17

scusa il doppio post, ma non mi fa fare l'edit.. mha o.O
ho risolto il tutto ho svelato l'arcano hahahahah ora ultima domanda, in cui ci sarà un monte premio in palio ( scherzo eh!)

nel css esterno, questo:

Codice:

html, body{
	background-color:#000000;
	margin-left: .5cm;
	margin-right: .5cm;
	color: #000099;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	}

a:link{
	text-decoration: none;
	color: #009900 ;
	}

a:visited{
	text-decoration: none;
	color: Gray;
	}

a:hover{
	color: #ff0000;
	text-decoration: none;
	}

td{
	font-family: "MS Sans Serif";
	font-size: 12pt;
        }	

p{
	text-align: justify;
	text-indent: 12px;
        }

inserisco questo per inserire l'immagine

Codice:

div#bord{
background-image: url(index/riga.png);
}

e in html, lo richiamo con

Codice:

<div id="bord">

</div>

ma non mi appare nulla! o.O secondo quello che ho letto, visto e provato... dovrebbe funzionare, perchè non va? è rimasto solo questo da capire, poi ho concluso tutto :'(

**alemoppo** · 09-12-2013, 01.52.34

Metti qualche carattere dentro il <div>.

Ciao!

**acsocmel** · 09-12-2013, 01.53.04

probabilmente perchè è un div vuoto
prova a dargli delle dimensioni

09-12-2013, 22.11.44

provato ma nulla provo con le dimensioni, ma il div standard non è messo predefinito il visibility?
comunque ora vedo con qualche dimensione, google a noi :3

EDIT:
un momento ma se io nell'html non ho nulla che conduca il file .html al .css come fa a funzionare?

Codice:

<html>
<head>
<meta NAME="GENERATOR" Content="AlterVista - Editor HTML">
<title>Edit Now</title>
</head>
<body>
<p><img src="http://im.altervista.org/site_index/altervista-logo.png" alt="" hspace="0" vspace="0" /> <img src="Index/EditLogo.png" alt="" align="right" hspace="0" vspace="0" /></p>
<div style="‘width: 200px;" id="logo">
Ciao popolo
</div>
</body>
</html>

mo che ci sto a pensa non manca la stringa che fa richiamare il css dall'html?
si, e allora ho provato con

Codice:

<link rel="stylesheet" href="Base.css" type="text/css">

ma cambia solo lo sfondo in nero e il colore della scritta!
ragà dove sbaglio? ho provato anche a dare le dimensioni ma nulla

**acsocmel** · 09-12-2013, 22.32.09

mostra un link
ultimo avviso

09-12-2013, 22.37.07

ma lo avevo messo ieri il link ....
http://editnow.altervista.org/Prova.html
eccolo lo avevo messo nel messaggio delle 23.43 strano che non ci sia più

**acsocmel** · 09-12-2013, 22.43.13

adesso vedo che l'immagine riga.png non esiste devi caricarla
poi le misure si fanno in pixel, em, percentuali
i cm si usano nel mondo reale

09-12-2013, 22.46.00

l'immagine è caricata nella cartella Index della gestione file, e... io ... uso i pixel, perchè dici che sto usando i cm?

Discussione: Testo sovrapposto all'immagine

LinkBack

Strumenti discussione

Display

Testo sovrapposto all'immagine

Regole di scrittura