Div e css

[zed79]

Ciao,

ho un problema, ho un div che contiene un'immagine, poi, siccome voglio che l'angolo alto sinistro sia smussato, vorrei mettere un'altro div con la gif allineato in alto a sinistra rispetto al primo div.

metto il codice per chiarezza

<table width="200" height="175" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="angolo">[img]angolo.gif[/img]</div>

<div id="foto">[img]foto.jpg[/img]</div>
</td>
</tr>
</table>

Quello che non riesco a scrivere sono le due classi css, qualquno mi può aiutare?

Grazie

[Francis87]

Originariamente inviato da zed79
Ciao,

ho un problema, ho un div che contiene un'immagine, poi, siccome voglio che l'angolo alto sinistro sia smussato, vorrei mettere un'altro div con la gif allineato in alto a sinistra rispetto al primo div.

metto il codice per chiarezza

<table width="200" height="175" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="angolo">[img]angolo.gif[/img]</div>

<div id="foto">[img]foto.jpg[/img]</div>
</td>
</tr>
</table>

Quello che non riesco a scrivere sono le due classi css, qualquno mi può aiutare?

Grazie

io ti consiglierei:

<table width="200" height="175" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <div id="foto">
       <div id="angolo">[img]angolo.gif[/img]</div>
       [img]foto.jpg[/img]</div>
    </td>
  </tr>
</table>

e nel css

#angolo
{
 margin-top: 0px;
 margin-left: 0px;
 padding: 0;
}

OPPURE se la foto nn è grande cm la cella:
niente <div id="angolo">
ma

#foto
{
 background-image: url(angolo.gif);
 background-repeat: no-repeat;
 background-position: top left;
}

[iguane]

se usi i div non usare le table.

il codice risulta più pulito e chiaro.

#contenitore{
position:absolute;
padding:0;
margin:0;
}

#smusssato{
position:relativo;
left;0px;
top:0px;
}

<div id="contenitore">
.... qui indfili la tua img grande...
<div id="smusssato">...immagine per angolo....</div>
</div>


e poi con i css

[Francis87]

Originariamente inviato da iguane
se usi i div non usare le table.

il codice risulta più pulito e chiaro.

#contenitore{
position:absolute;
padding:0;
margin:0;
}

#smusssato{
position:relative;
left;0px;
top:0px;
}

<div id="contenitore">
.... qui indfili la tua img grande...
<div id="smusssato">...immagine per angolo....</div>
</div>


e poi con i css

[iguane]

Originariamente inviato da Francis87

:tongue: