Immagini consecutive, una va a capo... ?!

28-09-2005, 12.48.24

Ciao a tutti
premetto che mi sono un po' arrugginito con l'HTML, visto che non lo mastico da un po' di tempo. Io avevo intenzione di fare l'header al mio portale, mettendo uan immagine a sinistra, una al centro e una a destra (con una immagine di sfondo).

La prima a sinistra si allinea bene, come la centrale. La destra invece va a capo autonomamente, non capisco però perchè visto che non ho usato tag come br o simili.

Sapreste darmi una delucidazione in merito perfavore? grazie

**radioradianti** · 28-09-2005, 12.57.49

La butto li:
se utilizzi le tabelle, potrebbe dipendere dalla dimensione delle celle, magari la cella di destra è troppo piccola per contenere l'immagine.

Ora non fucilatemi per quello che ho scritto

Ciao

Leandro

Happy Slack!

**dementialsite** · 28-09-2005, 13.26.15

Originalmente inviato da radioradianti

se utilizzi le tabelle, potrebbe dipendere dalla dimensione delle celle, magari la cella di destra è troppo piccola per contenere l'immagine.

Niente fucilate, ma mi spieghi come cavolo farebbero le immagini ad andare a capo se le tabelle sono (state) la struttura per eccellenza per allineare i vari elementi sulle pagine...?

Potresti provare ad usare il gioiellino <NOBR>...</NOBR>, che forza tutto quello che ci sta dentro a stare sulla stessa riga. Certo, forse dovrai spostare la pagina per riuscire a leggerla, ma almeno basta cacciarci dentro le immagini perché restino sulla stessa riga...

Statemi bene...

28-09-2005, 14.18.25

Grazie radioradianti, una occhiatina alle dimensioni è meglio che la dò. Grazie anche a te dementialsite, adesso proverò con quel tag, speriamo bene

EDIT: mi viene in mente adesso, ma c'è una alternativa equivalentemente valida al NOBR ma da usare con i css?
EDIT2: Perlomeno con Firefox il problema non sembra risolversi

**funcool** · 28-09-2005, 15.06.03

Con i css puoi usare i div con le posizioni assolute.

28-09-2005, 20.48.37

Niente, il problema persiste e addirittura la parte che segue l'header va sotto alla testata... se volete vedere il problema andate qui http://mksoftware.altervista.org/xoops/index.php

**poske** · 28-09-2005, 21.38.59

Codice HTML:

<body>
  <table cellspacing="0" cellpadding="0">
	<tbody><tr id="header">
	  <td width="35"  id="headerlogo" >
		<img src=" [url]http://mksoftware.altervista.org/xoops/themes/default/logoleft.jpg[/url] "></td>
	  <td align="center">
		<a href="http://mksoftware.altervista.org/xoops/"><img src=" [url]http://mksoftware.altervista.org/xoops/themes/default/logo.jpg[/url] "></a></td>
	  <td width="35"><img src=" [url]http://mksoftware.altervista.org/xoops/themes/default/logoright.jpg[/url] "></td>
	</tr>
	<tr>
	  <td id="headerbar" colspan="2"></td>
	</tr>
  </tbody></table>

Sostituisci questo codice alla tabella dell'header... dovrebbe funzionare (al 99,9%).

Ciao! :D

EDIT:
Non capisco perché non mi toglie i tag [url] dai percorsi delle immagini... comunque toglili...

Ciao! :D

28-09-2005, 23.01.04

Allora, ho provato il tuo codice (grazie) e a capo non ci va più. il problema adeso è che il logo non si allinea al centro malgrado abbia inserito gli appositi attributi e anche "forzato" il tutto con il tag <center>
Suggerimenti in merito?

**poske** · 28-09-2005, 23.15.21

Guardando il codice non riesco a capire il motivo... l'unica cosa che mi viene da pensare è che c'è qualche cosa nei css che fa contrasto... ma non sono pienamente convinto di questo...

**dementialsite** · 29-09-2005, 10.36.06

Originalmente inviato da poske

Codice HTML:

<tr>
	  <td id="headerbar" colspan="2"></td>
	</tr>
  </tbody></table>

Non vorrei sparare una cavolata ma potresti provare a scrivere un 3 al posto del 2 (almeno, così la cella tutta verde prenderà tutta la riga, riempiendo il buco visto a destra)

Altra cosa:

Codice HTML:

<td align="center">
		<a href="http://mksoftware.altervista.org/xoops/"><center><img src="http://mksoftware.altervista.org/xoops/themes/default/logo.jpg"></center></a></td>

<CENTER> (oltre che deprecato) mi risulta essere un tag di paragrafo, mentre <A> invece è di tipo non paragrafo. Potrebbe essere anche per questo che il codice non funziona (dovresti invertire l'annidamento, se proprio vuoi usare <CENTER>).

[Off Topic]

Originalmente inviato da poske

EDIT:
Non capisco perché non mi toglie i tag [url] dai percorsi delle immagini... comunque toglili...

Prova quando scrivi il messaggio a disattivare l'opzione "Traduci automaticamente i links nel testo"...
[End of Off Topic]

EDIT: [Off Topic #2] se posso darti un giudizio estetico, però, forse il logo così asimmetrico sta meglio... :-D

Statemi bene...

29-09-2005, 12.11.48

Allora, il principale problema forse lo ho individuato: nel primo td viene indicata l'ID dei css mentre negli altri no. Probabilmente questo crea un po' di confusione. Ho comunque provato a cambiare l'annidamento dei tag ma non ho risolto nulla, sicuramente proprio per il problema ai CSS quindi Poske alla fine non aveva manco torto :P

Ho comunque corretto il colspan: adesso però mi tocca trovare un rimedio epr includere nell'ID tutte e tre le tabelle e al momento sono a corto di idee... se usassi un div e descrivessi tramite quello l'ID dei css e successivamente disegnassi le tabelle?

EDIT: Con il div non si risolve granchè, se non per il fatto che il logo ritorna allineato a sinistra, lo sfondo non c'è più....

EDIT2: Ho riscritto il codice sull'Header vi scrivo come ho fatto così se servisse a qualcuno...

Codice PHP:


<table cellspacing="0" cellpadding="0">

    <tbody><tr id="header">

      <td class="headerlati">

        <img src="http://mksoftware.altervista.org/xoops/themes/default/logoleft.jpg"></td>

      <td id="headerlogo">

        <center><a href="http://mksoftware.altervista.org/xoops/"><img src="http://mksoftware.altervista.org/xoops/themes/default/logo.jpg"></a></center></td>

      <td class="headerlati"><img src="http://mksoftware.altervista.org/xoops/themes/default/logoright.jpg"></td>

    </tr>

    <tr>

      <td id="headerbar" colspan="3"></td>

    </tr>

  </tbody></table>

**poske** · 29-09-2005, 12.27.27

Originalmente inviato da mksoftware

Ho comunque corretto il colspan: adesso però mi tocca trovare un rimedio epr includere nell'ID tutte e tre le tabelle e al momento sono a corto di idee... se usassi un div e descrivessi tramite quello l'ID dei css e successivamente disegnassi le tabelle?

Per dare l'ID a tutte e 3 le TD puoi agire sui css in questo modo:

metti l'id al <table id="tabella">

e nei css scrivi:

#tabella td {
quì inserisci gli attributi per le TD.
}

Ciao! :D

Discussione: Immagini consecutive, una va a capo... ?!

LinkBack

Strumenti discussione

Display

Immagini consecutive, una va a capo... ?!

Regole di scrittura