» Affiancare due testi con allineamenti diversi

Ilprincipino89 · 17-06-10, 22:48

Ciao a tutti, ho un problema che non capisco come risolvere.

Vorrei far apparire due testi sullo stesso livello ma uno allineato a sinistra ed uno a destra.

In pratica parlando di codice si tratterebbe di qualcosa tipo:

Quote:

<strong>Titolo:</strong>Sheerwood Dungeon

<strong>Genere:</strong> GDR - Fantasy

Allineato a sinistra

Quote:

<div align="right">[xrrgroup][xrr label="Grafica:" rating="3.5/5" group="s1" ] [xrr label="Giocabilità:" rating="4/5" group="s1"] [xrr label="Originalità:" rating="4/5" group="s1"] [xrr label="Voto complessivo:" overall=true group="s1" ][/xrrgroup]<p /><p /><p /></div>

Allineato a destra ma alla stessa altezza delle due righe allineate prima a sinistra.

Ho reso l'idea? Spero di si... E spero conosciate la soluzione a livello di codice da inserire nel testo.

Grazie mille.

Ps: lo screen del risultato che vorrei ottenere img529.imageshack.us/img529/6161/risultato.png

microcipcip · 18-06-10, 15:30

<div style="height: 150px; width: 150px; float: left;"><strong>Titolo:</strong>Sheerwood Dungeon
<strong>Genere:</strong> GDR - Fantasy</div>

<div align="right" style="height: 150px; width: 150px; float: left;">[xrrgroup][xrr label="Grafica:" rating="3.5/5" group="s1" ] [xrr label="Giocabilità:" rating="4/5" group="s1"] [xrr label="Originalità:" rating="4/5" group="s1"] [xrr label="Voto complessivo:" overall=true group="s1" ][/xrrgroup]<p /><p /><p /></div>

Ilprincipino89 · 18-06-10, 15:37

Alla fine ci sono riuscito usando il table.

Ovvero:

Quote:

<table width="100%" border="1" cellpadding="10" cellspacing="0" bgcolor="#00FF00">

<tr>
<td>
<strong>Titolo: </strong>Sheerwood Dungeon
<strong>Genere:</strong> GDR - Fantasy
<strong>Lingua: </strong>inglese
<strong>Registrazione: </strong>richiesta </td>
<td><div align="right">[xrrgroup][xrr label="Grafica:" rating="3.5/5" group="s1" ] [xrr label="Giocabilità:" rating="4/5" group="s1"] [xrr label="Originalità:" rating="4/5" group="s1"] [xrr label="Voto complessivo:" overall=true group="s1" ][/xrrgroup]</div>
</td>
</tr>

Vorrei però mettere un colore di sfondo... Ma se metto il solito bgcolor=#ecc non mi funziona.

Come potrei fare?

microcipcip · 18-06-10, 15:49

Se non esce il colore credo ci sia del CSS che sovrascrive la regola.
Prova ad aggiungere il colore così

Quote:

Ilprincipino89 · 18-06-10, 15:52

Grande! Non sapevo del css che sovrascrive!

Al posto di red, metto il codice del colore che vorrò e funzionerà in questo modo? Grazie mille.

Eventualmente potrei in qualche modo allargare e cambiare il colore della linea che separa per renderlo più bello a vedersi?

Ilprincipino89 · 18-06-10, 15:56

Ah, un'ultima cosa. Non mi rimane centrato nel testo ma allineato a sinistra. come potrei centrar sta specie di tabella?

microcipcip · 18-06-10, 16:19

Quote:

<table width="100%" border="1">
<tr>
<td>

<table width="600" border="0" align="center" cellspacing="0" bgcolor="#00FF00" style="background: red;">
<tr>
<td>
<div style="border-right: solid 2px blue; padding: 0; margin: 0;">
<br />
<strong>Titolo: </strong>Sheerwood Dungeon
<strong>Genere:</strong> GDR - Fantasy
<strong>Lingua: </strong>inglese
<strong>Registrazione: </strong>richiesta<br /><br /></div>
</td>

<td>
<div align="right">[xrrgroup][xrr label="Grafica:" rating="3.5/5" group="s1" ] [xrr label="Giocabilità:" rating="4/5" group="s1"] [xrr label="Originalità:" rating="4/5" group="s1"] [xrr label="Voto complessivo:" overall=true group="s1" ][/xrrgroup]</div>
</td>
</tr>
</table>

</td>
</tr>
</table>

Prova così

Ilprincipino89 · 18-06-10, 16:49

Viene più centrato ma le scritte di destra non sono più in linea con quelle a sinistra.

Non posso in qualche modo inserire tutto nel css di modo che nell'articolo io possa solo metter :

<table>
contenuto
</table>

senza tutte le volte specificare bordi, colori ecc?

microcipcip · 18-06-10, 16:55

Certo che puoi, ma con le tabelle esce tutto disordinato, se usavi i div era molto meglio

Ilprincipino89 · 18-06-10, 16:59

Dimmi tu come ottenere lo stesso risultato con i div

microcipcip · 18-06-10, 17:29

Quote:

<html xmlns="w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.container-box{
background: #CCCCCC;
margin: 0 auto;
width: 660px;
}
.box1{
width: 250px;
float: left;
border-right: solid 2px blue;
}
.box2{
width: 400px;
text-align: right;
float: left;"
}
</style>
</head>
<body>
<div class="container-box">
<div class="box1">
<strong>Titolo: </strong>Sheerwood Dungeon<br />
<strong>Genere:</strong> GDR - Fantasy<br />
<strong>Lingua: </strong>inglese<br />
<strong>Registrazione: </strong>richiesta<br /><br />
</div>
<div class="box2">
[xrrgroup][xrr label="Grafica:" rating="3.5/5" group="s1" ]<br />
[xrr label="Giocabilità:" rating="4/5" group="s1"]<br />
[xrr label="Originalità:" rating="4/5" group="s1"]<br />
[xrr label="Voto complessivo:" overall=true group="s1" ]<br />
[/xrrgroup]<br />
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>

Prova così

Ilprincipino89 · 18-06-10, 18:04

Viene uguale ma tutto sballato.

microcipcip · 18-06-10, 18:09

Io lo vedo bene, ci sono un sacco di fattori che possono influenzare la visualizzazione, css, container, etc...

Ilprincipino89 · 18-06-10, 18:51

Questo è il risultato attuale con il table. Basterebbe fosse centrata, che ne dici?

browser-game.it/gdr-gioco-di-ruolo/gioco-online-rpg-3d-fantasy/

18-06-10, 15:30	#2 (permalink)
microcipcip Utente Premium Data di registrazione: May 2010 Messaggi: 175	<div style="height: 150px; width: 150px; float: left;"><strong>Titolo:</strong>Sheerwood Dungeon <strong>Genere:</strong> GDR - Fantasy</div> <div align="right" style="height: 150px; width: 150px; float: left;">[xrrgroup][xrr label="Grafica:" rating="3.5/5" group="s1" ] [xrr label="Giocabilità:" rating="4/5" group="s1"] [xrr label="Originalità:" rating="4/5" group="s1"] [xrr label="Voto complessivo:" overall=true group="s1" ][/xrrgroup]<p /><p /><p /></div>
	__________________ Jertix.org -> Realizzazione siti, loghi e video

18-06-10, 15:52	#5 (permalink)
Ilprincipino89 User Data di registrazione: Nov 2008 Ubicazione: Liguria Messaggi: 238	Grande! Non sapevo del css che sovrascrive! Al posto di red, metto il codice del colore che vorrò e funzionerà in questo modo? Grazie mille. Eventualmente potrei in qualche modo allargare e cambiare il colore della linea che separa per renderlo più bello a vedersi?
	__________________ Giochi MMORPG

18-06-10, 15:56	#6 (permalink)
Ilprincipino89 User Data di registrazione: Nov 2008 Ubicazione: Liguria Messaggi: 238	Ah, un'ultima cosa. Non mi rimane centrato nel testo ma allineato a sinistra. come potrei centrar sta specie di tabella?
	__________________ Giochi MMORPG

18-06-10, 16:49	#8 (permalink)
Ilprincipino89 User Data di registrazione: Nov 2008 Ubicazione: Liguria Messaggi: 238	Viene più centrato ma le scritte di destra non sono più in linea con quelle a sinistra. Non posso in qualche modo inserire tutto nel css di modo che nell'articolo io possa solo metter : <table> contenuto </table> senza tutte le volte specificare bordi, colori ecc?
	__________________ Giochi MMORPG

18-06-10, 16:55	#9 (permalink)
microcipcip Utente Premium Data di registrazione: May 2010 Messaggi: 175	Certo che puoi, ma con le tabelle esce tutto disordinato, se usavi i div era molto meglio
	__________________ Jertix.org -> Realizzazione siti, loghi e video

Condividi questo contenuto nei Social Network:		Tweet
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.

18-06-10, 16:59	#10 (permalink)
Ilprincipino89 User Data di registrazione: Nov 2008 Ubicazione: Liguria Messaggi: 238	Dimmi tu come ottenere lo stesso risultato con i div
	__________________ Giochi MMORPG

18-06-10, 18:04	#12 (permalink)
Ilprincipino89 User Data di registrazione: Nov 2008 Ubicazione: Liguria Messaggi: 238	Viene uguale ma tutto sballato.
	__________________ Giochi MMORPG

18-06-10, 18:09	#13 (permalink)
microcipcip Utente Premium Data di registrazione: May 2010 Messaggi: 175	Io lo vedo bene, ci sono un sacco di fattori che possono influenzare la visualizzazione, css, container, etc...
	__________________ Jertix.org -> Realizzazione siti, loghi e video

18-06-10, 18:51	#14 (permalink)
Ilprincipino89 User Data di registrazione: Nov 2008 Ubicazione: Liguria Messaggi: 238	Questo è il risultato attuale con il table. Basterebbe fosse centrata, che ne dici? browser-game.it/gdr-gioco-di-ruolo/gioco-online-rpg-3d-fantasy/
	__________________ Giochi MMORPG

Strumenti di discussione
Visualizza la versione stampabile Invia la pagina tramite email