Gegen Bilderklau - Das Original | Druckvorschau: Breite der Tabelle

Geschrieben von uuhna am 03.04.2007 um 10:36:

Breite der Tabelle

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>

Geschrieben von Gonzo am 03.04.2007 um 10:44:

RE: Breite der Tabelle

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!

Geschrieben von uuhna am 03.04.2007 um 11:02:

geht trotzdem nicht

Geschrieben von uuhna am 03.04.2007 um 11:17:

danke
ich arbeite mit nvu und bluefish!!!

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

EDIT:

Geschrieben von Gonzo am 03.04.2007 um 16:11:

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

Geschrieben von Gonzo am 03.04.2007 um 17:00:

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

Geschrieben von uuhna am 03.04.2007 um 17:49:

@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

Geschrieben von Gonzo am 04.04.2007 um 16:59:

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