CSS styles i tabel celle

Tags:    table

CSS style der kan definere farve på kollonne
Link til billede, der viser hvad det er jeg skal have hjælp til.
Se billede

mine tags :
<tr>
<td width="80"></td>
<td width="940" height="40"></td>
<td width="80"></td>
</tr>


Har en tabel der er x antal rækker og 3 kolonner.

I den første kolonne har jeg brug for hjælp til at definere CSS, som gør at celle væggen imellem kolonne 1 og 2 ( kun den højre side i kolonne 1)bliver vist som 1px, med farven sort.

Har brugt min aften på at finde en løsning, men ikke kunnet finde den.

Har forsøgt med flere forskellige måder at definere mine CSS på :
men det bliver ikke vist når jeg ser det i Dreamweaver eller Online.
.border_hojre_1px
{
border-right-color:#333;
border-right-width: 1px;
}

Håber på at en kan hjælpe med at lave de CSS tags jeg søger, samt beskrive hvordan de skal anvendes i HTML dokumentet.





Indlæg senest redigeret d. 18.09.2014 02:08 af Bruger #17665
10 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
Tabeller til layout ... :/




Fold kodeboks ind/udCSS kode 


Giver 11px fra toppen på det element du sætter det på



Du skal bare tilføje en lille ting til din kode, som du i øvrigt kan skrive på mindre linjer med denne syntax:

border-right: <bredde> <style> <farve>

Her er et eksempel der ville virke med dine indstillinger:

Fold kodeboks ind/udCSS kode 


Så tilføjer du bare den class til de HTML elementer der skal have en border mod højre, jeg har lavet en fiddle som eksempel som jeg linker til her: http://jsfiddle.net/ee3w3qcf/

Håber du kan bruge det!



Tabeller til layout ... :/


Hej Dan.
Det jeg får ud af det "svarer at du ikke forstår hvorfor at jeg anvender tabellen til layout, er det korrekt?
Layoutet skal bruges på flere sider, som ikke fylder lige meget i højden. Vælger jeg at anvende grafik, skal hver enkelt side hvor dette stykke grafik anvendes, tilpasses hver gang. Så min tanke er at sætte jeg en border på cellen, vil det automatisk blive tilpasset.
Har du en bedre/mere rigtig løsning, må du gerne komme med forslag.
Vi gerne tage ved lære.




Hej Steen.

Hvordan laves dine sider?

er det
index.html,
index2.html,
index3.html
osv. eller hvordan laver du dem?

Du kan jo lave det hele i divs i stedet og klare alt andet med css.
Fold kodeboks ind/udHTML kode 


Fold kodeboks ind/udCSS kode 


Table tagget er jo reelt beregnet til dig som navnet siger, nemlig tabeller.
Altså tabeller hvor du viser data




Indlæg senest redigeret d. 18.09.2014 10:04 af Bruger #15663
@Steen ... som @Daniel siger .. divs og css. Tabeller er kun til data ikke til layout.



Tak for alle jeres indlæg for at hjælpe mig.

Vis der er plads til et lille problem mere jeg gerne vil have hjælp til.

I hver enkelt celle, skal teksten placeres forskelligt.

Hvordan skal mine CSS se ud, hvis jeg ønsker at lave 11px fra toppen af en celle og afstanden til teksten ?




Hvorfor virker det ikke ?
De linier hvor jeg gerne skal kunne justere afstanden mellem top af celle, og også en anden Class, som definere teksten.


Fold kodeboks ind/udCSS kode 




Fold kodeboks ind/udHTML kode 




Fordi du ikke gør det rigtig.

Fold kodeboks ind/udHTML kode 




Hvis det er den samme kolonne i hver række som skal have den samme style, så kan du nøjes med at lave CSS, og ingen html (klasser)

Fold kodeboks ind/udCSS kode 




t