[HTML] Codice box testo con scrollbar sopra immagine

ivyen91

Nuovo Utente
8 Feb 2017
1
0
1
Buongiorno,
sto creando una semplice pagina Web con il software Kompozer e ho necessità di inserire sopra un'immagine un box di testo con barra scorrevole.
L'immagine è questa http://imgur.com/Jl15Wr9.jpg e vorrei che il box stesse sulla parte destra dell'immagine, ma non sono a conoscenza del codice giusto da usare.
Un esempio, per farvi capire cosa cerco, è su quest'altra pagina web http://imgur.com/O6k2es5.png, dove se notate sulla parte dx dell'immagine è stato creato un box senza sfondo con scroll bar che permette di avere un testo all'interno della pergamena.

Grazie in anticipo
smile.gif
smile.gif
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.406
339
83
Una cosa così?
Codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#box1 {
    background-image: url(Jl15Wr9.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px;
    padding: 0px;
    height: 370px;
    width: 600px;
}
#box2 {
    padding: 10px;
    height: 344px;
    width: 274px;
    margin-left: 300px;
    border: 3px solid #0005FF;
    overflow-y: scroll;
}
</style>
</head>

<body>
<div id="box1">
  <div id="box2">
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
  </div>   
</div>
</body>

</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
M codice JAVASCRIPT per avere box HTML con data-ora Ajax 0
G Codice html Javascript 1
L salvare codice html in mysql PHP 3
M [PHP] Istruzione "echo" all'interno di codice html PHP 2
M [PHP] Come inserire codice html in un ciclo while PHP 2
elpirata Implementare Copy to clipboard in codice html HTML e CSS 1
P [HTML] Codice non funzionante su ZP HTML e CSS 1
C [Joomla] [HTML] Modifica codice per adattamento app Joomla 18
D [PHP] [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe PHP 0
D [RETRIBUITO] cercasi esperto programmatore per realizzare applicazione in html e codice iframe Offerte e Richieste di Lavoro e/o Collaborazione 2
V Passaggio codice html a javascript Javascript 8
Shyson [HTML] Spostare a sinistra codice php PHP 6
A [WordPress] Eliminare riga codice HTML WordPress 6
B PHP e JQUERY per scrivere codice html dinamicamente PHP 2
F [HTML] Navbar interferisce con codice per effetto parallax HTML e CSS 2
trattorino [PHP] aggiungere html in un codice PHP 0
R Codice html per zoomare all' interno di un' immagine HTML e CSS 1
E [PHP] [HTML] Codice che gestisce l'input e la trasmissione dei dati alla mia email PHP 1
atipika creare codice html da immagine HTML e CSS 1
M [Magento] [HTML] Codice per articoli in vetrina Magento 1
E Importare codice html da una pagina tramite php PHP 9
CssNewbie [HTML] Individuazione parti nel codice HTML e CSS 1
Joker37 Generare file txt con php estraendo codice html. PHP 4
romeocharly errore del codice html con javascript durante ottimizzazione websitex5 Javascript 7
M Creazione codice html per far prelevare un banner HTML e CSS 3
Z richiamare codice html in file php PHP 2
A problema : codice html HTML e CSS 1
L echo - andar a capo nel codice html generato dal server PHP 3
JackIlPazzo Come estrarre codice da tabella html? PHP 4
B Inserire codice html per visualizzazione in altro sito web HTML e CSS 3
K inserimento form nel codice html HTML e CSS 1
A aggiungere codice html Javascript 1
S foglio di stile e codice HTML HTML e CSS 3
E come inserire un codice html su facebook HTML e CSS 4
T [risolto]Inserire in una variabile del codice HTML e poi cercare in quella variabile con getelements Javascript 8
S sostituire codice html in molti file HTML e CSS 1
A eseguire codice html da funzione javascript Javascript 2
Y anteprima codice HTML in windows 7 Windows e Software 0
K Come ottenere codice sorgente HTML di una pagina PHP ? PHP 15
Mauro Guardiani codice html da modificare PHP 2
Mauro Guardiani codice html da modificare HTML e CSS 1
A Codice html per finestra pop up per blogger WordPress 1
A [html] trasformare codice in html PHP 0
J Inserire codice javascript in html Javascript 3
C Codice html per ottenere finestre in primo piano fisse e a scatta sovrapposte HTML e CSS 35
S codice html per immagini visitate HTML e CSS 2
Z salvare codice html di pagina esterna Javascript 0
J A.A.A. Codice HTML Javascript 0
A Inserire codice html gooole maps in una variabile php PHP 1
A codice html al posto delle immagini in una finestra di scorrimento Javascript 0

Discussioni simili