creare bordi con css dentro php

**fede8** · 20-10-2004, 12:03

Ciao a tutti, nella pagina iniziale del mio sito, ci sono una serie di prodotti, disposti su due colonne, io vorrei che ogni prodotto abbia un bordo fine arrotondato, questi prodotti sono richiamati con il codice php, e vorrei che sia la descrizione che la foto del prodotto siano dentro questo bordo. Questo è il codice che ho scritto:

<?php
error_reporting (0);
$conn = @mysql_connect("localhost","root","") or die("connessione fallita");
@mysql_select_db("computergratis") or die ("connessione fallita5");
$sql = "SELECT * FROM vetrina";
$risultato = @mysql_query($sql) or die ("query fallita");
print "

<table align=center width=700 bordercolor=black><tr style=width:180px;height:20;background-color:#B7FFB7; padding-left:60px;padding-right:60px;>";
$n = 1;
while ($linea = mysql_fetch_array($risultato)) {
print "<td ><a target=centro href=\"vetrina.php?id=$linea[idvetrina]\">[img].$linea['foto'].[/img]</td>";
print "<td><font size=2 face=courier>".$linea['nomeprodotto']."</font></td>";
if ($n % 2 == 0)
echo "</tr><tr style=width:180px;height:20;background-color:#B7FFB7;padding -left:60px;padding-right:60px;>\n";
$n++;

}
print "</tr></table>";

?>
ciao e grazie

**Mich_** · 20-10-2004, 12:06

Posta il codice che arriva al browser.
Tutto quel codice PHP confonde le idee.

**fede8** · 20-10-2004, 12:15

Questa è tutta la pagina, pero io devo mettere questi bordi dentro il codice php, dove ci sono i tr e i td.

<html>

<head>
<STYLE type=text/css>
BODY
{SCROLLBAR-FACE-COLOR: white;
SCROLLBAR-HIGHLIGHT-COLOR: #31AE52;
SCROLLBAR-SHADOW-COLOR: #31AE52;
SCROLLBAR-3DLIGHT-COLOR: #31AE52;
SCROLLBAR-ARROW-COLOR: black;
SCROLLBAR-TRACK-COLOR: #B7FFB7;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: black}
</style>
<title></title>
</head>

<STYLE type="text/css">
a {
TEXT-DECORATION: none;
}
a:hover {
TEXT-DECORATION:underline
}
</STYLE>

<body >

<?php
error_reporting (0);
$conn = @mysql_connect("localhost","root","") or die("connessione fallita");
@mysql_select_db("computergratis") or die ("connessione fallita5");
$sql = "SELECT * FROM vetrina";
$risultato = @mysql_query($sql) or die ("query fallita");
print "

<table align=center width=700 bordercolor=black><tr style=width:180px;height:20;background-color:#B7FFB7; padding-left:60px;padding-right:60px;>";
$n = 1;
while ($linea = mysql_fetch_array($risultato)) {
print "<td><a target=centro href=\"vetrina.php?id=$linea[idvetrina]\">[img].$linea['foto'].[/img]</td>";
print "<td><font size=2 face=courier>".$linea['nomeprodotto']."</font></td>";
if ($n % 2 == 0)
echo "</tr><tr style=width:180px;height:20;background-color:#B7FFB7;padding-left:60px;padding-right:60px;>\n";
$n++;

}
print "</tr></table>";

?>

</body>

</html>

**Mich_** · 20-10-2004, 12:23

Pero` il browser non vede il codice PHP, ma solo il suo output.
Se devi programmare la pagina in modo che funzioni, e` troppo difficile operare direttametne sul codice PHP.
Devi prima vedere il codice HTML/CSS/JS, poi fare in modo che il PHP generi esattamente quel codice.

Prova a visualizzare il codice sorgente dal browser: se hai problemi posta quella pagina (eventualmente togliendo ripetizioni o elementi inutili).

PS. Nella tua pagina manca un </head>

**fede8** · 20-10-2004, 12:30

ho messo tutto su front page, e questo è il codice html:

<HTML>

<HEAD>
<TITLE>ePlaza - 365 giorni di convenienza</TITLE>
<LINK HREF="/Lib/cssMain.css" REL="stylesheet" TYPE="text/css">
<SCRIPT LANGUAGE="JavaScript" SRC="/Lib/jsRollOver.js" TYPE="text/javascript"></SCRIPT>
<script language="JavaScript1.2" src="/Lib/Menu.js" type="text/javascript"></script>
</HEAD>

<BODY ONLOAD="MM_preloadImages('/Img/imgBallOn.gif');">

<table borderColor="black" width="459" align="center">
<tbody>
<tr style="WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7" padding-left:60px;padding-right:60px;>
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=3" target="centro">

<font face="courier" size="1">

Creative Inspire GD580</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=4" target="centro">

<font face="courier" size="1">

LG MF-FD150TS Twister</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=5" target="centro">

<font face="courier" size="1">

Digicom Tintoretto 64/128 Kbps ISDN</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=6" target="centro">

<font face="courier" size="1">

Logitech Cordless Optical Mouse</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=7" target="centro">

<font face="courier" size="1">

Epson Perfection 1670</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=8" target="centro">

<font face="courier" size="1">

Atlantis Smart Desktop Optical Black</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=9" target="centro">

<font face="courier" size="1">

Trust Design & Work Tablet 400</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=10" target="centro">

<font face="courier" size="1">

PNY Technologies Attaché 256</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=11" target="centro">

<font face="courier" size="1">

Creative WebCam Pro NX</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=12" target="centro">

<font face="courier" size="1">

Digicom Michelangelo LAN C</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=13" target="centro">

<font face="courier" size="1">

Microsoft Windows XP Home ITA</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=14" target="centro">

<font face="courier" size="1">

HP OfficeJet 5510</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=15" target="centro">

<font face="courier" size="1">

Canon Cartuccia colore BC-34 Foto</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=16" target="centro">

<font face="courier" size="1">

Epson Toner ciano S050041</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=17" target="centro">

<font face="courier" size="1">

Philips Jack Rabbit</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=18" target="centro">

<font face="courier" size="1">

Philips JR4DVDRWK/00</font></a></td>
</tr>
<tr style="PADDING-RIGHT: 60px; PADDING-LEFT: 60px; WIDTH: 180px; HEIGHT: 20px; BACKGROUND-COLOR: #b7ffb7">
<td width="224"><a href="http://localhost/computergratis/vetrina.php?id=19" target="centro">

<font face="courier" size="1">

Kingston 64MB PC133 DIMM Non-ECC CL3</font></a></td>
<td width="221"><a href="http://localhost/computergratis/vetrina.php?id=21" target="centro">

**Mich_** · 20-10-2004, 12:37

Il primo passo e` fatto.
Ora devi dare una forma piu` "umana" al tuo codice. Usa le indentazioni - quando posti il codice usa i tag [ code] ...[ /code ] (senza gli spazi).

Poi dovreti togliere gli stili embedded e metterli dentro il tag <style> (nella head).

Vedi anche se ci sono ripetizioni inutili (semplifichi il lavoro tuo e di chi ti deve/vuole aiutare).

Infine devi eliminare gli attibuti obsoleti (di formattazione) e trasformarli in CSS.

A quel punto la tua pagina e` pronta per essere sistemata dal punto di vista dei CSS.

**fede8** · 20-10-2004, 12:53

codice:


<HTML>

<HEAD>
	<TITLE></TITLE>
	</HEAD>

<BODY>

	




<table borderColor="black" width="600" align="center">
  <tbody>
    <tr>
      <td>[img]immagini/casse.jpg[/img]<font face="courier" size="1">

        

        Creative Inspire GD580</font></td>
      <td><font face="courier" size="1">

        

        LG MF-FD150TS Twister</font></td>
    </tr>
     </tbody>
</table>
</BODY>

</HTML>

Spero che cosi vada bene, e poi embeded non so neanche cosa vuol dire

**Mich_** · 20-10-2004, 14:53

Ora si capisce come e` fatta la pagina.

Pero` hai tolto i CSS embedded, ma non li hai spostati fuori (o per lo meno non hai postato il codice CSS: quello di prima serve solo per i colori delle barre nel browser IE)

embedded = inseriti nel codice

Invece i CSS sono essenziali per fare quello che chiedi.

Dovresti dire cosa intendi per "prodotto": Ogni prodotto e` uno dei <td>

Il bordo lo crei tramite i CSS.
Forse ti basta mettere nel CSS:
td { border: 1px solid #000; }

Poi se vuoi un po' di spazio attorno:
td { margin: 2px; border: 1px solid #000; }

Per l'arrotondamento invece devi aggiungere delle piccole immagini (una per ogni angolo). Io non lo hao mai fatto, ma trovi indicazioni con una ricerca nel forum.

**fede8** · 21-10-2004, 09:34

Ho provato a scrivere questo, dentro il codice php:

<td { margin: 2px; border: 1px solid #000; } >

Ma non mi visualizza niente, cioè nessun bordo

VVoVe:

**fede8** · 21-10-2004, 09:40

io vorrei fare delle tabelle come questo sito: www.eplaza.it

Discussione: creare bordi con css dentro php

Strumenti discussione

Ricerca discussione

Visualizza

creare bordi con css dentro php

css

css

css

css

Permessi di invio