html - Table helt ud i siden - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #16662 @ 26.01.12 12:55

Hej alle

Jeg vil gerne have mit <table> på min side til at gå HELT ud i siden

Min kode ser sådan her ud:

HTML kode

 <table width='100%'>
     <tr>
         <td width='70%'>
             <!-- Forum -->
             <div class='forum'>
                 <table width='100%'>
                     <tr>
                         <td>
                             askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl
                         </td>
                     </tr>
                 </table>
             </div>
         </td>
         <td width='30%'>
             <!-- Begivenheder -->
             <div class='events'>
                 <table width='100%'>
                     <tr>
                         <td>
                             askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl
                         </td>
                     </tr>
                 </table>
             </div>
         </td>
     </tr>
 </table>

Og min css:

CSS kode

 .forum {
     border-top-right-radius: 0.5em;
     -webkit-border-top-right-radius: 0.5em;
     -moz-border-radius-topright: 0.5em;
     background: #FFFFFF;
 }
 .events {
     border-top-left-radius: 0.5em;
     -webkit-border-top-left-radius: 0.5em;
     -moz-border-radius-topleft: 0.5em;
     background: #FFFFFF;
 }

Håber i kan hjælpe

9 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 7 karma

Sorter efter stemmer Sorter efter dato

Bruger #10216 @ 26.01.12 15:59

4.283

Alternativt kunne droppe alt hvad der hedder tables...

Bruger #17015 @ 28.01.12 10:17

614

Simpelt eksempel med divs.

CSS kode

 .side { float: left; width: 30%; }
 .content {float: right; width: 65%; }

HTML kode

 <body>
 <div class="side">side indhold</div>
 <div class="content">content indhold</div>
 </body>

Tabeller til layout er en dårlig vane. Glem det, hurtigst muligt!

Bruger #16977 @ 26.01.12 14:36

Tilføj margin: 0; på body:

CSS kode

 body {
    margin: 0;
 }

Bruger #16662 @ 26.01.12 15:47

Det har jeg prøvet, og det hjælper ikke :/

Min kode ser sådan her ud nu
HTML:

HTML kode

 <table width='100%'>    
     <tr width='100%'>
         <td align='center' width='100%'>
             <!-- Logo -->
             <img src='includes/images/logo.png' alt='' width='35%' heigth='35%'>
         </td>
     </tr>
     <tr width='100%'>
         <td align='right' valign='top' width='100%'>
             <div class='login'>
                 <font id='boldStuff'>
                     <div class='login_text'>
                         <!-- Login/Opret -->
                         <a href='#Login' onClick='login();'>Login</a> | <a href='#Opret'>Opret</a>
                     </div>
                 </font>
             </div>
         </td>
     </tr>
 </table>
 <table width='100%' class='content'>
     <tr class='left'>
         <!-- Forum -->
         <td width='70%' class='forum' valign='top'>
             askdjaskl<br>askdjaskl<br>askdsjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl
         </td>
         <!-- Begivenheder -->
         <td width='30%' class='event' valign='top'>
             askdjaskl<br>askdjaskl<br>askdsjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl<br>askdjaskl
         </td>
     </tr>
 </table>

CSS:

CSS kode

 body {
     font-family: Tahoma, Verdana, Arial, Sans-Serif;
     font-size: 13px;
     background: #000000;
     margin: 0px;
 }
 
 /* Buttons, inputs, textarea, link, etc. */
 
 a {
     color: #000000;
     font-weight: bold;
 }
 a:hover {
     color: #000000;
     font-weight: bold;
     text-decoration: underline;
 }
 
 /* End Buttons, inputs, textarea, link, etc. */
 
 .content {
     background: #000000;
     width: 100%;
 }
 
 .forum {
     background: #FFFFFF;
     border-right: 3px solid #000000;
 }
 .event {
     background: #FFFFFF;
 }
 
 /* Login bar */
 
 .login {
     width: 120%;
     background: #FFFFFF;
     height: 25px;
 }
 .login a:hover {
     text-decoration: underline overline;
 }
 .login_text {
     padding-top: 5px;
     margin-right:10px;
 }
 .login_text_login {
     padding-top: 2px;
     margin-right:10px;
 }

Bruger #15663 @ 26.01.12 15:53

415

Har du brugt en reset på elementer i din kode?

Fx kunne du jo starte med at sætte table:

CSS kode

 table 
 {
 margin: 0;
 padding: 0;
 }

Bruger #14816 @ 26.01.12 16:00

451

Der må været noget uden om din Table, et div e.g du skal sørge for at der er 100% width på det også.

Bruger #16662 @ 27.01.12 10:17

Det virker ikke Daniel
Hvad vil du så gøre hvis du ikke bruge tables?
Og der er intet uden om min table

Bruger #15663 @ 27.01.12 19:14

415

Hej Mathias.

Kan du ikke prøve at lave en grov skitse af det du gerne vil så sætter jeg det op med nogle div's til dig.

Bruger #16838 @ 28.01.12 10:04

169

Det må være CELLSPACING eller CELLPADDING
http://www.htmlcodetutorial.com/tables/index_famsupp_29.html

Table helt ud i siden

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler