Komaan; je HTML is __voor jou__ wel misschien leesbaar, maar denk je eens in in ons; dit is de HTML zoals
wij die op je pagina gaan lezen/zien/interpreteren:
HTML:
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
| <!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>
<title>hxxx - Hosting</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link rel="stylesheet" type="text/css" href="https://www.domein.nl/xxx/css/default.css" media="all" />
<link rel="stylesheet" href="https://www.domein.nl/xxx/css/jquery.treeview.css" type="text/css" />
<script src="https://www.domein.nl/xxx/js/jquery.js" type="text/javascript"></script>
<script src="https://www.domein.nl/xxx/js/jquery.cookie.js" type="text/javascript"></script>
<script src="https://www.domein.nl/xxx/js/jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#tree").treeview({
collapsed: true,
animated: "medium",
control:"#sidetreecontrol",
persist: "location"
});
})
</script>
</head>
<body>
<div id="main">
<div id="header">
<div id="headerContainer">
<div id="headerTop">
<div id="headerTopLeft">
<a href="https://www.domein.nl/xxx#">Bedrijfsnaam</a> | <a href="https://mail.domein.nl/">Webmail</a> | <a href="http://exchange.domein.nl/">Outlook Web Access</a> | <a href="https://hpanel.domein.nl/">hPanel</a> | <a href="http://www.progressix.com/">Moederbedrijf</a>
</div>
<div id="headerTopRight">
<a href="https://www.domein.nl/xxx/nl/hosting" target="_self"><img style="vertical-align: middle;" src="https://www.domein.nl/xxx//images/flags/flag_nl.png" title="Nederlands" /></a> <a href="https://www.domein.nl/xxx/en/hosting" target="_self"><img style="vertical-align: middle;" src="https://www.domein.nl/xxx//images/flags/flag_en.png" title="English" /></a>| Logged in as: px | <a href="https://www.domein.nl/xxxlogout.dc">Log out</a>
</div>
</div>
<div id="headerMiddle">
<div id="headerLogo">
<a href="https://www.domein.nl/xxx/nl/home"><img src="https://www.domein.nl/xxx/images/layout/xxxLogo.png" alt="hxxx" height="54" width="205" /></a>
</div>
<div id="siteLogo"><img src="https://www.domein.nl/xxx/images/layout/poweredByProgressix.png" alt="Moederbedrijf" height="54" width="142" /></div>
</div>
<div id="headerNav">
<div class="headerNavItem">
<a href="https://www.domein.nl/xxx/nl/home">Home</a>
</div>
<div class="headerNavItemSpacer"></div>
<div class="headerNavItem">
<a href="https://www.domein.nl/xxx/nl/hosting">Hosting</a>
</div>
<div class="headerNavItemSpacer"></div>
<div class="headerNavItem">
<a href="https://www.domein.nl/xxx/nl/domains">Domeinen</a>
</div>
<div class="headerNavItemSpacer"></div>
</div>
</div>
</div>
<div id="body">
<div id="bodyContainer">
<div id="bodyMenu">
<div id="sidetree">
<div id="sidetreecontrol">
<a href="?#">Collapse All</a> | <a href="?#">Expand All</a>
</div>
<ul id="tree">
<li>
<a href="domains">Parent 1</a>
<ul id="tree">
<li><a href="home">Test item 1</a></li>
<li>
<a href="hosting">Sub Parent 1</a>
<ul id="tree">
<li><a href="hosting">Test item 2</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="hosting">Parent 2</a>
<ul id="tree">
<li><a href="hosting">Test item 3</a></li>
</ul>
</li>
</ul>
</div>
<div id="bodyContent">
Hostingpakketjes ....<br />
</div>
</div>
</div>
<div id="footer">
<div id="footerContainer">
© Copyright 2011 by Bedrijfsnaam | <a href="https://www.domein.nl/xxx/nl/home">Algemene voorwaarden</a> | <a href="https://www.domein.nl/xxx/nl/hosting">Contact</a>
</div>
</div>
</div>
</div>
</body>
</html> |
...en dan ben ik nog even zo vriendelijk geweest 't leesbaar te maken/formatteren/indenten want je HTML is ook nog eens aardig onleesbaar door het gebrek aan structuur. Dat zijn bijna 120 regels HTML waarvan ruim de helft (en waarschijnlijk 80%) nog overbodig is voor je testcase. En dan heb ik 't nog niet gehad over een
crapload aan CSS (ruim 650 regels CSS) waar we ons door heen moeten worstelen. Dat noem ik geen uitgeklede testcase. Je moet je probleem, als het goed is, in een paar (lees hooguit 20 ofzo) regels HTML en dan nog eens eenzelfde hoeveelheid CSS prima kunnen reproduceren.
deCube in "Probleempje met simpele DIV/CSS grid" demonstreert dat heel mooi.
Je kunt ons wel verwijten dat we je niet willen helpen, maar we proberen je juist zo te helpen dat je
jezelf kunt helpen
(En als je dat leert heb je er in de toekomst ook nog eens iets aan; zie hieronder)
Ik hou je niet tegen, maar besef wel:
Give a man a fish and feed him for a day. Teach a man how to fish and feed him for a lifetime.
Uiteindelijk help je TS hier dus, hoe goedbedoeld ook, niet mee
[
Voor 8% gewijzigd door
RobIII op 16-07-2011 16:26
]
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
/u/191174/Beaker-small.png?f=community)
:strip_icc():strip_exif()/u/43400/avatar.jpeg?f=community){kind=avatar}
:strip_icc():strip_exif()/u/96213/crop5efdf3cc9f01e.jpeg?f=community)
:strip_icc():strip_exif()/u/175444/crop5dc96dd95682e_cropped.jpeg?f=community)
En ook het uitkleden van je testcase (even strippen van overbodige meuk) kan nooit meer dan 5 minuten werk zijn. Sterker nog: dat ga je zélf ook nodig hebben om makkelijk aanpassingen te kunnen maken om te zien of iets voor je werkt of niet zonder telkens door de bomen het bos niet meer te zien. Het is gewoon een algemeen handige tip je enkel te concentreren op de hoofdzaak en pas later alle tierlantijntjes weer toe te voegen.
/u/293532/crop602d26dcd0ef0_cropped.png?f=community)
anders even display: block proberen...