[HTML] Breite der Tabelle | Gegen Bilderklau

uuhna

Ich kriegs im Verrecken nicht hin, die Tabellenbreite zu ändern...Kann mir jemand helfen?

Hier mal der Code

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:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  
  <title>Allure Cheval</title>
</head>


<body topmargin="0" leftmargin="0" style="background-image: url(http://i5.tinypic.com/2dhxicj.jpg);">


<img src="http://i10.tinypic.com/43yke4x.jpg">
<div style="position: absolute; left: 123px; top: 560px; width: 155px;">
<html>
<head>


  
  
  <title>Allure Cheval</title>
  <link rel="stylesheet" href="style.css">
</head>


<body>


<div align="center"><br>


<br>


<br>


<br>


<br>


<table style="border: 1px solid rgb(0, 0, 0);" >

  <tbody>

    <tr>

 <td colspan="2" >
      
      <div align="center"><b>Allgemein</b></div>

 </td>

 </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Home</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">G&auml;stebuch</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Kontakt</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Impressum</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Bildernachwei&szlig;</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Grafiknachwei&szlig;</div>

      </td>

    </tr>


    <tr>

 <td colspan="2">
      
      <div align="center"><b>Anmeldung</b></div>

 </td>

 </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">FAQ's</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Regeln</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Arbeitsamt</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Probepferde</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Probeanmeldung</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Vollanmeldung</div>

      </td>

    </tr>


    <tr>

 <td colspan="2">
      
      <div align="center"><b>Gest&uuml;t</b></div>

 </td>

 </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Anlage</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Stallungen</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Koppeln</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Deckstation</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">B&uuml;ro</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Futterkammer</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Tierarzt</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Hufschmied</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Hofladen</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Hofzeitung</div>

      </td>

    </tr>


    <tr>

 <td colspan="2">
      
      <div align="center"><b>Pferde</b></div>

 </td>

 </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Privatpferde</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Verkaufspferde</div>

      </td>

    </tr>


    <tr>

 <td colspan="2">
      
      <div align="center"><b>Mitglieder</b></div>

 </td>

 </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Verzeichnis</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Login</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Probemitglieder</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Forum</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Abzeichen</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Stati</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Auszeichnungen</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Aufgaben</div>

      </td>

    </tr>


    <tr>

 <td colspan="2">
      
      <div align="center"><b>Aktives &amp; Sonstiges</b></div>

 </td>

 </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Tuniere</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Events</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Geburtstagskalender</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Awards</div>

      </td>

    </tr>


    <tr>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="left">Partner</div>

      </td>

 <td style="border: 1px solid rgb(0, 0, 0);">
      
      <div align="right">Partner werden</div>

      </td>

    </tr>



  
  </tbody>
</table>

</div>


</body>
</html>



</div>


</body>
</html>

Gonzo

Hi,

sorry to say: Aber der Code ist chaotisch. Augenzwinkern

Du hast z.B. zwei "html"- und zwei "head"-Anweisungen. Nimm die jeweils zweiten schon mal raus.

Dann fehlt natürlich die "width"-Angabe bei der "table"-Anweisung.

So könntest Du die Tabellenbreite nämlich überhaupt nur bestimmen. Oder wie hattest Du das gedacht?

Ich rate dazu, bei

SELFHTML

mal genauer nachzulesen, z.B. hier:

http://de.selfhtml.org/navigation/html.htm#tabellen

Viel Erfolg!

uuhna

geht trotzdem nicht

uuhna

danke
ich arbeite mit nvu und bluefish!!!

Geht aber nicht ich mach mal nen screen und editiers rein!

EDIT:

Gonzo

Anna,

Vorsicht mit Absolutangaben und divs.

In Deinem ursprünglichen Code sind zwei DIV-Angaben, davon eine, die erst am Schluß vor dem </body> geschlossen wird.

(Es sind übrigens auch zwei </body> und </html> Tags drin. Die zweite Garnitur muß auch raus!)

Du hast also eine große <div> ... </div> Struktur mit einer absoluten Breitenangabe: 155px. Dadurch wird die eingebettete Tabelle auch nur max. 155px breit.

Versuchs doch mal ohne die DIVs und dafür mit:

<table width=80%> (nur als Beispiel)

Ansonsten wird das Layout sehr stark von der Bildschirmauflösung des Betrachters abhängig.

Maybritts zweite Lösung hat ebenfalls genau diese Schwäche (sorry!): Ihre "große" DIV-Struktur hat eine Breite von 166...
Augenzwinkern

Gonzo

Hi,

ahso, das mit dem Menü wußte ich nicht (hat Anna das irgendwo geschrieben?). Wußte auch nicht, daß es genau 166px breit sein sollte.

May-Britt. Schöner Name. smile

Sorry fürs Falschschreiben. rotes Gesicht

uuhna

@May-Britt großes Grinsen

anke wegen der Mühe die du dir gemacht hast. Jetzt klappt alles *bussy geb
@Gonzo: Auch ganz dolles Danke

Gonzo

May-Britt,

schon klar, nur woher wußtest Du, daß die Aufzählung oben ein Menü sein sollte und die Tabellenbreite genau 166px? Augenzwinkern

@Anna,

hoffe, Du hast was dabei gelernt. smile

Viele Grüße
Gonzo