PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
L

[CSS]van frames/tabellen in divjes/css

Door Lissy Pixel op 12-03-2006 14:45 gewijzigd op 12-03-2006 17:43
4.815 views
Ik heb de stoute schoenen aangedaan en zou dus graag deze site: SITE
in divjes neerzetten maar........... ehhhh dat gaat niet zo best.
Hier de link voor wat ik nu heb:
NU

Wil en kan iemand me op weg helpen om dus de site zoals hij is om te zetten in divjes?

Dus 1 algemene achtergrond met daarin een top voor het plaatje Plusbeaus bearded collies dan een linkerkant voor het menu en recherkant voor content en dan onderaan een bottom voor copyright etc.
Dan zie je nu die goudenrand eromheen en dit had ik ook graag gehad maar weet absoluut niet hoe?
Jan Koehoorn
13-03-2006 09:33
Ziet er al veel beter uit. Nu nog dat probleempje met de doorlopende tekst. Even testen:

zet eens vlak onder de laatste tekstregel dit:

<hr style="clear: both">
L
Lissy Pixel
13-03-2006 09:49
@ Jan : heb ik gedaan. Ik zie geen verschil.

SITE
Jan Koehoorn
13-03-2006 10:13
En als je hem onmiddelijk na de sluit-div van <div id="menu"> zet?

<div id="menu">
</div>
<hr blabla>
L
Lissy Pixel
13-03-2006 10:21
Ohh nee helemaal naar beneden.... zag ik eerst niet eens...
L
Lissy Pixel
13-03-2006 10:28
Lijkt mij niet goed en ik haal het weg.

site
L
Lissy Pixel
13-03-2006 10:43
Iemand een idee hoe ik het <div id="content"> mee kan laten groeien met de gewenste tekst zodat alles binnen het <div id="content"> staat?
R
Renske
13-03-2006 10:43 gewijzigd op 13-03-2006 10:45
als ik he goed begrijp wil je dus eigenlijks divs laten reageren als tabellen?

Dat doe je als volgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
body
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5E707B;
height: 100%;
width: 100%;
}

#inhoudcontainer
{
width: 754px;
float: left;
height: 100%;
}

#cola
{
width: 562px;
float: left;
text-align: left;
position: relative;
}

.contentcola
{
text-align: left;
}

#colc
{
width: 192px;
float: left;
position: relative;
text-align: left;
background-color: #DEE1E3;
float: left;
height: 100%;
}
.contentcolc
{
text-align: left;
}
.clear
{
clear: both;
}
</style>

</head>

<body>
<div align="center">
<div id="inhoudcontainer">
<div id="cola">
<div class="contentcola">ttwertwert</div>
</div>
<div id="colc">
<div class="contentcolc">sdasdfasdfasdf</div>
</div>
<br class="clear">
</div>
</div>
</body>
</html>

Ik hoop dat je hier wat aan hebt.
L
Lissy Pixel
13-03-2006 10:51
Dank je wel Renske ik ga ermee aan de slag en natuurlijk meld ik me :)
L
Lissy Pixel
13-03-2006 11:38 gewijzigd op 13-03-2006 11:39
Daar ben ik weer en ik vraag me wat af:

er staat dit:

#cola
{
width: 150px;
float: left;
text-align: left;
position: relative;
}

.contentcola
{
text-align: left;
}

niks mis mee :)
Maar wanneer gebruik je nu dit: .contentcola
en waneer gebruik je dit: #cola

Wat zijn de verschillen?
Dus wanneer de punt . en waneer # het hekje?

Reageren

Inloggen om te reageren