Affiancare due testi con allineamenti diversi

ilprincipino89

Alla fine ci sono riuscito usando il table.

Ovvero:

<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

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

<table width="100%" border="1" cellpadding="10" cellspacing="0" bgcolor="#00FF00" style="background: red;">

ilprincipino89

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

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

microcipcip

<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

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

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

ilprincipino89

Dimmi tu come ottenere lo stesso risultato con i div

microcipcip

<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

Viene uguale ma tutto sballato.

microcipcip

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

ilprincipino89

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/