Accedi per seguire   
Seguaci 0
zagormario

(html) Help Allineamento Testo E Jpg

5 messaggi in questa discussione

ciao a tutti, premettendo che sono un neofita alla prima realizzazione di un sito ,mi sono accorto che ridimensionando il browser(i.e.7) sia le immagini che il testo rimangono disallineate....non so dov'e l'errore ,chiedo a voi piu esperti dove sbaglio oppure se devo aggiungere un particolare comando,il software che uso e dreamweawer mx, di seguito il codice html,grazie fin da ora

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>liguriatraslochi/home</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

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

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

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

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

</head>

<body background="immagini/bg1.jpg">

<table width="60%" height="220" border="0" align="center">

<tr>

<td height="32" colspan="4" class="sfondoc"> </td>

</tr>

<tr>

<td height="146" colspan="4" class="sfondob">

<div id="Layer4" style="position:absolute; width:405px; height:115px; z-index:4; left: 474px; top: 87px;">

<h2><em><font color="#333333"><strong><font size="+1">da oltre 20 anni

a Genova traslochiamo le vostre abitazioni e uffici</font></strong></font></em></h2>

<h2><font size="+1"><strong><font color="#333333"><em>con la massima cura

serietà e convenienza.....</em></font></strong></font></h2>

</div>

<h1><font color="#0000FF" face="Courier New, Courier, mono"><font size="+6" face="Verdana, Arial, Helvetica, sans-serif"><strong>Liguria

</strong></font></font></h1>

<h1><font face="Verdana, Arial, Helvetica, sans-serif"><strong><font color="#0000FF" size="+6">Traslochi</font></strong></font></h1>

</td>

</tr>

<tr>

<td width="181" height="32" class="sfondoc"> <div align="center"><font color="#0066FF" face="Geneva, Arial, Helvetica, sans-serif"><strong>

<a href="chisiamo.htm">chi siamo</a></strong></font></div></td>

<td width="134" class="sfondoc"> <div align="center"><font color="#0066FF" face="Geneva, Arial, Helvetica, sans-serif"><strong>servizi</strong></font></div></td>

<td width="161" class="sfondoc"><div align="center"><font color="#0066FF" face="Geneva, Arial, Helvetica, sans-serif"><strong>mezzi</strong></font></div></td>

<td width="169" class="sfondoc"> <div align="center"><font color="#0066FF" face="Geneva, Arial, Helvetica, sans-serif"><strong>contatti</strong></font></div></td>

</tr>

</table>

<table width="60%" bgcolor="#FFFFFF" height="580" border="0" align="center">

<tr>

<td width="49%" height="292">

<div align="center">

<div id="Layer1" style="position:absolute; width:288px; height:249px; z-index:5; left: 287px; top: 299px;"><font color="#0000FF" size="+1" face="Geneva, Arial, Helvetica, sans-serif">Liguria

Traslochi nasce a Genova nel 1983 con la volontà passione e determinazione

e cresciuta fino a essere oggi una delle aziende leader nel settore...Grazie

al nostro personale altamente qualificato siamo in grado di eseguire

ogni tipo di servizio riguardanti il trasloco e trasporto uniti alla

massima convenienza e professionalità.</font></div>

</div></td>

<td width="51%"><div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:6; left: 639px; top: 296px;"><img src="images/uomo4.jpg" width="302" height="217" /></div></td>

</tr>

<tr>

<td height="282">

<div id="Layer5" style="position:absolute; width:200px; height:115px; z-index:7; left: 303px; top: 588px;"><img src="immagini/uomo3.jpg" width="270" height="214" /></div></td>

<td><div id="Layer6" style="position:absolute; width:302px; height:209px; z-index:8; left: 647px; top: 590px;"><font color="#0000FF" size="+1" face="Geneva, Arial, Helvetica, sans-serif">Richiedi

oggi stesso una visita a domicilio per un nostro preventico, a voi non

costerà nulla e avrete modo di comparare la nostra qualità

del servizio offerto, unito alla convenienza </font></div></td>

</tr>

</table>

</body>

</html>

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Per non avere problemi di allineamento, con la struttura attuale devi rimuovere i valori espressi in percentuale usati per definire la larghezza (width) delle tabelle, rimpiazzandoli con valori espressi in pixel (ad esempio 800px).

Dopo devi modificare i css inline dove hai specificato l'attributo position con valore absolute, puoi rimpiazzarlo con l'attributo relative e infine devi rimuovere gli attributi top e left che servono a definire la posizione di quei div all'interno dell'elemento block che contiene quei div.

Se usi il valore absolute quei div si posizionano rispetto alla pagina creando problemi con il resto del layout quando cambi la dimensione della finestra.

Ti consiglierei di modificare la struttura che hai realizzato, dato che adesso è un po' un ibrido tra un layout tabellare e uno tabless (cioè senza tabelle). Scegli la tecnica che sai usare meglio fra le due e usa quella per posizionare gli elementi.

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

grazie infinite del consiglio.....in verita non ci capisco molto n di tabelle e tabless....diciamo che ho lo stesso grado di ignoranza....cosa e piu semplice?conosci un buon tutorial per imparare tabelle o tabless? grazie ancora

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Io ti consiglierei di imparare a realizzare pagine tabless. Ma l'apprendimento non è immediato perché devi abbandonare l'uso delle tabelle per costruire i layout soltanto tramite i CSS. Per le gui leggi qui di seguito, ho consigliato un paio di link che ti aprono un po' la strada a questo ambiente:

- http://www.wininizio.it/forum/index.php?s=...st&p=400989

Ciao :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

grazie, nel frattempo ho rifatto tutto usando solo le tabelle....non era cosi difficile poi sperando di ottenere un codice piu pulito :up1:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0