2 CSS Vraagjes

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Raymen

Raymen

30/04/2007 10:44:00
Quote Anchor link
hey ik heb 2 vraagjes,
met margin, ( margin: 0px 0px 0px 0px; )
Wat is de linkerkant en wat is de rechterkant enz.

en ik ben bezig met me rechtermenu maar hij wilt niet breder worden:
test.html
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<link rel="stylesheet" type="text/css" href="style.css">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>

<div id="header">
<h1>Header Titel</h1>
</div>

<div id="menu_l">
Home
<br />
News
<br />
Projects
</div>

<div id="menu_r">
User panel
User info
Personal Messages
</div>

<div id="content">
risque nec, tincidunt non, nulla. Duis dolor est, ultrices ac, bibendum non, adipiscing a, nisl. Nam dui justo, laoreet non, scelerisque ac, accumsan non, purus. Fusce rutrum pretium elit. Integer gravida. Cras tempor. Sed fringilla nunc vel nibh. Ut porta, orci eu fringilla iaculis, diam nisl pharetra est, ut bibendum augue orci vel mauris. Quisque tempor uscipit diam.</p>
</div>

style.css
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
body{
    background-color: #535353;
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:12px;
    padding:0px 0px 0px 0px;
    margin:10px 10px 10px 10px;
}

#sidebar { float: left; padding: 9px;width: 200px; border-right: 2px solid #fff; }

h1 { font: bold 14px arial; }
h2 { font: bold 12px arial; margin-top: 5px; }

#header {
    height: 100px;
    min-width: 700px;
        }
        
#menu_l {
    float: left;
    padding: 4px;
    width: 8px;
    border-right: 2px solid #fff;
        }
        
#menu_r {
    float: right;
    padding: 4px;
    margin: 0px 0px 0px 0px;
    width: 60px;
    border-left: 2px solid #fff;
        }
        
#content {
    margin: 0px 10px 0px 80px;
    padding: 10px;
        }

</style>
<!--[if IE]>
<style>
#header h1 { width: 700px; }
</style>
<![endif]-->
 
PHP hulp

PHP hulp

12/07/2020 20:06:17
 
Mebus  Hackintosh

Mebus Hackintosh

30/04/2007 10:51:00
Quote Anchor link
1e: boven, rechts, onder, links
2e: boven en beneden, links en rechts
3e: boven, links en rechts, onder
4e: alle kanten

Zo geloof ik. dus deze vier heb je:

0px 0px 0px 0px
0px 0px
0px 0px 0px
0px

Edit:


Edit:
Op je tweede vraag: min-weidth gebruiken misch? Ben geen css exper hoor:p maar in IE 6 doet dit het het geloof ik niet helemaal goed...
Gewijzigd op 01/01/1970 01:00:00 door Mebus Hackintosh
 
Raymen

Raymen

30/04/2007 11:36:00
Quote Anchor link
min-width helpt niet :(

Quote:
edit:
laat maar het werkt, ik gebruikt margin-right nu :)
Gewijzigd op 01/01/1970 01:00:00 door Raymen
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.