a tutti gli esperti

**cane-nero** · 29-12-2007, 15:33

salve! ho un brobblema

codice:

    <html>
<head>
<title>Untitled</title>

<style type="text/css">

.topper
{
background-color: #GGGGGG;
border: 2px solid black;
}

.foto
{
width: 200px;
height: 150px;
margin:2px;
}

.foto:hover
{
cursor:pointer;
margin: 0px;
border: 2px solid #FF9933;
width: 200px;
height: 150px;
}

.avin
{
font-size: 40px;
text-align: center;
}

.avin:hover
{
font-size: 40px;
cursor: pointer;
color: #FF9933;
text-align: center;
}

</style>

</head>
<body>

<table class="topper">

<tr class="topper">

<td class="topper">[img]immagine.jpg[/img]</td>
<td class="topper">[img]immagine.jpg[/img]</td>
<td class="topper">[img]immagine.jpg[/img]</td>

</tr>



<tr class="topper">

<td class="topper">  <p class="avin"> <a class="avin"><<</a> </p>  </td>
<td class="topper"></td>
<td class="topper">  <p class="avin"> <a class="avin">>></a> </p>  </td>

</tr>

</table>                            


</body>
</html>

notate dove ho messo ebbene, non riesco a fare in modo che la seconda riga della tabella sia più bassa della prima, il codice che ho scritto sopra mi da questo:

**cane-nero** · 29-12-2007, 15:35

invece vorrei questo, che ho ottenuto su questa immagine con un programma di grafica, ma che vorrei ottenere con l' HTML o con i CSS

**Max1** · 29-12-2007, 19:42

codice:

    <html>
<head>
<title>Untitled</title>

<style type="text/css">

.topper
{
background-color: #GGGGGG;
border: 2px solid black;
}

.foto
{
width: 200px;
height: 150px;
margin:2px;
}

.foto:hover
{
cursor:pointer;
margin: 0px;
border: 2px solid #FF9933;
width: 200px;
height: 150px;
}

.avin
{
font-size: 40px;
text-align: center;
}

.avin:hover
{
font-size: 40px;
cursor: pointer;
color: #FF9933;
text-align: center;
}

</style>

</head>
<body>

<table class="topper" border="2">

<tr class="topper">

<td class="topper" height="32">[img]immagine.jpg[/img]</td>
<td class="topper" height="32">[img]immagine.jpg[/img]</td>
<td class="topper" height="32">[img]immagine.jpg[/img]</td>

</tr>

<tr class="topper">

<td class="topper" height="15">  <p class="avin"> <a class="avin"><<</a> </p>  </td>
<td class="topper" height="15"></td>
<td class="topper" height="15">  <p class="avin"> <a class="avin">>></a> </p>  </td>

</tr>

</table>                            


</body>
</html>

Così?

**cane-nero** · 29-12-2007, 19:42

ho gia risolto tutto

**Jarno** · 30-12-2007, 12:33

come?

**Max1** · 30-12-2007, 18:47

Originariamente inviato da cane-nero
ho gia risolto tutto

Infatti ha ragione Jarno, è buona norma quando si chiede aiuto su un forum come questo, e si riceve una risposta, dire come si è risolto, per rispetto a chi ha dato interesse alla tua domanda, e agli altri che possono avere lo stesso problema, visto che ti sei rivolto ad un forum a beneficio di tutti.

E poi non hai letto neanche il regolamento Il titolo non va bene

**cane-nero** · 30-12-2007, 19:54

ho risolto scombinando da cima a fondo il codice e ho ottenuto un gran risultato

in poche parole, ho rifatto tutto daccapo

Discussione: a tutti gli esperti

Strumenti discussione

Ricerca discussione

Visualizza

a tutti gli esperti

Permessi di invio