pagina scalabile

Area dedicata al linguaggio HTML. Nozioni di base,esempi,script,programmazione
Rispondi
Avatar utente
eniac
PhpBB Expert
PhpBB Expert
Messaggi: 712
Iscritto il: 18/07/2013, 19:14
Link del Forum: Http://www.cesimmunizioni.eu/forum
Località: Abruzzo
Contatta:

pagina scalabile

Messaggio da eniac »

Sto usando un programmino wysivig per costruirmi delle semplici pagine web, ho creato una pagina di prova con un menu ed una immagine per vedere come reagisce e studiarmi la struttura html, solo che non capisco come far si che la pagina si ridimensioni quando porto il browser da tutto schermo a finestra, in pratica vorrei che tutta la pagina scalasse alla nuova dimensione ma ciò non avviene, che cosa devo inserire/modificare per renderla dinamica ? il codice della pagina è questo...

Codice: Seleziona tutto

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Prova wwb</title>
<link href="font-awesome.min.css" rel="stylesheet">
<link href="Senza.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
</head>
<body>

<div id="wb_Breadcrumb1" style="position:absolute;left:376px;top:68px;width:497px;height:39px;text-align:center;z-index:1;vertical-align:top;">
<ul id="Breadcrumb1">
<li><a href=""><i class="fa fa-home">&nbsp;</i>Home</a></li>
<li><a href=""><i class="fa fa-address-card">&nbsp;</i>Chi siamo</a></li>
<li><a href=""><i class="fa fa-at">&nbsp;</i>Contattaci</a></li>
<li><a href=""><i class="fa fa-link">&nbsp;</i>Link esterni</a></li>
</ul>
</div>
<div id="wb_Image1" style="position:absolute;left:468px;top:209px;width:315px;height:187px;z-index:2;">
<img src="images/under.png" id="Image1" alt=""></div>
</body>
</html>
Ultima modifica di Dr.House il 06/03/2018, 19:27, modificato 1 volta in totale.
Motivazione: Utilizza l'opzione code non textarea.Quinto pulsante in alto da sinistra verso destra.Grazie


phpBB version : 3.3.3
php version : 7.4.28
Avatar utente
Micogian
Globalmod
Globalmod
Messaggi: 551
Iscritto il: 17/03/2016, 17:53
Link del Forum: https://www.actaplantarum.org

Re: pagina scalabile

Messaggio da Micogian »

Io penso che prima dovresti leggere qualche Guida sulle pagine "responsive", questa è una buona Guida: http://www.html.it/guide/responsive-web ... -la-guida/
Avatar utente
eniac
PhpBB Expert
PhpBB Expert
Messaggi: 712
Iscritto il: 18/07/2013, 19:14
Link del Forum: Http://www.cesimmunizioni.eu/forum
Località: Abruzzo
Contatta:

Re: pagina scalabile

Messaggio da eniac »

Grazie mille Micogian... conosco quel sito, ci sto studiando l'HTML , poi passerò ai CSS , e intanto che mi riposo leggerò anche questa. :grazie:
phpBB version : 3.3.3
php version : 7.4.28
Rispondi