pagina scalabile

eniac · Messaggio da **eniac** » 06/03/2018, 17:50

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>

Micogian · Messaggio da **Micogian** » 06/03/2018, 18:41

Io penso che prima dovresti leggere qualche Guida sulle pagine "responsive", questa è una buona Guida: http://www.html.it/guide/responsive-web ... -la-guida/

eniac · Messaggio da **eniac** » 06/03/2018, 19:38

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-Italia.it

pagina scalabile

pagina scalabile

Re: pagina scalabile

Re: pagina scalabile