Tekst indelen [HTML]

Hi,

Op http://ditisdavid.nl wil ik dat vak gaan indelen (onderaan), alleen de tekst kan niet bovenaan etc. komen te staan. Wie weet hoe ik dit mooi indeel? Het gaat om 2 vakken, twitter en contact.

Groet,
David

Zo te zien heb je het al..?

nee hij bedoelt dat de "test" bovenaan de kollom

Reinier schreef:

Zo te zien heb je het al..?

Dat er netjes Twitter komt te staan met een twitter tekentje.

Voorbeeld? Met photoshop ff? of paint of whatever?

Je moet zowie zo ff 2 nieuwe H-Koppen aanmaken omdat de elk vak 1 speciale kop heeft die je nergens anders kan gebruiken

Robindesign schreef:

Je moet zowie zo ff 2 nieuwe H-Koppen aanmaken omdat de elk vak 1 speciale kop heeft die je nergens anders kan gebruiken

Ja, maar dan dan steekt ie er half uit.

Vadid schreef:

Eerdere citaten tonen

Robindesign schreef:

Je moet zowie zo ff 2 nieuwe H-Koppen aanmaken omdat de elk vak 1 speciale kop heeft die je nergens anders kan gebruiken

Ja, maar dan dan steekt ie er half uit.

Padding goed instellen

Robindesign schreef:

Eerdere citaten tonen

Vadid schreef:

Eerdere citaten tonen

Robindesign schreef:

Je moet zowie zo ff 2 nieuwe H-Koppen aanmaken omdat de elk vak 1 speciale kop heeft die je nergens anders kan gebruiken

Ja, maar dan dan steekt ie er half uit.

Padding goed instellen

Diegene die het vak heeft gemaakt, heeft de css ook anders als jou gedaan...

toevoeging op 23 oktober 2011, 15:38:00:

/* CSS Document */
/*  Stylesheet | Author: Robin den Hartog ~ Oktober 2011 */
body { height: 100%; margin: 0; padding: 0; background:#f1f1f0 url(afbeeldingen/bg.gif) repeat-x; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }

#container {width:500px; margin:0 auto;}
#header {background: url(afbeeldingen/header.gif); width: 500px; height: 72px; margin: 0;}
#header h1 {font-size: 18px; color:#F5F5F5; text-align: left; padding-top: 23px; padding-left: 92px; margin: 0;}
#menu{background: url(afbeeldingen/menu.gif); width: 500px; height: 22px; margin: 0;}
#menuitems {text-align: right; padding-top: 15px; padding-right: 80px;} 
#menuitems a {font-size: 14px; color: #f1f1f0; text-decoration: none;} 
#menuitems a:hover { color: #cedfe8;}
#menuo{background: url(afbeeldingen/menus.gif); width: 500px; height: 9px; margin: 0;}
#leader{background: url(afbeeldingen/content.gif); width: 500px; height: 22px; margin: 0;}
#leader h2 {font-size: 9px; color:#9F9F9F; text-align: left; padding-top: 6px; padding-left: 20px; padding-right: 92px; margin: 0;}
#content {background: url(afbeeldingen/content.gif); width: 500px; height: 250px; margin: 0;}
#content h3 {font-size: 11px; color:#171310; text-align: left; padding-top: 4px; padding-left: 20px; padding-right: 20px; margin: 0;}
#footer {background: url(afbeeldingen/footerr.gif); width: 500px; height: 79px; margin: 0;}
#footer h4 {font-size: 10px; color:#5B5B5B; text-align: left; padding-top: 55px; padding-left: 20px; padding-right: 20px; margin: 0;}

#footer_blokken_top {
    background: url(afbeeldingen/footerrr.png) no-repeat;
    width: 500px; 
    height: 79px;
    margin: 0;
    margin-top: 380px;
}

#footer_blokken_bottom {
    background: url(afbeeldingen/footerr.gif) no-repeat;
    width: 500px; 
    height: 79px;
    margin: 0;
    padding-left: 15px;
}

.lijn {
    background: url(afbeeldingen/lijn.png) no-repeat; width: 6px; height: 130px; margin-left: 230px; margin-top: -79px;
}

---- Toch niet gelukt

Bumpp

Misschien dmv. tables?

<table>
<tr>
<td><h2>Header</h2></td>
<td><h2>Header 2</h2></td>
</tr>
<tr>
<td>menu link 1 </td>
<td>menu link 2 </td>
</tr>
</table>

wel nog even de widths instellen

Kay schreef:

Misschien dmv. tables?

<table>
<tr>
<td><h2>Header</h2></td>
<td><h2>Header 2</h2></td>
</tr>
<tr>
<td>menu link 1 </td>
<td>menu link 2 </td>
</tr>
</table>

wel nog even de widths instellen

Daar ben ik niet zo goed in, en het gaat alleen om dat vak hé.