Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[PET]

Salut,

am tabelele. Toate tabelele au urmaotarele proprietati :

Border 1
border color #000000
padding 0

Pe vremuri faceam totul direct in HTML si mergea bine. Faza e ca acum vreau sa fac in CSS. Toate alea de sus merg foarte bine, faza e cum fac CELLSPACING in css ? Am incercat spacing si nu merge.

P.S. Pe unde e nenea eyecon ? Ca site-u nu-i mai merge :)

[PET]

Asta e CSS-ul meu.

Cod: body,td,th {
        color: #FFFFFF;
        font-size: 10px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
        background-color: #102060;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}
a:link {
        color: #0099FF;
        text-decoration: none;
}
a:visited {
        color: #0099FF;
        text-decoration: none;
}
a:hover {
        color: #FFFF00;
        text-decoration: none;
}
a:active {
        color: #00FFFF;
        text-decoration: none;
}
a {
        font-size: 9px;
}

.tabel
{
        border: 1px solid #000000;
        padding: 0px;
       
}

.buton
{
           font-size: 9px;font-family: Verdana, Arial, Helvetica, sans-serif;
            background-color: #333333;
            color: #FFFFFF;
            margin-right: 6px;
}

[arond]

Nu exista un atribut CSS1 specific pentru table cellspacing/cellpadding.

In CSS2 exista. Uita-te la:
http://www.w3.org/TR/REC-CSS2/tables.html#borders

Problema e ca putine browsere implementeaza atributele astea.

Numa' bune.

[PET]

pai...si eu ce fac atunci ? Ma pun sa fac totul in html ?

[eyecon]

ai putea sa incerci sa dai margin la TD

Cod: td{
margin: 4px;
}

[PET]

w3.org imi zice ca "background="..... " nu e corect. Eu asa fac cand pun o imagine ca background pe tabel. Asa imi face si dreamweaverul. Totusi, w3.org imi zice ca e gresit.

[Radical]

PET a scris: w3.org imi zice ca "background="..... " nu e corect.

w3.org a scos atributele care modifica/au de a face cu modul de prezentare... ori imaginea de fundal tine de prezentare... nu de continut...

<table ... style='background-image: url('./img/background.gif');'>

Si mai e ceva si cu repeat-y repeat-x ... da' nu am chef sa caut...

[PET]

am facut in CSS!

Cod: .tabel_logo
{
          background: #0f1f5f url("./images/table_bk.gif");
}

.tabel_meniu
{
          background: #0f1f5f url("./images/menu_bk.gif");
}

[PET]

This Page Is Valid HTML 4.01 Transitional!

hurrrayy :)

Vreau sa pun codul asta :

Cod: <p>
      <a href="http://validator.w3.org/check?uri=referer"><img border="0"
          src="http://www.w3.org/Icons/valid-html401"
          alt="Valid HTML 4.01!" height="31" width="88"></a>
    </p>

Intr-o variabila. Cum fac asta ?

[PET]

Uitati aici la ce lucrez : www.lf2.xro.us

Tabelul din centru are specificat align=center, asa cum face dreamweaver-ul. Faza e ca in OPERA, nu se vede in centru. Asa ca, din cate ma gandesc eu, trebuie sa-i specific in CSS sa stea in centru.

Care este comanda de CSS ?
Asta e CSS-ul tabeului :

Cod:
.tabel_mare
{
           border: 1px solid #000000;
          padding: 0px;
          margin: 22px;
         
}

[Radical]

PET a scris: Tabelul din centru are specificat align=center ... Faza e ca in OPERA, nu se vede in centru. Asa ca, din cate ma gandesc eu, trebuie sa-i specific in CSS sa stea in centru. Care este comanda de CSS ?

Problema este ca align=center crea o abatere enorma de la actualul model cu box-uri al CSS-ului...
Atributul modifica pozitia tabelului in elementul care il continea... lucru care, cred ca, acuma e illegal...
Un box (sa zicem DIV de ex.) are "text-align:left", care este chiar default, daca se accepta atributul align=center... practic se altereaza, pentru moment, "text-align"-ul DIV-ului... lucru care pana si mie mi se pare anormal... bataie de cap... nu jucarie.

Iti recomand... super valabila:
<div style='text-align:center;'><table ...> ... </table></table>

[eyecon]

gresesti Radical. Text-align se aplica numai la elementele inline. Acum stiu ca IE aliniaza si elementele block, dar ce faci in mozilla si op?

corect este sa dai margin auto la stanga si la dreapta.

[Radical]

Multumesc eyecon ca primul lucru scris a fost sa imi atragi atentia ca GRESESC.
Trebuia sa fi spus ca gresesc la text-align... pentru ca gresesti Radical implica -> tot postul este gresit...
Acuma sa continui...

gresesti eyecon (pentru ca tot postul e gresit...)

CSS Level 2 spune:

16.2 Alignment: the 'text-align' property 'text-align'
Value: left | right | center | justify | <string> | inherit
Initial: depends on user agent and writing direction
Applies to: block-level elements
Inherited: yes
Percentages: N/A
Media: visual

In plus nu are cum sa se aplice pe elementele inline pentru ca "box"-ul unui element inline este foarte mic... este exact cat continutul... unde pisici sa mai si aliniezi... (vezi SPAN)...
pe cand "box"-ul unui element block poate si chiar ocupa (default) 100% din spatiul disponibil...

Deci Internet Explorer face bine... celelalte NU fac bine

[eyecon]

:lol: :lol: :lol:

M-am exprimat gresit.

Se aplica la block elements, dar aliniaza continutul lor inline, nu si cel block. Adica daca am 2 div-uri unul in altul, si parintele are text-align:right, atunci copilul nu se va aeza la dreapta.

Problema tipului era ca avea intr-un div un tabel si tu ai propus sa centreze tabelul aplicand parintelui, text-align: center; ceea ce nu are efect asupra tabelului, decat in mult iubitul IE.

Daca tot te-ai nervozat atunci
Cod: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>
<div style='text-align:center;'>
   <table style="margin: 0 auto; ">
      <tr>
         <td>dsds</td>
         <td>dsds</td>
      </tr>
   </table>
</div>
</body>
</html>

scoate style de la tabel si sa testezi in mozilla.

deci ai gresit Radical.

[eyecon]

Radical a scris:
Problema este ca align=center crea o abatere enorma de la actualul model cu box-uri al CSS-ului...
Atributul modifica pozitia tabelului in elementul care il continea... lucru care, cred ca, acuma e illegal...
Un box (sa zicem DIV de ex.) are "text-align:left", care este chiar default, daca se accepta atributul align=center... practic se altereaza, pentru moment, "text-align"-ul DIV-ului... lucru care pana si mie mi se pare anormal... bataie de cap... nu jucarie.

Iti recomand... super valabila:
<div style='text-align:center;'><table ...> ... </table></table>

Sa iti arat ca ai gresit mai mult decat crezi.

Box model nu se refera la aliniere. Se refera la margin, padding, content, border. Urasc sa dau link catre recomandarile w3c dar iata. http://www.w3.org/TR/REC-CSS2/box.html Dupa cum o sa vezi nu face referire la aliniere. Nici macar nu exista cuvantul "align" acolo

[PHPRomania Bot]