Krijg het niet voor elkaar :(

Door aaa Trump op 19-11-2006 13:06

1.474 views

modedit

Dit is een voorbeeld van een slechte topictitel. Het zegt namelijk niets over het probleem. Andere slechte topictitels zijn: probleem, lukt niet, werkt niet, error, help, enzovoort.

Ik probeer het volgende te maken met 1 tabel, en dan de rest met td's enz.

Ik heb op wat geprobeert in dreamweaver maar krijg het niet voor elkaar.

plaatje: http://www.nibosoft.nl/1100.bmp

Groetjes niborx.

- -

19-11-2006 13:14

-mooie topictitel
-wat heb je geprobeerd (en laat dat zien)
-waar wil je het voor gebruiken
-waarom gebruik je geen divs

aaa Trump

19-11-2006 13:16

Excuses voor de topic titel.

Ik heb het al geprobeert met tabels:

(code)

<body>
<table width="800" height="456" border="1">
<tr>
<td height="102">header</td>
</tr>
<tr>
<td height="320"><table width="155" height="303" border="1">
<tr>
<td width="145">menu</td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

(/code)

Ik wil het gaan gebruiken voor een standaart website met aan de zijkant dus het menu.

Div's? even googlen...... edit: is een dive niet hetzelfde als eenn table? of is het juist heel verschillend?

maikel

19-11-2006 13:24

gebruik dan gewoon meer tabels als het voor een basis is dus

<table>
<tr>
<td>
</td>
</tr>
</table>

IS dat plaatje wat het moet worden.Das niet moeilijk.

- -

19-11-2006 13:26

jan koehoorn heeft tuts over css zoek

maikel

19-11-2006 13:30

sorry hoor wat moet hij dan met css. of wil hij de site opmaken etc

aaa Trump

19-11-2006 13:39

Nu ik wat dieper ga graaien in mijn geheugen ken ik met wel wat herrineren van div's.

Heb nu het volgende:

index.html

<body>
<div class="krant">
<div class="header">Header</div>
<div class="menu">
Menu
</div>

<div class="content">
Floating Content
</div>
</div>
</body>

css:

.header {
background:#00ff00;
margin: 20px;
padding: 10px;
height: 100px;
}

.menu {
background:#00ff00;
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}

.content {
top: 0;
margin-left: 200px;
margin-right: 15px;
}

Maar dit werkt nog niet echt :l.

Jan Koehoorn

19-11-2006 13:58

Position absolute wordt veel te snel gebruikt door CSS beginners. Bekijk deze tutorial. Daarin wordt precies zo'n lay-out uitgelegd als jij in je plaatje laat zien.

Tip: gebruik geen BMP's op het internet. In dit geval was een GIF veel beter geweest.

Terence Hersbach

19-11-2006 14:01

ik weet niet of je nog verder wilt gaan met tables, maar dan zou je zoiets moeten maken:


<table align="center" width="800">
    <tr>
        <td colspan="2">Header.jpg</td>
    </tr>
    <tr>
        <td valign="top" width="200" > menu </td>
        <td valign="top"> tekst </td>
    </tr>
    <tr>
        <td colspan = "2"> footer</td>
    </tr>
</table>

aaa Trump

19-11-2006 14:03

Uiteraard wil ik nu wat van div's gaan leren....

Bedankt jan! (mag ik je jan noemen? :P)

aaa Trump

19-11-2006 15:24

Heb het volgende in elkaar geknutseld:

link : http://www.nibosoft.nl/test/divs/

Heb natuurlijk wel een paar dingetjes aangepast zoals:

1. Heb het lijntje (tussen menu en content) meegegeven aan #content En dus niet aan #menu, want dit vindt ik persoonlijk wat prettiger lezen.

2. Heb de header in het midden gezet met: text-align: center;.

Ps:

Als iemand nog fouten vindt graag eventjes melden :).

Groetjes Robin.

Reageren

Inloggen om te reageren