Printable View
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 :roll:
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 :wink:
Ciao
Leandro
Happy Slack!
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...?Citazione:
Originalmente inviato da radioradianti
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...
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 :cry:
Con i css puoi usare i div con le posizioni assolute.
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
Sostituisci questo codice alla tabella dell'header... dovrebbe funzionare (al 99,9%).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>
Ciao! :D
EDIT:
Non capisco perché non mi toglie i tag [url] dai percorsi delle immagini... comunque toglili...
Ciao! :D
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?
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...
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)Citazione:
Originalmente inviato da poske
Altra cosa:
<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>).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>
[Off Topic]
Prova quando scrivi il messaggio a disattivare l'opzione "Traduci automaticamente i links nel testo"...Citazione:
Originalmente inviato da poske
[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...
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ù.... :roll:
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>
Per dare l'ID a tutte e 3 le TD puoi agire sui css in questo modo:Citazione:
Originalmente inviato da mksoftware
metti l'id al <table id="tabella">
e nei css scrivi:
#tabella td {
quì inserisci gli attributi per le TD.
}
Ciao! :D