cellspacing in css

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

Avatar utilizator
PET
Senior Member
Mesaje: 325
Membru din: Mie Aug 20, 2003 11:40 pm
Localitate: Timisoara
Contact:

cellspacing in css

Mesajde PET » Mar Aug 03, 2004 10:11 pm

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 - Vesnicul n00b al acestui forum :)

Avatar utilizator
PET
Senior Member
Mesaje: 325
Membru din: Mie Aug 20, 2003 11:40 pm
Localitate: Timisoara
Contact:

Mesajde PET » Mar Aug 03, 2004 10:29 pm

Asta e CSS-ul meu.

Cod: Selectaţi tot

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;
}
PET - Vesnicul n00b al acestui forum :)

Avatar utilizator
arond
Senior Member
Mesaje: 580
Membru din: Joi Mar 11, 2004 2:00 am
Localitate: 127.0.0.1
Contact:

Mesajde arond » Mie Aug 04, 2004 9:58 am

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.
People ask for criticism, but they only want praise.
W. Somerset Maugham (1874 - 1965).

http://www.arond-design.ro

Avatar utilizator
PET
Senior Member
Mesaje: 325
Membru din: Mie Aug 20, 2003 11:40 pm
Localitate: Timisoara
Contact:

Mesajde PET » Mie Aug 04, 2004 1:51 pm

pai...si eu ce fac atunci ? Ma pun sa fac totul in html ?
PET - Vesnicul n00b al acestui forum :)

eyecon
Average Member
Mesaje: 180
Membru din: Mar Noi 05, 2002 3:35 pm

Mesajde eyecon » Mie Aug 04, 2004 2:06 pm

ai putea sa incerci sa dai margin la TD

Cod: Selectaţi tot

td{
margin: 4px;
}

Avatar utilizator
PET
Senior Member
Mesaje: 325
Membru din: Mie Aug 20, 2003 11:40 pm
Localitate: Timisoara
Contact:

Mesajde PET » Mie Aug 04, 2004 2:14 pm

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.
PET - Vesnicul n00b al acestui forum :)

Radical
Senior Member
Mesaje: 327
Membru din: Lun Feb 16, 2004 2:40 pm
Localitate: Bucuresti
Contact:

Mesajde Radical » Mie Aug 04, 2004 2:29 pm

PET scrie: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...

Avatar utilizator
PET
Senior Member
Mesaje: 325
Membru din: Mie Aug 20, 2003 11:40 pm
Localitate: Timisoara
Contact:

Mesajde PET » Joi Aug 05, 2004 3:05 am

am facut in CSS!

Cod: Selectaţi tot

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

.tabel_meniu
{
          background: #0f1f5f url("./images/menu_bk.gif");
}
PET - Vesnicul n00b al acestui forum :)

Avatar utilizator
PET
Senior Member
Mesaje: 325
Membru din: Mie Aug 20, 2003 11:40 pm
Localitate: Timisoara
Contact:

Mesajde PET » Joi Aug 05, 2004 3:13 am

This Page Is Valid HTML 4.01 Transitional!

hurrrayy :)

Vreau sa pun codul asta :

Cod: Selectaţi tot

<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 - Vesnicul n00b al acestui forum :)

Avatar utilizator
PET
Senior Member
Mesaje: 325
Membru din: Mie Aug 20, 2003 11:40 pm
Localitate: Timisoara
Contact:

Mesajde PET » Joi Aug 05, 2004 7:18 am

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: Selectaţi tot

.tabel_mare
{
           border: 1px solid #000000;
          padding: 0px;
          margin: 22px;
         
}
PET - Vesnicul n00b al acestui forum :)

Radical
Senior Member
Mesaje: 327
Membru din: Lun Feb 16, 2004 2:40 pm
Localitate: Bucuresti
Contact:

Mesajde Radical » Joi Aug 05, 2004 11:20 am

PET scrie: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
Average Member
Mesaje: 180
Membru din: Mar Noi 05, 2002 3:35 pm

Mesajde eyecon » Joi Aug 05, 2004 12:23 pm

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
Senior Member
Mesaje: 327
Membru din: Lun Feb 16, 2004 2:40 pm
Localitate: Bucuresti
Contact:

Mesajde Radical » Joi Aug 05, 2004 2:43 pm

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
Average Member
Mesaje: 180
Membru din: Mar Noi 05, 2002 3:35 pm

Mesajde eyecon » Joi Aug 05, 2004 3:03 pm

: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: Selectaţi tot

<!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
Average Member
Mesaje: 180
Membru din: Mar Noi 05, 2002 3:35 pm

Mesajde eyecon » Joi Aug 05, 2004 3:24 pm

Radical scrie: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


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 7 vizitatori