Jump to content

Fundering om Adobe dreamweaver CS3


__087
 Share

Recommended Posts

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

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

<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

Link to comment
Share on other sites

<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

Link to comment
Share on other sites

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.

post-7545-1232303202_thumb.png

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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å??

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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".

Link to comment
Share on other sites

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 :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...