Fundering om Adobe dreamweaver CS3

[__087]

Tjena, jag har kodat hemsidor i fler år nu och jag försöker just nu på stylesheet. Åter till problemet, när jag startar tabeller så vill jag ha en tunn ramlinje men jag lyckas bara få i utkanten av tabellen, vill även få mellan två kolumner osv.. Det är svårt att beskriva men jag hoppas nån kan hjälpa, det är bara fråga annars. Mvh // __087

[Chillie]

Tror du måste sköta kantlinjerna för tabellen i direkt html-koden för att få kantlinjer även inne i tabellen.

[__087]

Tror du måste sköta kantlinjerna för tabellen i direkt html-koden för att få kantlinjer även inne i tabellen.

jo de kan nog vara så, hur ändrar man det där då tro?

[__087]

jo de kan nog vara så, hur ändrar man det där då tro?

någon som vet vart man kan tänkas ställa in detta?

[PCGuiden]

Visa hur det ser ut och rita hur du vill ha det på den bilden

[__087]

Visa hur det ser ut och rita hur du vill ha det på den bilden

som bilden visar.

Den översta är som jag lyckas få det och det är som den understa ja vill ha de fast med linjen lika tunn som den övre

[PCGuiden]

Ser ut som om det är ett hr="1" eller "2" som saknas i koden

[__087]

Ser ut som om det är ett hr="1" eller "2" som saknas i koden

aa ok, vart skulle den koden sitta? Om vi utgår från tabellkoden nedan

<table width="75%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>

[PCGuiden]

<table width="75%" border="0" cellspacing="0" cellpadding="0" hr="1">

<tr>

<td hr="1"> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>

På något av de rödfärgade ställena

[__087]

<table width="75%" border="0" cellspacing="0" cellpadding="0" hr="1">

<tr>

<td hr="1"> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>

På något av de rödfärgade ställena

ja tror inte de är rätt, får de inte att fungera iallafall

[__087]

ja tror inte de är rätt, får de inte att fungera iallafall

någon annan som är duktig på kodning som kan tala om va som är fel?

[RyuuShujin]

Hur du gör det med tabell vet jag inte men du skulle kunna prova det här:

test.html

<link href="test.css" rel="stylesheet" type="text/css">

<div id="col1">

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

</div>

<div id="col2">

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

</div>

test.css

#col1 {
margin-left: 70px;
margin-top: 70px;
float: left;
width: 200px;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}

#col2 {
margin-top: 70px;
float: left;
width: 200px;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}

.row {
border-top: solid 1px #000000;
height: 20px;
}

du får då en "tabell" som ser som den i den bifogade bilden.

givetvis får du anpassa den för dina behov genom att ändra i css-filen.

Hoppas det kan vara till hjälp.

[__087]

Hur du gör det med tabell vet jag inte men du skulle kunna prova det här:

test.html

<link href="test.css" rel="stylesheet" type="text/css">

<div id="col1">

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

</div>

<div id="col2">

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

<div class="row">
</div>

</div>

test.css

#col1 {
margin-left: 70px;
margin-top: 70px;
float: left;
width: 200px;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}

#col2 {
margin-top: 70px;
float: left;
width: 200px;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}

.row {
border-top: solid 1px #000000;
height: 20px;
}

du får då en "tabell" som ser som den i den bifogade bilden.

givetvis får du anpassa den för dina behov genom att ändra i css-filen.

Hoppas det kan vara till hjälp.

ja de är precis sådär jag vill ha den hur fick du till det och vilket program använder du dig av?? själv kodar jag i adobe dreamweaver CS3

[RyuuShujin]

Kul att man kan vara till hjälp

Jag kör faktiskt dreamweaver CS3 jag med. Fast jag använder nästan bara kod-läget.

[__087]

Kul att man kan vara till hjälp

Jag kör faktiskt dreamweaver CS3 jag med. Fast jag använder nästan bara kod-läget.

okej va trevligt hur gjorde du detta?? skrev du all kod själv?

[RyuuShujin]

Ja jag knackade ihop koden själv. Gjorde en liknande grej för inte så länge sedan med två kolumner, fast utan kanter så jag hade lite kod att återanvända men det mesta skrev jag nu. Finns mycket bra att läsa på webdesignskolan.

[__087]

Ja jag knackade ihop koden själv. Gjorde en liknande grej för inte så länge sedan med två kolumner, fast utan kanter så jag hade lite kod att återanvända men det mesta skrev jag nu. Finns mycket bra att läsa på webdesignskolan.

aa ok, ja är mer för att knappa och trycka skulle vilja veta hur man får fram de i dreamweaver oxå. Vad kan det tänkas heta eller vad kan ja tänkas söka på då??

[RyuuShujin]

aa ok, ja är mer för att knappa och trycka skulle vilja veta hur man får fram de i dreamweaver oxå. Vad kan det tänkas heta eller vad kan ja tänkas söka på då??

Jag vet faktiskt inte om det går ärligt talat, men när du väl har tabellen på plats kan du ju hoppa till design läge för att skriva. Och för att lägga till fler kolumner och rader i tabellen är det mest copy/paste.

[__087]

Jag vet faktiskt inte om det gå ärligt talat, men när du väl har tabellen på plats kan du ju hoppa till design läge för att skriva. Och för att lägga till fler kolumner och rader i tabellen är det mest copy/paste.

aa så kan ja göra, vart är de exakt som ska läggas in i koden i så fall?

[RyuuShujin]

aa så kan ja göra, vad är de exakt som ska läggas in i koden i så fall?

ska du ha fler rader slänger du in flera:

<div class="row">

</div>

och om du ska ha flera kolumner få du skapa ett nytt id i CSS-filen kopiera bara hela stycket #col2 och kalla det för #col3 sedan är det bara att kopiera hela kolumn 2 (och klistra in under kolumn 2 i koden) och ändra id="col2" till id="col3".

[__087]

ska du ha fler rader slänger du in flera:

<div class="row">

</div>

och om du ska ha flera kolumner få du skapa ett nytt id i CSS-filen kopiera bara hela stycket #col2 och kalla det för #col3 sedan är det bara att kopiera hela kolumn 2 (och klistra in under kolumn 2 i koden) och ändra id="col2" till id="col3".

okej, då får ja tacka så mycke för hjälpen

[RyuuShujin]

okej, då får ja tacka så mycke för hjälpen

Roligt att kunna hjälpa till, hoppas du får till det