hc_holigan
Berichten: 94
avatar
Offline Stuur privebericht
hoi

ik ben bezig om zelf gemaakte layout te slice/base maar krijg somige dingen niet goede

als je naar afbeelding kijkt dan heb ik die witte strepen aan de zij kanten ik krijgt dat niet goed weet iemand hoe ik deze zo goed krijg
en grijze lijn die tot onderloopt met ronde kanten weet iemand hoe ik dit zo krijg

en container met welkom enzo hoe ik deze zo krijg

afbeelding

CriminalsPoint error: de volgende afbeelding werd niet geladen omwille van veiligheidsproblemen: http://www.afbeeldingenuploaden.nl/uploads/721515smaakenmaak2,1.png

voor de klikkers http://www.afbeeldingenuploaden.nl/uploads/721515smaakenmaak2,1.png

html

Code | Selecteer Alles
minimaliseren
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"> 
<html>
<head>
<title> smaak&zaak </title>

<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>

<div id="header">
     <img src="images/logo-images.gif" width="180" height="100"> 
</div>
<div id="line">
</div>
<ul id="menu">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Dranken</a></li>
<li><a href="#">Broodjes</a></li>
<li><a href="#">Fruit/Saledes</a></li>
<li><a href="#">Voorwaarden</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="line">
</div>
<div id="container">
</div>
<div id="line">
</div>

</body>
</html>


css

Code | Selecteer Alles
minimaliseren
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
html
     {
         background-color: #0d0d0d;
     }

body
     {
         width: 799px;
         margin: 0px auto;
     }

div#header
     {   
         background-image: url('images/header-images.gif');
         background-repeat: repeat-x;
         width: 795px;
         height: 136px;
     }


div#line
     {
         background-color: #ffffff;
         width: 795px;
         height: 2px;
     }

ul#menu
     {
         margin: 0px;
         padding-left: 10px;
         list-style: none;
         height: 30px;
         width: 785px;
         background-image: url('images/menu-images.gif');
      }

ul#menu li
      {
         float: left;
         height: 30px;
      }

ul#menu li a 
      {
         display: block;
         overflow: hidden;
         height: 30px;
         padding: 5px 8px 0px 8px;
         font-family: arial;
         color:#ffffff;
         font-size: 16px;
         text-decoration: none;
         font-weight: bold;
      }

ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover
      {
         padding: 5px 8px 0px 8px;
         background-color: #6a2f02;
         color: #ffffff;
         height: 25px;
      }

div#container 
    { 
        width: 698px; 
        overflow:                hidden;     
        border-bottom: 1px solid #333333;    
    } 

div#container
      {
         background-image: url('images/container-images.gif');
         background-repeat: repeat-x;
         width: 775px;
         padding: 0px 10px 10px 10px;
         float: left;
         padding-bottom: 1000px;
         margin-bottom: -999px;
         font-family: arial;
         font-size: 10px;
         color: #ffffff;
       }
         
div#container h1
       {
         padding-top: 10px
         font-family: arial;
         font-size: 13px;
         color: #ffffff;
       }

div#Container a 
    { 
        image: url('images/acontainer-images.gif') 
        font-weight: bold; 
        text-decoration: underlined; 
    }

div#Container a:hover 
    { 
        text-decoration: none; 
    }


alvast bedankt
grtz, tim
Laatst gewijzigd door hc_holigan op 2011-07-02 19:30:32
02-07-2011 19:04
Dit topic is 204 keer bekeken door 29 verschillende leden
Reacties op: "layout"
 Volgende pagina
Er zijn nog geen reacties geplaatst op dit topic.
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden