Avatar billede wampiro-uha Nybegynder
02. marts 2004 - 15:35 Der er 14 kommentarer og
2 løsninger

Table i "ren" CSS!

Jeg synes ikke kan erstatte
cellpadding="0" og cellspacing="0"
med noget i CSS?

For hvis jeg fjerner dem, så kommer der auotmatisk en afstand i min tabel.

Er der nogen der har en rigtig god side med oversigt over html og css koder?

Har selv set html.dk.
Avatar billede bearhugx Nybegynder
02. marts 2004 - 15:37 #1
har du prøvet med
  border-collapse: collapse;

:-)
Avatar billede dinkie Nybegynder
02. marts 2004 - 15:37 #2
Avatar billede fennec Nybegynder
02. marts 2004 - 15:38 #3
Avatar billede bearhugx Nybegynder
02. marts 2004 - 15:39 #4
jeg bruger "CSS biblen" : http://www.w3.org/tr/REC-CSS2 (CSS level 2 specifikationen)
Avatar billede bearhugx Nybegynder
02. marts 2004 - 15:41 #5
det kræver lidt at sætte sig ind i opbygningen af deres specifikationer (altså W3C's), men når man så har fået næse for det, så er det utroligt let hurtigt at finde information om de forskellige områder :-)

http://www.w3.org/tr/html401 er forresten specifikationen for HTML 4.01 (den mest brugte HTML specifikation i brug)...
Avatar billede mik789 Nybegynder
02. marts 2004 - 15:47 #6
her er det bedste sted at starte:

http://www.w3schools.com/css/default.asp

//mik
Avatar billede mik789 Nybegynder
02. marts 2004 - 15:55 #7
men hvorfor vil du i det hele taget erstatte cellspacing og cellpadding? begge attributter er fuldt "lovlige" i loose såvel som strict html, og altså ikke spor deprecated (forældede). Se: http://www.w3schools.com/tags/tag_table.asp
Avatar billede dinkie Nybegynder
02. marts 2004 - 16:01 #8
Narj hvor er det smart mik789. Dit link ligner næsten mit.. Hvis jeg ikke vidste bedre ville jeg tro at det er nøjagtig den samme webside vi taler om.. ;o)

Lidt sarkasme er altid godt inden fyraften.. :D
Avatar billede mik789 Nybegynder
02. marts 2004 - 16:12 #9
dinkie> oooh, det gik vist bare for stærkt...
Avatar billede hermandsen Juniormester
02. marts 2004 - 21:36 #10
>>mik789
Hvorfor erstatte cellspacing og cellpadding?
Fordi HTML skal til at glide over til XML, og der bør ikke være nogen atributter! Det gælder om at holde layout for sig, og informationer for sig. HTML/XML er informationer, og CSS er layout, no more, no less!

>>wampiro-uha
For at få de samme resultater som du får med cellpadding="0" og cellspaceing="0", skriver du følgende:

table { border-collapse: collapse }
td { padding: 0px }

Det giver nøjagtig samme effekt!

Vil du ramme et specielt table-id, er der het et eksempel:

<table id="foo">
  <tr>
    <td>Foo</td>
    <td>Bar</td>
  </tr>
</table>

#foo { border-collapse: collapse }
#foo td { padding: 0px }

Læg mærke til mellemrummet efter #foo. Det gør at alle td-elementer under #foo-elementet, får tilkendt css-egenskaberne.

//hermandsen
Avatar billede hermandsen Juniormester
02. marts 2004 - 21:40 #11
Omkring HTML og CSS-lister, så har jeg selv en ufuldkommen CSS-liste på:
http://hermandsen.homepage.dk/css-egenskaber.html

Ellers kan jeg absolut kun anbefale at kigge på:
http://www.w3.org/TR/REC-CSS2/propidx.html
Avatar billede mik789 Nybegynder
03. marts 2004 - 08:17 #12
hermandsen> jaja, det er godt at adskille information og layout, men ideen om den fuldstændige renselse ("no more, no less"), så længe vi har at gøre men html. (x)html + css er ikke det samme som xml. html er i forvejen fuld af layout elementer. <table> er i sig selv et layout redskab der viser information på en bestemt (og meget praktisk) måde), fordi den fordeleer information i bokse der flugter og følger hinanden i rækker og kolonner. Det samme gælder flere andre html elementer (IKKE attributter). F.eks. <h1> [osv til <h6>]. Skulle man være konsekvent havde man bare <h>. Og hvad med skrift-stile som <b>, <i>? Skal man være konsekvent skal man i stedet bruge <span class="skrstil"> + font-style og font-weight. Men hvorfor dog det når vi allerede har <i> og <b> osv.?

Man kan også lave et tabel design uden <table> bare med <div class="tblklasse"> elementer + css display: table-cell osv. Men igen, hvorfor dog det, når <table>, <tr>, <td> osv gør jobbet for én. Web design er vel stadig en praktsik ting og ikke en ideologi - eller hvad?
Avatar billede mik789 Nybegynder
03. marts 2004 - 08:18 #13
hov der smuttede et par ord:

men ideen om den fuldstændige renselse ("no more, no less"), er ikke relevant så længe vi har at gøre men html
Avatar billede wampiro-uha Nybegynder
03. marts 2004 - 13:00 #14
Takker for svar.
hermandsen har fået pointene, da jeg syntes bedst om hans svar. Men det er jo en smags sag ;-)
Avatar billede hermandsen Juniormester
03. marts 2004 - 13:54 #15
>>mik789
Jeg siger bare:
XHTML og XML bliver fremtiden, så man kan ligeså godt vende sig til det!! :)
Selv bruger jeg aldrig <b> eller <i>-tags, men <span>, da det vitterligt er en style-container som ikke gør noget selv!! :)

Det samme gælder div-tags...

Grunden til at det stadig er smart at bruge <h1>, <h2>, <ul>, <table> osv., er at siden får en logisk opbygning hvad angår overskrifter, indhold, lister osv.

Med XML sætter du selv navnene, hvilket gør det lettere at læse, for en som måske slet ikke forstår så meget html/xml!!

<overskrift_stor>, <indhold>, <menu>, <menu_punkt>. Det kan da ikke blive lettere!! :)

Takker for point forresten! ;)

//hermandsen
Avatar billede mik789 Nybegynder
03. marts 2004 - 14:21 #16
hermandsen> tja, tjo, men hvorfor ikke vente med xml til det er relevant, dvs. hvis man vitterlig vil lave dokumenter der skal kunne læses på tværs af protokoller osv. Så længe det man laver kun er til at blive vist som web dokument hvorfor så ikke bare bruge de redskaber der er udviklet for det (html, css osv.) og ikke forsøge at efterabe noge xml som egentlig ikke er relevant. Det jeg siger er bare at en del html tags allerede er layoutskabende, og det kan man da ligeså godt benytte sig af frem for at opfinde den dybe tallerken en gang til. Men jeg er helt enig med dig i at det er en kæmpe fordel at lægge så meget layout ud som css som det er praktisk muligt. Det er bare det der med at det skal være ALT layout der måske virker en anelse upraktisk....
;-) mik
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester