__087 Posted January 10, 2009 Share Posted January 10, 2009 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 Quote Link to comment Share on other sites More sharing options...
Chillie Posted January 10, 2009 Share Posted January 10, 2009 Tror du måste sköta kantlinjerna för tabellen i direkt html-koden för att få kantlinjer även inne i tabellen. Quote Link to comment Share on other sites More sharing options...
__087 Posted January 11, 2009 Author Share Posted January 11, 2009 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? Quote Link to comment Share on other sites More sharing options...
__087 Posted January 11, 2009 Author Share Posted January 11, 2009 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? Quote Link to comment Share on other sites More sharing options...
PCGuiden Posted January 11, 2009 Share Posted January 11, 2009 Visa hur det ser ut och rita hur du vill ha det på den bilden Quote Link to comment Share on other sites More sharing options...
__087 Posted January 11, 2009 Author Share Posted January 11, 2009 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 Quote Link to comment Share on other sites More sharing options...
PCGuiden Posted January 12, 2009 Share Posted January 12, 2009 Ser ut som om det är ett hr="1" eller "2" som saknas i koden Quote Link to comment Share on other sites More sharing options...
__087 Posted January 12, 2009 Author Share Posted January 12, 2009 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> Quote Link to comment Share on other sites More sharing options...
PCGuiden Posted January 12, 2009 Share Posted January 12, 2009 <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 Quote Link to comment Share on other sites More sharing options...
__087 Posted January 12, 2009 Author Share Posted January 12, 2009 <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 Quote Link to comment Share on other sites More sharing options...
__087 Posted January 18, 2009 Author Share Posted January 18, 2009 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? Quote Link to comment Share on other sites More sharing options...
RyuuShujin Posted January 18, 2009 Share Posted January 18, 2009 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. Quote Link to comment Share on other sites More sharing options...
__087 Posted January 18, 2009 Author Share Posted January 18, 2009 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 Quote Link to comment Share on other sites More sharing options...
RyuuShujin Posted January 18, 2009 Share Posted January 18, 2009 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. Quote Link to comment Share on other sites More sharing options...
__087 Posted January 18, 2009 Author Share Posted January 18, 2009 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? Quote Link to comment Share on other sites More sharing options...
RyuuShujin Posted January 18, 2009 Share Posted January 18, 2009 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. Quote Link to comment Share on other sites More sharing options...
__087 Posted January 18, 2009 Author Share Posted January 18, 2009 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å?? Quote Link to comment Share on other sites More sharing options...
RyuuShujin Posted January 18, 2009 Share Posted January 18, 2009 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. Quote Link to comment Share on other sites More sharing options...
__087 Posted January 18, 2009 Author Share Posted January 18, 2009 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? Quote Link to comment Share on other sites More sharing options...
RyuuShujin Posted January 18, 2009 Share Posted January 18, 2009 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". Quote Link to comment Share on other sites More sharing options...
__087 Posted January 18, 2009 Author Share Posted January 18, 2009 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 Quote Link to comment Share on other sites More sharing options...
RyuuShujin Posted January 18, 2009 Share Posted January 18, 2009 okej, då får ja tacka så mycke för hjälpen Roligt att kunna hjälpa till, hoppas du får till det Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.