HTML - Tabel

For det første er det lidt forkert at lave en linie med style='background-color:#000000;

Men hvis du fjerne den nedreste linie af style='background-color:#000000; height:1px;' så virker det vel..

Forstår ik lige... Gider du lige smide koden som den skal se ud?

??

Kan du hjælpe, eller hva?

Undskyld kom helt væk fra det igen.. Jeg kigger på det nu.

Du kan lave din egen kode om således.
<table cellspacing='0' cellpadding='2' style='width:60%; border:1px solid #000000;'>
<tr>
<td colspan=2 style='background-color:#e0e0e0;'><b>Nyheder:</b></td>
</tr>

<tr>
<td colspan=2 style='background-color:#000000; height:1px;'></td>
</tr>

<tr style='vertical-align:top;'><td><A HREF=''>test</A></td>
<td style='text-align:right;'>test</td>
</tr>
</table>

Men det er ikke en holdbart løsning at lave streger på derfor vil jeg fortrække denne løsning:
<TABLE WIDTH="60%" BORDER="0" CELLSPACING="0" CELLPADDING="2" STYLE="border: thin solid #000000; border-width: 1px">
<TR>
    <TD COLSPAN="2" BGCOLOR="#e0e0e0" STYLE="border-bottom: thin solid #000000; ; border-width: 1px"><B>Nyheder:</B></TD>
</TR>
<TR>
    <TD>Test</TD>
    <TD ALIGN="right">Test</TD>
</TR>
</TABLE>

Ups jeg lavede lige en ; for meget. Sådan skal linien se ud.
    <TD COLSPAN="2" BGCOLOR="#e0e0e0" STYLE="border-bottom: thin solid #000000; border-width: 1px"><B>Nyheder:</B></TD>

Bortset fra det er noget slamkode der bliver lavet her så er dit problem formodentlig at du ikke tager højde for at selv en "tom" tabelcelle ofte i browserne beregnes ud fra deres font-size property. Dvs er font størrelsen der er nedarvet til objektet mere end 1 px høj vil du ikke få meget ud af at sætte tabellens højde til 1 pixel da den som default har overflow:visible i de fleste tilfælde. Ved at sætte overflow:hidden har du dog mulighed for at undgå at skulle sætte font-size til 1 px.

Men igen det er stadigvæk noget slamkode ;)

Tag et kig på www.webstandards.org og surft lidt rundt ;)

Mvh
Gensmann

asaka_san >>

Slamkode!? Hvordan vil du så lave den?

Uden tabeller men med <div> og css styling.

osaka_san >> Det er måske meget nemmere at overskue ens koder hvis man laver det med <div> og css men jeg syntes det er meget mere besværligt. Fordi man skal til alle ting placere det ud fra et koordinat.
På mindre sider er det heller ikke så besværligt men mere på større sider. Der bliver ens css-fil også meget uoverskuelig.

Så ved jeg godt du siger at tabeller ikke er lavet til at designe med. Men derfor sker der jo ikke noget ved at gøre det alligevel :)

Mvh René

osaka_san >>

Hvad skal jeg så gøre istedet?
Hvordan vil du lave denne kode, hvis det var dig?

snebolle>

>Fordi man skal til alle ting placere det ud fra et koordinat.

Øhh ikke nødvendigvis - ingen siger du skal bruge positionering fordi du benytter css til layout. Prøv at tjekke lidt op på float modellen ;)

>På mindre sider er det heller ikke så besværligt men mere på større
>sider. Der bliver ens css-fil også meget uoverskuelig.

Thjaa så må sites i Lycos og Jubii størrelse høre til mindre sites ;) min erfaring er netop det omvendte. Der er jo heller ingen der forbyder dig at splitte tingene op i logiske opdelinger af flere css filer.

>Så ved jeg godt du siger at tabeller ikke er lavet til at designe med.
>Men derfor sker der jo ikke noget ved at gøre det alligevel :)

Nææhh men jeg går bare ind for at benytte de teknologier der er beregnet til det man vil. Og når alt kommer til alt så er CSS væsentlig bedre udviklet til design og layout end tabeller og HTML atributter er.

så kan det godt være det i starten virker lidt anderledes og svært, men sådan var det også med tabeller i gamle dage. Noget jeg kun alt for tydelig husker da det blev populært at benytte tabeller til layout.

Dennism>

Nu er det jo lidt svært at se i hvilken sammenhæng den står, men jeg ville foirmodentlig bare lave et par div containere (tags) omkring de eneklte dele af indholdet og så endten give dem et ID (hvis det er unikke elementer) eller en class og så style på det i en ekstern css fil.

Mvh
Gensmann

osaka_san >> Det kunne være jeg skulle prøve at kigge lidt mere på det når jeg for lidt mere tid. Fordi til de hjemmesider jeg laver til kunder er det lidt svært for de er endelig ligeglade og tid er penge.

Der sker jo aldrig noget ved at prøve noget nyt :) Men jeg har alligevel en lidt negativ holdning, men det kan der jo laves om på.

Mvh René

Snebolle>

http://www.alistapart.com/stories/csstalking/

http://www.alistapart.com/stories/cheaper/

/G ;)

osaka_san >>

Jeg forstår stadig ikke hvordan du synes koden skal være... Kan du ik lige lave koden sådan som du synes den skal være?

dennism> Desværre jeg går ikke ind for alt for meget gratis koderi for andre. Primært fordi man ikke skal gøre for andre hvad de selv burde gøre ;)

Følgende link burde dog kunne få dig lidt igang, men vær opmærksom på at et ikke er nogen hurtig løsning ;)

http://www.thenoodleincident.com/tutorials/css

/G

Jamen.... Jeg har ikke forstået hvilke af mine "kommandoer" der er forkerte... Hvilke er forkerte, og hvad skal de ændres til?

Han vil lave det helt uden brug af tabeller. Så det er ikke så meget dine koder som er forkerte, det kan bare også gøres på en anden måde. Og det er dét han gerne vil have dig til, men bare ikke vise dig et eksempel.

På denne side kan du prøve at trykke på vis kilde og så hvordan det virker. http://www.teamdesigner.dk/ (Ikke min side.)

Undksyld jeg bliver ved...
Men hvordan kan jeg bruge det til det jeg ønsker?
Kan I ik lige tage et lille eks. på en kode, så jeg kan se hvad I mener?

denism> Årsagen til at jeg ikke bare lige laver et quickie eksempel er at vi snakker om nogle ret banale ting. Så som at style dine td'er med en border-bottom i stedet for at ligge en helt ekstra tabel række ind. Ligeledes som at benytte plinger (') i stedet for quotes (") omkring dine atributter.

Derudover kunne du eventuelt kigge på dette her link og se om det så giver mere mening:

http://alistapart.com/stories/practicalcss/


snebolle> ikke nødvendigvis at lave det uden tabeller i første omgang, men i det mindste at erstatte de der 1px tabelceller med en border bottom og lign ligesom du selv foreslår. Det er ganske enkelt spaghettikode, taget i betragtning af at han allerede benytter css. Det kan ligefrem være at det data han ønsker at fremvise rent faktisk er tabulær data og dermed vises bedst i en tabel. Det er dog svært at vide ud fra det givne eksempel.

/G

Hvordan kan jeg lave det med en border?

osaka_san >> jeg syntes det er for lidt bare at sige vores koder er "slamkoder" eller "spaghettikode".. Det er måske rigtig nok men så må du komme med et eksempel. Du kan se at dennism ikke rigtig kan kommer videre fordi du siger mit eksempel er "slamkoder".
Man er nødtil at bevise sit modspil :)

snebolle> jeg har p.t, postet 2 links der giver nogle eksempler på hvordan man kunne gøre. Ligeledes har jeg forklaret at der skal kigges på border-bottom atributten. Tag det dog lidt som en udfordring i stedet for at bede om at få alt serveret på et sølvfad. ;) Det er ikke just raketkirugi det her.

P.t. har dennism ikke lavet andet end at spørge hvordan kan jeg det eller hvordan kan jeg det, i stedet for at prøve sig frem med nogle forslag og så  stille nogle direkte spørgsmål. Det er klart at jeg til sidst begynder at more mig lidt over den konstante spørgen og laver lidt "sjov" i stedet for bare at sætte mig ned og kode det for ham.

Når du så siger det er for lidt, så kan jeg undre mig over hvorhenne jeg har forpligtiget mig til at gøre mere end jeg allerede gør? Er der nogle regler for at man skal kode tingene for andre og ikke bare må henvise til steder hvor de selv kan få ideen til hvordan det kan løses? I min verden er det heldigvis ikke blevet forbudt at tænke lidt selv endnu ;)

I så fald så tror jeg vist jeg er kommet det forkerte sted.

Selvfølgelig skal man da hjælpe så godt man kan men det her ligner mere og mere bare et spørgsmål om at få gjort tingene af andre i stedet for lige selv sætte de små grå i gang. ;)

Mvh
/G

snebolle> Derudover har du jo allerede vist ham hvordan han kan erstatte sine mellemstreger med en border-bottom property? Det såmænd ikke andet jeg snakker om, hvilket jeg gjorde opmærksom på i mit indlæg før.

Kort fortalt:

Flyt stylesne ud i class sådan at der ikke er alt det redudante kode, eleminer markup der kun er der for den visuelle effekts skyld (dvs streger lavet med underlige tabeller) og hvis han ikke skal præsentere tabulær data men reelt bare skal have en overskrift og nogle menu tekster neden under så ville det muligvis være en ide at flytte det ind i div containere i stedet også style på dem. Han kan opnå effekten af 2 div containere der står ved siden af hinanden ved at benytte float:left, huske at sætte en width og benytte en spacer/breaker div til at afslutte. Nøjagtig som eksemplet med formularen der er vist på a list apart linket jeg gav tidligere.

Samtidig finder han også en række spændende artikler om CSS på samme site (ALA) so måske kunne give ham lidt ny inspiration hvis han brugte lidt tid på at læse dem ;)

/G

ja det er nok rigtig nok. Nu kan jeg selvfølgelig ikke vurdere hvor meget han har prøvet sig frem. Men det er nok, som du siger ikke det helt vilde.. men det er nu heller ikke bare så let og læse de forskellige ting igennem og så kan man det. Men det er der jo heller ingen der siger det skal være... :)