PHP Come faccio a mettere un box in rilievo in una pagina php?

Stato
Discussione chiusa ad ulteriori risposte.

Kapabait

Utente Bronze
11 Marzo 2012
8
3
1
48
Io ho la mia pagina con alterVista vorrei mettere un box in rilivo di un colore grigio dove posso inserire il contenuto si può?
 
cero che si può , ma si usa il css per questo ...

Sai come si può fare con il css allora? In poche parole una pagina, con un box centrato grigio o nero o qualsiasi altro colore, anche trasparente, che si veda lo sfondo ai lati in modo che posso mettere il contenuto all'interno un pò come questa board :)
 
non capisco cosa intendi.
Hai bisogno di un textarea?
se si basta che fai così:
Codice:
<textarea cols="10" rows="10" name="testo"></textarea>

dove cols sta per il numero di colonne, rows sta per il numero di righe.

se invece intendi anche con grafica, devi metterlo dentro a un div o una tabella e farci la grafica intorno.
 
non capisco cosa intendi.
Hai bisogno di un textarea?
se si basta che fai così:
Codice:
<textarea cols="10" rows="10" name="testo"></textarea>

dove cols sta per il numero di colonne, rows sta per il numero di righe.

se invece intendi anche con grafica, devi metterlo dentro a un div o una tabella e farci la grafica intorno.

No, non così... Guarda ho trovato ho un sito che si avvicina a quello che voglio io: Home (se è spam scusate) Si può fare così?
 
Quello si fa con il CSS.
Basta che crei un tag div e ci assegni la classe che contiene lo stile del box.
Codice:
<div class="nomeclasse">contenuto</div>
Poi ovviamente dovrai definire la classe nomeclasse o nell'header della pagina oppure in un file esterno.

Per ottenere un effetto simile, dovresti inserire delle impostazioni simili nella definizione della classe:
Codice:
.nomeclasse
{
[COLOR=#000000][FONT=arial]align: center;
background-color: #000;
color: #fff;
border: 2px solid #fff;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
width: 50%;
padding:10px;
margin: auto;[/FONT][/COLOR]
}
È importante il "margin: auto" che ti centra il blocco div.
Questo è il metodo più semplice, ma da alcune incompatibilità con versioni meno recenti di IE.
CSS Horizontal Align
Guarda qui per maggiori info.
 
  • Mi piace
Reazioni: _Valentine_
Quello si fa con il CSS.
Basta che crei un tag div e ci assegni la classe che contiene lo stile del box.
Codice:
<div class="nomeclasse">contenuto</div>
Poi ovviamente dovrai definire la classe nomeclasse o nell'header della pagina oppure in un file esterno.

Per ottenere un effetto simile, dovresti inserire delle impostazioni simili nella definizione della classe:
Codice:
.nomeclasse
{
[COLOR=#000000][FONT=arial]align: center;
background-color: #000;
color: #fff;
border: 2px solid #fff;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
width: 50%;
padding:10px;
margin: auto;[/FONT][/COLOR]
}
È importante il "margin: auto" che ti centra il blocco div.
Questo è il metodo più semplice, ma da alcune incompatibilità con versioni meno recenti di IE.
CSS Horizontal Align
Guarda qui per maggiori info.


:eek: E' difficilissimo D: puoi spiegarmi brevemente come devo fare?
 
Non capisco, è un semplice div..

Una bozza:

HTML:
<!DOCTYPE>
<html>
<head>
<title>Pagina di prova</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
html, body {
margin: 0px auto;
text-align: center; /* Fix for IE */
background: dodgerblue;
}

#container {
background: #000;
width: 800px;
height: auto;
padding: 15px;
margin: 15px auto;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
</style>
</head>
<body>
<div id="container">
Qua il contenuto
</div>
</body>
</html>
 
Stato
Discussione chiusa ad ulteriori risposte.