Riempire gli spazi bianchi nella pagina

01-02-2009, 20.09.22

Ho creato una pagina per il mio sito

Codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<body bgcolor="white">
<hr>

<H1 ALIGN=CENTER> <center>
<a href="http://www.mybannermaker.com" target="_blank"><img src="http://mbmfiles.com/Jan2009/090113-cK5afKl5HMqh.gif" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>
</H1>
 

<hr>
<br>

<table width="400" border="3" cellpadding="3" cellspacing="3">
 

<tr>


<td>
<a href="http://diagnosiinferm.altervista.org/teoriche.html"><img src="http://images.cooltext.com/399718.png" width="352" height="76" alt="Teoriche del Nursing" /></a><br/>
</td>

<td>
<a href="http://areacritica.forumup.it/index.php?mforum=areacritica"><img src="http://images.cooltext.com/399713.png" width="149" height="68" alt="Forum" /></a></td>


<td>
<a href="http://diagnosiinferm.altervista.org/NORMA.HTML"> <img src="http://images.cooltext.com/399710.png" width="201" height="69" alt="Normativa" /></a>
</td>
 
</table>

<br>
<hr>
<br>



<table width="400" border="3" cellpadding="3" cellspacing="3">

<br>
<hr>
<br>

 
Tramite la video chiamata è possibile consultarsi con il Dottore in Infermieristica Simone Gussoni in modo 
totalmente gratuito, per consigli molto personalizzati, riguardanti le diagnosi infermieristiche, la preparazione
agli esami universitari e molto altro ancora. 
<br>
<br>
 <center><a href="http://skype.com/intl/it/download/skype/windows/"> Scarica il programma Skype </a></center>
<br>
<br>
<hr>
<br>
 
<TD bgcolor=red> 




 <tr>
    <td><script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=125X125/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>



</td>

</td>



    <td><a href="cosasonoDI.html">La Pianificazione Assistenziale</a>


  </tr>
  <tr>
    <td><td><a href="applicazione.html">Applicazione</a>

<tr>
 <td><td><a href="formulazione.html">Formulazione</a></td></tr>
<tr>
<td><td><a href="metodo.html">Metodi di formulazione</a></td></tr>
<tr><td><td><a href="regolereda.html">Regole di redazione</td>
<tr><td><td><a href="comescr.html">Come scrivere una diagnosi infermieristica</td>
<tr><td><td><a href="http://diagnosiinferm.altervista.org/linguaggio.html">Il linguaggio comune delle diagnosi</td>
 


    <td><script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=125X125/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script></td>

</table>
<br>
<hr>
<br>
<a href="http://areacritica.forumup.it/profile.php?mode=register&mforum=areacritica">REGISTRATI</a>.
<br>
<br>
<hr>
<br>
<a href="http://areacritica.forumup.it/login.php?mforum=areacritica">LOG IN</a>.
<br>
<br>
<hr>
<br>
<br>
<a href="http://diagnosiinferm.altervista.org/contact.php" target="_blank"><img src="http://img213.imageshack.us/img213/8261/mybannerblinkyae4d5f878yw9.gif" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>
<br>
<Br>
<tr>

Image by <a href="http://cooltext.com">Cool Text: Logo and Button Generator</a> - <a href="http://cooltext.com/Logo-Design?LogoID=457865583">Create Your Own</a>"/></a><br/>

Vorrei usare gli spazi bianchi presenti ai lati inserendo immagini, bottoni etc...

Come devo impostare i codici per fare cio'?

**luca1962** · 01-02-2009, 21.31.16

Dove vuoi inserire i bottoni?
Mi sembra che hai creato la pagina utilizzando le celle. Crea altre celle oltre quelle che ci sono per inserire i bottoni o quello che vuoi.

02-02-2009, 11.26.41

La domanda era come si creano i pulsanti, o come posizionarli ?

Come ha detto Luca, occorre aggiungere altre tabelle a sinistra e a destra, ma per fare ciò bisogna riscrivere la pagina quasi da zero anche perché contiene diversi errori html... Potresti cercare di imparare l'uso corretto di css con le tabelle, partendo da questo esempio che ho creato: http://dialogocosmico.altervista.org/tab.html . Se riesci a comprendere questo codice (che dovrebbe essere visualizzato identico su tutti i browser) ti sarà facile adattarlo alle tue esigenze cambiando colori e dimensioni (lo sfondo, i bordi) delle singole celle; i contenuti vanno inseriti nelle tabelle al posto delle scritte "box left", "box center" e "box right". Ovviamente si può fare la stessa cosa con css + div ma tu hai già iniziato con le tabelle.

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html><head><title>LAYOUT 3 COLONNE CON CSS + 

TABELLE</title>

<meta http-equiv="content-type" content="text/html; 

charset=iso-8859-1">

<style type="text/css"> html { margin:0; padding:0; 

background:#aaa; }

body { margin:5px; padding:10px; background:#07d; 

width:980px; height:500px; 

font-size:16px; font-family:verdana; color:#000; }

table.table { background:#fff; margin:0; padding:0; 

width:980px; } 

td.x_table { height:470px; vertical-align:top; 

background:#000; padding:0; }

table.left_right, table.center { margin:20px; padding:0; } 

td.box_left_right { background:#00d; width:200px; 

padding:14px 0 37px 12px; border:2px solid #fff; }

td.box_center { background:#07d; width:500px; padding:14px 0 

37px 12px; border:2px solid #fff; }

td.x_spacer { width:1px; padding:5px 0; font-size:1px; font

-family:'times new roman'; }

td.x_wide { width:1px; padding:10px 0; font-size:16px; font

-family:'times new roman'; }

</style></head><body scroll="auto">


<table class="table"><tr><td class="x_table">


<table class="left_right">

<tr><td class="box_left_right">box left 01</td></tr>

<tr><td class="x_spacer">&nbsp;</td></tr>

<tr><td class="box_left_right">box left 02</td></tr>

<tr><td class="x_wide">&nbsp;</td></tr>

<tr><td class="box_left_right">box left 03</td></tr>

<tr><td class="x_spacer">&nbsp;</td></tr>

<tr><td class="box_left_right">box left 04</td></tr>

</table>


</td><td class="x_table">


<table class="center">

<tr><td class="x_wide">&nbsp;</td></tr>

<tr><td class="box_center">box center 01</td></tr>

<tr><td class="x_wide">&nbsp;</td></tr>

<tr><td class="box_center">box center 02</td></tr>

</table>


</td><td class="x_table">


<table class="left_right">

<tr><td class="box_left_right">box right 01</td></tr>

<tr><td class="x_spacer">&nbsp;</td></tr>

<tr><td class="box_left_right">box right 02</td></tr>

<tr><td class="x_wide">&nbsp;</td></tr>

<tr><td class="box_left_right">box right 03</td></tr>

<tr><td class="x_spacer">&nbsp;</td></tr>

<tr><td class="box_left_right">box right 04</td></tr>

</table>


</td></tr></table></body></html>

Discussione: Riempire gli spazi bianchi nella pagina

LinkBack

Strumenti discussione

Display

Riempire gli spazi bianchi nella pagina

Regole di scrittura