HTML e PHP - Modificare codice di oggetti figlio per creare una "grigl...

martedì 05 giugno 2007 - 15.08

shark986 Profilo | Junior Member

Ciao a tutti!

Vi sottopongo un problema:
Supponiamo in una pagina html di dover visualizzare delle news, una centrale più importante, e altre 4, subito sotto, divise in una tabella 2x2.

(qualcosa del genere)

NOTIZIA PRINCIPALE
------------------------------------------------------------
| Notizia 1 | Notizia 2 |
------------------------------------------------------------
| Notizia 3 | Notizia 4 |
------------------------------------------------------------

Attualmente questa pagna è creata automaticamente in modo, considerando le 4 notizie, che queste vengano visualizzate una sotto l'altra.
NON POSSO MODIFICARE CODICE ALL'INTERNO DI QUESTA PAGINA, posso solo impostare la formattazione grafica per le notizie: il codice che posso modificare viene letto e utilizzato come "stampo" per formattare le notizie.
Io posso quindi scrivere del codice html per definire lo stile di:

------------------------------
| Notizia n |
------------------------------

Come posso fare quindi, per far sì che le notizie vengano sistemate a 2 a 2 una a fianco dell'altra?
Con qualche ricordo di html credo ci siano delle proprietà dei tag che permettono di spostare gli oggetti (magari una tabella) "relativamente" ad altri oggetti... Magari dicendo che un oggetto in particolare deve sistemarsi "alla destra" dell'oggetto che lo precede! Forse potrebbe essermi utile ma non ricordo queste proprietà!!
Altrimenti, potrei utilizzare codice php... ma come?!?

QUALCHE IDEA?!?

Wamba Profilo | Expert

Io userei i div sfruttando la proprietà float del css
-----------------------------------------------------------
Solo chi ha il Caos dentro può generare una stella danzante
Wamba

freeteo Profilo | Guru

ciao,
esattamente come dice Wamba puoi lavorare con il css e fare quello che vuoi della tua lista, ad esempio:

<div class="lista"> <div>notizia 1</div> <div>notizia 2</div> <div>notizia 3</div> <div>notizia 4</div> </div>


con un semplice css di questo tipo vengono disposti di fianco all'altra:

.lista { width:300px; } .lista div { float:left; width:50%; }
adesso vengono in 2 colonne dato che il width è di 50% ma puoi decidere anche in seguito di fare qualche modifica a riguardo...
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5