Apllicare immagine contorno ad un column

**salasir** · 09-11-2006, 15:06

Non so ... non dovrebbe distanziare anche il background ... Non hai un link della pagina?

Oppure posta anche il pezzo di codice che comprende quella colonna.

A proposito che DOCTYPE usi ?

PS:

codice:

padding: 25px;
padding-left: 50px;
padding-right: 10px;
padding-bottom: 0px;

 =

padding: 25px 10px 0 50px;

**Manuelandro** · 09-11-2006, 15:24

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

codice:

<div id="rightcolumn"></div>

**salasir** · 09-11-2006, 15:41

Bho!

L'unica cosa strana che vedo è il float:center che non esiste.

CSS Property: float

**Manuelandro** · 09-11-2006, 16:57

vabeh in qualke modo mi arrangerò. Cmq mi sono accorto in un ennesimo problema (

non ce la faccio più).

In pratica io ho questa cella centrale ed una serie di bottoni sulla sua destra e sulla sua sinistra.

codice:

<style type="text/css">
#leftcolumn{
float:left;
}
#leftcolumnother{
float:right;
}
#rightcolumn{
width:836px;
min-height: 430px;
border: none;
background: transparent url(sfondo_cella.gif) no-repeat 50% 50%;
margin-left: 0px;
padding: 25px;
padding-left: 50px;
padding-right: 10px;
padding-bottom: 0px;
}

leftcolumn sono i bottoni di sinistra. Leftcolumnother sono i bottoni di destra e rightcolumn è la cella centrale.
Fin'ora lavoravo con firefox e andava tt bene, ma mi sono accorto, aprendo IE, che i bottoni stanno nelle loro posizioni giuste, mentre la cella centrale sta si al centro, ma spostata molto più in basso. COme mai?

mah

**salasir** · 09-11-2006, 17:06

Ti renderai conto, spero, che lavorare con un collegamento mentale con la tua pagina non è semplice ...

Senza vederla o avere il codice di tutta la pagina per poterla provare in locale, diventa quasi impossibile capire dove si sposta un bottone o un padding che non fa il suo dovere ...

La buona volontà credo sia di tutti coloro che rispondono sul forum ma la sfera di cristallo nun c'è l'ho.

Se vuoi/puoi dare un po' di materiale in più, diventa tutto più facile.
Proprio non puoi mettere la pagina temporaneamente in rete?

**Manuelandro** · 09-11-2006, 17:08

ok in pratica mi sono accorto dov'è la magagna. Cioè mettevo

<div id='bottonisx'></div><div id='bottonidx'></div><div id='cellacentrale'></div>

Il problema è che ora mettendo in ordine di comparizione cioè

<div id='bottonisx'></div><div id='cellacentrale'></div><div id='bottonidx'></div>

i primi due si visualizzano bene, i bottoni destri sono a destra ma più in basso.

Come devo risolvere? uff

**salasir** · 09-11-2006, 17:12

Originariamente inviato da Manuelandro

codice:

<style type="text/css">
#leftcolumn{
float:left;
}
#leftcolumnother{
float:right;
}
#rightcolumn{
width:836px;
min-height: 430px;
border: none;
background: transparent url(sfondo_cella.gif) no-repeat 50% 50%;
margin-left: 0px;
padding: 25px;
padding-left: 50px;
padding-right: 10px;
padding-bottom: 0px;
float:left; 
}

**Manuelandro** · 09-11-2006, 17:16

nu...

**salasir** · 09-11-2006, 17:34

Ho provato questo semplice codice e con il float-left sulla colonna centrale i box sono tutti allineati.

codice:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title>
</head>
<style type="text/css">
#leftcolumn{border: 1px solid #000;
float:left;
}
#leftcolumnother{border: 1px solid #000;
float:right;
}
#rightcolumn{
width:836px;
border: 1px solid #000;
background: transparent url(sfondo_cella.gif) no-repeat 50% 50%;
margin-left: 0px;
padding: 25px;
padding-left: 50px;
padding-right: 10px;
padding-bottom: 0px;
float:left; 
}
</style>

<body>

<div id="leftcolumn">a</div>
<div id="rightcolumn">b</div>
<div id="leftcolumnother">c</div>

</body>
</html>

Discussione: Apllicare immagine contorno ad un column

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio