Help Risoluzione Fogli Di Stile

**evedder81** · 14-02-2011, 16:22

Salve a tutti!!!
Anticipo già le mie scuse perchè so che è un discorso fatto e strafatto..ma sto perdendo la pazienza non trovando la soluzione adatta!!

Allora, ho questa homepage in cui lo scheletro del template (800x600) è fatto col vecchio metodo delle table,e poi ho il logo e la scritta principale del sito sulla parte alta, che ho posizionato in modo che le due immagini vadano sopra i bordi del template, tramite i fogli di stile!!!
Ora il mio pc ha la risoluzione di 1440X900 pixel...quindi il sito l'ho costruito in base a questo!!

Chiaramente andando alla risoluzione 800x600 mi ha dato problemi!!!
Ora, la parte della table lho risolta metteno anzicchè i valori in pixel, le percentuali, e non ho più problemi!!!la tabella si adatta tranquillamente alle diversi soluzioni!!!

Rimane l'enorme problema dei due oggetti:

#logo {
position: absolute;
top:0px;
left: 350px;
z-index: 1;
}

#header {
position:absolute;
top:63px;
left:350px;

}

se stanno bene sulla mia risoluzione sfasano alla grande su quella 800x600..se stanno bene su quest'ultima sfasano invece sulla mia risoluzione!!! COME POSSO ADATTARLI IN AUTOMATICO?!?!

AIUTO VI PREGOOOOO :

**evedder81** · 14-02-2011, 16:59

:-(

vi pregoooooo sono disperatooooo

**evedder81** · 14-02-2011, 17:19

a sto punto vi posto tutto il codice...magari è nella table che sbaglio

!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>==> Right Across Your Head <===</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<style type="text/css">

</style>
<body >
<table width:" 50%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>[img]Templates/ang_sx_sup.gif[/img]</td>
<td width="740" background="Templates/marg_sup.gif">
<div id="logo">[img]Immagini/logo.gif[/img]</div>
<div id="header">[img]Immagini/font.gif[/img]</div>
</td>
<td>[img]Templates/ang_dx_sup.gif[/img]</td>
</tr>
<tr>
<td width="30" background="Templates/marg_sx.gif"></td>
<td align="center" valign="top">
<table width="30%" height="400px" align="center">

<tr>
<td align="center">
<script type="text/javascript">// <![CDATA[
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','400','heigh t','300','src','Flash/vinileplayer','quality','high','pluginspage','http ://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','Flash/vinileplayer' ); //end AC code
// ]]></script>
<noscript><span class="mceItemObject" classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="400" height="300"> <span name="movie" value="Flash/vinileplayer.swf" class="mceItemParam"></span> <span name="quality" value="high" class="mceItemParam"></span> <span class="mceItemEmbed" src="Flash/vinileplayer.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="300"></span> </span></noscript></td>
</tr>

</table>

</p>
</td>
<td width="30" background="Templates/marg_dx.gif"></td>
</tr>
<tr>
<td>[img]Templates/ang_sx_inf.gif[/img]</td>
<td background="Templates/marg_inf.gif"></td>
<td>[img]Templates/ang_dx_inf.gif[/img]</td>
</tr>

</table>
</body>
</html>

**Mich_** · 15-02-2011, 09:32

In linea di massima, usare oggetti HTML in modo contrario al loro uso semantico porta a problemi.
E i posizionamenti assoluti sono da evitare quando ci sono soluzioni alternative (come nel tuo caso): i posizionamenti assoluti portano spesso a sovrapposizioni di oggetti.

L'unico consiglio che ti posso dare e` eliminare le tabelle, abbandonare i posizinamenti e rivedere il layout, magari con l'aiuto degli strumenti che trovi in rete (alcuni riferimenti tra i "link utili").

**evedder81** · 15-02-2011, 10:26

non c'ho capito nulla!!!
cmq..ho riprovato a fare tutto coi fogli di stile..ma niente da fare!!proprio non li riesco ad usare!!!mi hanno insegnato il metodo delle table..e con quello FORSE ho risolto!!però vorrei trovare una soluzione con i css!!non si possono combinare le tabelle con le css!?!?!

**Mich_** · 15-02-2011, 13:35

Originariamente inviato da evedder81
non c'ho capito nulla!!!
cmq..ho riprovato a fare tutto coi fogli di stile..ma niente da fare!!proprio non li riesco ad usare!!!mi hanno insegnato il metodo delle table..e con quello FORSE ho risolto!!

Evidentementre ti hanno insegnato un metodo che era accettabile fino al 1999, ma poi e` stato superato. Nel frattempo i brwoser si sono aggiornati alle nuove tecniche e fanno fatica ad accomodare cose vecchio stile.

però vorrei trovare una soluzione con i css!!non si possono combinare le tabelle con le css!?!?!

Tutto si puo`, resta da vedere se ne vale la pena.

Comunque le tabelle esistono, ma servono per inserire dati tabellari (cioe` con relazione di riga e di colonna).
Forzare le tabelle a fare altre cose porta a difficolta` nel sistemare la formattazione.

I passi per fare un layout sono:
1. definire la struttura semantica della pagina
2. scrivere il codice seguendo tale struttura (marcatura == codice HTML)
3. fare gli aggiustamenti nello stile mediante i CSS

Discussione: Help Risoluzione Fogli Di Stile

Strumenti discussione

Ricerca discussione

Visualizza

Help Risoluzione Fogli Di Stile

Permessi di invio