problemi di posizionamento con .sidebar1 + .nav

**CelestiaDeximus** · 11-04-2013, 16:34

Ragazzi aiuto, sto letteralmente impazzendo!!!!

Sto realizzando un sito Dreamweaver cs6 ... una cosina molto semplice basata su una tabella di tre colonne e qualche riga e nulla di più (bordi invisibili e spazio a zero)
Il logo è su tre celle ed unisce insieme tre img differenti a formarne visivamente una sola (sulla parte sx ho un rowspan di 2 poi un td normale con l'img del nome del sito e sulla parte dx una foto dentro un rowspan di 3) ... solo che mi si presentano due problemi enormissimi:

1 guardando il sito in risoluzione 16:9 le tre celle sono separatissime tra loro (table width=100%) tanto che ho dovuto creare l'img centrale molto più grande e mettere la larghezza della table al 75% per vedere tutto unito e non capisco il perchè

2 nelle celle di sx ho creato una div ad url con un .nav specificato da una .sidebar1 solo che nella mia risoluzione video questa specie di menù la vedo bene e ben posizionata nel 16:9 invece è spostata sulla sx e va completamente fuori dalla riga della tabella

Mi dite, per favore, come posso fare????

Grazie di cuore
Cel

**Prill** · 12-04-2013, 09:08

Sarebbe meglio non usare le tabelle. Perché tre immagini differenti e non una sola?
Il comportamento che vedi è normale, le celle che contengono le immagini (almeno le prime due) dovrebbero avere dimensioni precise, se sono in percentuale si allargheranno e restringeranno.
Se ci mostri la tua pagina si potranno consigliarti soluzioni alternative

**CelestiaDeximus** · 12-04-2013, 11:19

Prill ti chiedo scusa ma per motivi di privacy (è un nuovo progetto) non posso mostrarti il link di appoggio del sito ma ti invio due schermate ...
Allora nella prima (img allegata a questa risposta) vedi graficamente come sarebbe dovuto venire ma con i menù sulla sx totalmente fuori posto ... nella seconda (img che allego tra due minuti) ho risolto il problema della .sidebar dando un margine di 60px sulla sx ed in effetti, come vedi i menù sono messi benissimo ... solo che adesso la parte grafica della scritta sotto la barra verde del titolo e del bordo della cella centrale sono totalmente fuori posto ... e come lo risolvo??

**CelestiaDeximus** · 12-04-2013, 11:19

Prill ti chiedo scusa ma per motivi di privacy (è un nuovo progetto) non posso mostrarti il link di appoggio del sito ma ti invio due schermate ...
Allora nella prima (img allegata a questa risposta) vedi graficamente come sarebbe dovuto venire ma con i menù sulla sx totalmente fuori posto ... nella seconda (img che allego tra due minuti) ho risolto il problema della .sidebar dando un margine di 60px sulla sx ed in effetti, come vedi i menù sono messi benissimo ... solo che adesso la parte grafica della scritta sotto la barra verde del titolo e del bordo della cella centrale sono totalmente fuori posto ... e come lo risolvo??

**CelestiaDeximus** · 12-04-2013, 11:33

ok ... non riesco a cancellare il secondo mess che è identico al primo e quindi lo riscrivo di nuovo dicendoti che quando ho visto che cambiava la grafica ho rimesso i menù senza correzione ma ormai, come puoi vedere, la grafica è totalmente compromessa ...

**Prill** · 12-04-2013, 12:32

una pagina html è fatta di codice, non estrapolabile dalle immagini

Non posso dirti di più di quanto scritto in precedenza:
1. le tabelle dovresti evitarle;
2. per il logo forse converrebbe un'unica immagine - se hai diversi link sulle immagini che lo compongono forse andrebbe bene un'immagine mappata;
3. se vuoi usare una tabella hai bisogno che le celle che contengono le immagini abbiano dimensioni fisse (se sei vincolato dalle righe e dalle celle successive, una tabella annidata ti eviterà problemi di colspan)

**CelestiaDeximus** · 12-04-2013, 12:43

ecco qui

<!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>Documento senza titolo</title>

<style type="text/css">

</style>

</head>

<body>

<center>
<table width="76%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td rowspan="2" valign="top" background="sxverdebg1.jpg">[img]img1.jpg[/img]</td>
<td valign="top">[img]logometa.jpg[/img]</td>
<td rowspan="3">[img]dxalto1.jpg[/img]</td>
</tr>
<tr>
<td><marquee align="middle" behavior="scroll" direction="right"scrolldelay="3">
"I follow him to serve my turn upon him" - Shakespeare, Othello (I, i, 42)
</marquee></td>
</tr>
<tr>
<td background="sxverdebg1.jpg"></td>
<td height="430" rowspan="5" valign="top" background="bgcentrale1.jpg" background-repeat:no-repeat>

</td>
</tr>
<tr>
<td background="sxverdebg1.jpg">
</td>

<td background="dxverdebg12.jpg"></td>
</tr>
<tr>
<td background="sxverdebg1.jpg">
<div class="sidebar1">

<ul class="nav">[*]Who we are
[*]Our Project
[*]Get Involved
[*]Contact Us[/list]</div>
</td>

<td background="dxverdebg12.jpg" valign="top">[img]biofoto.jpg[/img]</td>
</tr>
<tr>
<td background="sxverdebg1.jpg">
</td>

<td background="dxverdebg12.jpg"></td>
</tr>
<tr>
<td rowspan="2" background="sxverdebg1.jpg" valign="top" align="center">[img]moviesfotomirror.jpg[/img]
</td>

<td rowspan="2" background="dxverdebg12.jpg" valign="top">[img]newsfoto.jpg[/img]</td>
</tr>
<tr>
<td><marquee align="middle" behavior="scroll" direction="right"scrolldelay="3">
"I follow him to serve my turn upon him" - Shakespeare, Othello (I, i, 42)
</marquee></td>
</tr>
</table>
</center>

<SCRIPT LANGUAGE="Javascript">

</SCRIPT>

<SCRIPT LANGUAGE="Javascript" SRC="/redSheriff/multiframe.js">
</SCRIPT>

<script language="JavaScript">

</script>

<script language="JavaScript1.1">

</script>

<script language="JavaScript1.1">

</script>

<script language="JavaScript">

</script>

<noscript>

</noscript>
</COMMENT>

</body>
</html>

**CelestiaDeximus** · 12-04-2013, 12:44

il border=1 l'ho messo ora per vedere come mi prendeva le celle ... altrimenti, ovviamente, è a zero

**CelestiaDeximus** · 12-04-2013, 12:48

non posso mettere un'unica img come titolo perchè ho bisogno che si crei "uno scalino" per mettere il marquee e farlo restare "incorniciato" dalle img.

Inoltre ... ho bisogno che il riquadro verde del rowspan centrale (dove poi andranno scritti i contenuti) venga visualizzato non sotto l'img di dx ma "contemporaneo" come vedi dalla prima img dello schermo che ti ho mandato

La cosa bella è che sto lavorando alla cieca perchè visualizzandolo dal mio pc io lo vedo bene ma se passo ad un 16:9 ottengo quella sfasatura che vedi

Discussione: problemi di posizionamento con .sidebar1 + .nav

Strumenti discussione

Ricerca discussione

Visualizza

problemi di posizionamento con .sidebar1 + .nav

Permessi di invio