Toon posts:

achtergrond

Pagina: 1
Acties:
  • 448 views

donderdag 15 januari 2009 16:25

Acties:

Verwijderd

Topicstarter
Hoi.

ik ben met een site bezig voor een vriend van mij die een bedrijf begint. Nou heb ik die site bijna af.. maar het achtergrond werkt niet mee.

Hier is de screen:
http://img152.imageshack.us/my.php?image=voorbeeldae7.jpg


(linkerkant firefox rechterkant IE)

je ziet dat IE problemen heeft met het achtergrond... is het mogelijk dat ik een andere code voor IE gebruik dan voor Firefox?

hoop dat jullie me kunnen helpen :)

groetjes,

Paul Oostenrijk

[ Voor 10% gewijzigd door Verwijderd op 15-01-2009 16:25 ]

donderdag 15 januari 2009 16:28

Acties:
  • disjfa
  • Registratie: April 2001
  • Laatst online: 24-12 08:55

disjfa

be

Tuurlijk kan je andere code maken voor de verschillende browsers. Gewoon kijken met wat de mensen op je site komen en dan de juiste pagina in laden.

Je zou ook je code netjes kunnen opmaken zodat alle browsers hetzelfde laten zien. Het is net wat je wilt natuurlijk.

disjfa - disj·fa (meneer)
disjfa.nl

donderdag 15 januari 2009 16:32

Acties:

Verwijderd

Topicstarter
ja maar ik wil dat graag weten hoe dat moet... is daar dan een code voor bijv?

hoop dat je dat ook weet :)

donderdag 15 januari 2009 16:34

Acties:
  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

Dit is makkelijk zo te maken op een manier waarbij het prima werkt in FF en IE. Zonder code is het lastig te zeggen, maar grote kans dat het probleem ergens zit in een padding of margin van een element.

donderdag 15 januari 2009 16:35

Acties:
  • -Paul-
  • Registratie: Maart 2004
  • Laatst online: 21:04

-Paul-

Zonder sourcecode is het lastig raden wat het probleem is.

donderdag 15 januari 2009 16:37

Acties:
  • Icey
  • Registratie: November 2001
  • Laatst online: 23:18

Icey

Plaats voor de gein eens in je css;

code:
1
2
3
4

* {
margin: 0px;
padding: 0px;
}


Daarmee verkloot je wel weer andere dingen, maar ik vermoed dat we het in die hoek moeten zoeken.

donderdag 15 januari 2009 16:42

Acties:

Verwijderd

Topicstarter
bedankt voor het snelle reageren :)

hier is mijn code: (LET OP: ik ben beginner dus er zitten veel fouten in :) )
code:
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
{
    background-color: #F7F3F4;
    background-repeat: repeat-x;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-arrow-color: #666666;
    scrollbar-track-color: #FFFFFF;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    margin: 0px;
    padding: 0px;

    
}
<!--
body,td,th {
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
a:link {
    color: #999999;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #999999;
}
a:hover {
    text-decoration: underline;
    color: #CCCCCC;
}
a:active {
    text-decoration: none;
    color: #333333;
}
body {
    background-image: url(Images/bg1.jpg);
    background-repeat: repeat-x;
    background-color: #F5F4F2;
}
-->
</style>

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="MM_preloadImages('Images/home-over.jpg','Images/diensten-over.jpg','Images/hulp-op-afstand-over.jpg','Images/contact-over.jpg','Images/producten-over.jpg','Images/actie-over.jpg')">
<center>
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="7" height="429">&nbsp;</td>
      <td width="571"><table width="571" height="677" border="0" cellpadding="0" cellspacing="0"align="top">
        <tr>
          <td width="35" height="170"><img src="Images/topleft.jpg" width="35" height="170" /></td>
          <td width="164"><img src="Images/logoH.jpg" width="164" height="170" /></td>
          <td width="355"><img src="Images/top.jpg" width="355" height="170" /></td>
          <td width="17"><img src="Images/middletopright.jpg" width="17" height="170" /></td>
        </tr>
        <tr>
          <td height="413" background="Images/Left.jpg">&nbsp;</td>
          <td><table width="164" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="164"><img src="Images/topmenu.jpg" width="164" height="27" /></td>
            </tr>
            <tr>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','Images/home-over.jpg',1)"><img src="Images/home.jpg" name="Image24" width="164" height="20" border="0" id="Image24" /></a></td>
            </tr>
            <tr>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','Images/diensten-over.jpg',1)"><img src="Images/diensten.jpg" name="Image25" width="164" height="20" border="0" id="Image25" /></a></td>
            </tr>
            <tr>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','Images/hulp-op-afstand-over.jpg',1)"><img src="Images/hulp-op-afstand.jpg" name="Image26" width="164" height="20" border="0" id="Image26" /></a></td>
            </tr>
            <tr>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','Images/producten-over.jpg',1)"><img src="Images/producten.jpg" name="Image28" width="164" height="19" border="0" id="Image28" /></a></td>
            </tr>
            <tr>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image29','','Images/actie-over.jpg',1)"><img src="Images/actie.jpg" name="Image29" width="164" height="19" border="0" id="Image29" /></a></td>
            </tr>
            <tr>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','Images/contact-over.jpg',1)"><img src="Images/contact.jpg" name="Image27" width="164" height="20" border="0" id="Image27" /></a></td>
            </tr>
            <tr>
              <td width="164" height="268" background="Images/buttommenu.jpg">&nbsp;</td>
            </tr>

          </table></td>
          <td><table width="200" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img src="Images/menutopleft.jpg" width="15" height="10" /></td>
                <td><img src="Images/menutop.jpg" width="326" height="10" /></td>
                <td><img src="Images/menutopright.jpg" width="14" height="10" /></td>
              </tr>
              <tr>
                <td><img src="Images/menuleft.jpg" width="15" height="392" /></td>
                <td valign="top" background="Images/menubody.jpg"><DIV STYLE="overflow-y: scroll; overflow-x: no; height: 392px; width: 100%">
                  <div id="lipsum">
                    <p>Hoi allemaal dit is mijn site</p>
                    </div>
                </div>
                </td>
                <td><img src="Images/menuright.jpg" width="14" height="392" /></td>
              </tr>
              <tr>
                <td height="11"><img src="Images/menubuttomleft.jpg" width="15" height="11" /></td>
                <td><img src="Images/menubottum.jpg" width="326" height="11" /></td>
                <td><img src="Images/menubuttomright.jpg" width="14" height="11" /></td>
              </tr>
          </table></td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td background="Images/buttomleft.jpg"><img src="Images/buttomleft.jpg" width="35" height="94" /></td>
          <td background="Images/buttommiddleleft.jpg">&nbsp;</td>
          <td background="Images/buttommiddle.jpg">&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table></td>
      <td width="10" valign="top">&nbsp;</td>
    </tr>
  </table>
</center>
<div align="center"></div>
<div align="center"></div>
<div align="center">
</div>


</body>
</html>

donderdag 15 januari 2009 16:42

Acties:
  • Grote Schurk
  • Registratie: Januari 2007
  • Laatst online: 20-12 20:01

Grote Schurk

Altijd handig om een volledige css reset toe te passen voor je gaat beginnen.
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Helemaal bovenaan plaatsen in je css bestand.

edit: volgens mij gebruik je een WYSIWYG editor :o
probeer eens een site te maken zonder tables. Duurt even om het goed te kunnen, maar het loont :*)

[ Voor 30% gewijzigd door Grote Schurk op 15-01-2009 16:49 ]

donderdag 15 januari 2009 16:49

Acties:

Verwijderd

Topicstarter
FritsYpeij schreef op donderdag 15 januari 2009 @ 16:42:
Altijd handig om een volledige css reset toe te passen als je gaat beginnen.
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Helemaal bovenaan plaatsen in je css bestand.

edit: volgens mij gebruik je een WYSIWYG editor :o
probeer eens een site te maken zonder tables. Duurt even om het goed te kunnen, maar het loont :*)
heb ik geprobeerd met dat wat je had gestuurd.. maar werkte niet :(

ik gebruik dreamwaver en die doet die MM erbij...

en ik zou niet weten hoe ik dan een site moet maken zonder tabellen :/ Dit heb ik zo geleerd op mijn stage bedrijf (tijdje geleden)

groetjes

donderdag 15 januari 2009 17:11

Acties:

Verwijderd

Topicstarter
ik heb nou } bij de head gedaan en toen kreeg ik open stukjes maar hij gaat wel op het begin nou:

code:
1
2
3
4
5
6
7
8
9
10

{
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;


heb ik } erbij gedaan op het begin:

code:
1
2
3
4
5
6
7
8
9
10

{}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;

donderdag 15 januari 2009 17:20

Acties:

Verwijderd

Topicstarter
Jongens... bedankt! hij werkt :)

het was iets met de margin :)

SUPER!

donderdag 15 januari 2009 17:30

Acties:
  • TERW_DAN
  • Registratie: Juni 2001
  • Niet online

TERW_DAN

Met een hamer past alles.

Verwijderd schreef op donderdag 15 januari 2009 @ 16:49:
[...]


heb ik geprobeerd met dat wat je had gestuurd.. maar werkte niet :(

ik gebruik dreamwaver en die doet die MM erbij...

en ik zou niet weten hoe ik dan een site moet maken zonder tabellen :/ Dit heb ik zo geleerd op mijn stage bedrijf (tijdje geleden)
DIVs en positionering met CSS.

tables ga je echt gigantisch mee in de zeik komen als je iets buiten een WYSIWYSGBD-editor gaat editten en iets in de code zelf moet doen.

donderdag 15 januari 2009 17:53

Acties:
  • tonyisgaaf
  • Registratie: November 2000
  • Niet online

tonyisgaaf

offtopic:
Mag ik opmerken dat ik het gekozen lettertype voor het menu (linker kolom) niet erg geschikt vind. Prima als koptitel, maar vrij onleesbaar in het menu.

NL Weerradar widget Euro Stocks widget Brandstofprijzen widget voor 's Dashboard

donderdag 15 januari 2009 21:38

Acties:
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Beste robert199016; ik wil je bij deze vriendelijk verzoeken de volgende keer voor je een topic opent even een kijkje te nemen in onze Quickstart; ik mis namelijk behoorlijk wat zaken in je topicstart. Verder hoef je niet te groeten (Wij tweakers doen elkaar permanent de groeten ;) ). Tot slot: als je iets wil toevoegen aan je post kun je de Afbeeldingslocatie: http://tweakimg.net/g/forum/images/icons/edit.gif-knop gebruiken; dan hoef je niet 3x achter elkaar te posten en daarmee je topic onnodig omhoog te schoppen (topickick binnen 24 uur) :Y)

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Pagina: 1

Dit topic is gesloten.

Apple iPhone 17 LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq