Bilder nebeneinander in Tabelle, wie bekomme ich eine Textbezeichnung mittig über das
#1
Hallo liebe Leute,

schönen Sonntag erstmal, obwohl es bei uns regnet, aber drum brüte ich auch über meine html Seite.

War lange raus aus dem Schreiben von html Seiten und bräuchte dringend Hilfe ... und zwar

hier mein Tabellencode:

<div>
<table cellpadding="20" cellspacing="20" width="100%">
<tr>
<td>
** < !----hier soll die Überschrift stehen-----> **
<a href="http://www.bildertube.de"> © Bildertube. de</a>

<a href="http://www.bildertube.de">
<img src="../bilder/hase-mit-katzenaugen.jpg" style="width:300px; height:300px; border:0px;" alt="Hase" title="Hase mit geklonten Raubkatzenaugen"/>
</a>
</td>

<td>
** < !----hier soll die Überschrift stehen-----> **
<a href="http://www.alanayers.com">©Alan Ayers Bild </a>

<img src="../bilder/crescento-moona-tut-rahmen-alan-ayers-bild.jpg" style="width:304px; height:304px; border:0px;" alt="Alan Ayers Bild" title="Bloody Mary"/>

</td>
</tr>
</table>
</div>
--------------------------------------------------------

Habe alles ausprobiert, vorher hatte ich <br /> genommen, aber man sagte mir das wäre falsch, das macht man nicht in Tabellen, dann hatte ich das mit dem <p> tag probiert, aber denke das ist erst recht falsch, oder ? Was kann ich dann noch machen - mit <td align="center valign="top"> - geht das auch nicht, nicht mit middle oder oder .. alles durchgetestet, der TextLink hängt unter links neben dem Bild anstatt drüber mittig zu sitzen ...!

Bitte bitte ... würde mich sehr über Hilfe freuen auch wenn ich selten da bin!

Liebe Grüße
Marion

Hier mal der Link wie ich es mit dem <p> tag ausgerichtet habe und wie es aussehen soll:
http://hyhley.hy.funpic.de/html-kurs-pir...ilder.html

und so sieht es aus was mir nicht gefällt:
http://hyhley.hy.funpic.de/html-kurs-pir...itenanfang

Danke schon mal und tschüßixmasdanke
Zitieren
#2
Hallo,

Versuch es mal mit

[HTML]style="padding: 5px 0;"[/HTML]

Der erste Wert ist für oben/unten der Zweite für Links/Rechts.

Wenn du nur oben mags geht auch

[HTML]padding-top: 5px;[/HTML]

Ciao Alex
Zitieren
#3
<br> macht man in Tabellen nicht. Der eine ruft "bloss keine Tabellen", der andere dies, der nächste jenes. Ich warte jetzt mal auf den der schreibt, eine Tabelle macht man nicht in einen <div> Tag. Soweit meine Meinung zu dem Spruch "das macht man nicht"...

Im IE8 sehe ich nicht, wo das Problem liegen soll, jedenfalls nicht sofort. Der Unterschied zwischen <br> und <p> ist letztlich auch nur, dass der <p> Tag ein blockbildendes Element ist. In der Praxis erzeugt das erst mal eine zusätzliche Leerzeile, die man dann mit ganz viel CSS "wegbiegen" kann.

Wenn du die so genannte reine CSS Formatierung, sprich alles in DIV Container packen und per CSS formatieren, für alle Browser nicht beherrscht, dann kannst Du deine Seiten auch so formatieren, wie Du es möchtest.

Am Ende schick die Seiten einfach an einen Validator, bspw. die Seite im Browser aufrufen und http://validator.w3.org/check# angeben, und wenn dann Fehler angezeigt werden, kannst Du die beheben und wenn keine angezeigt werde -> FERTIG...und gut is'


Grüße, Beagle
Zitieren
#4
Hi
@ Kuddl83
und
@Beagle

Erst mal vielen Dank für die Antworten, ich hatte nachgesehen und habe auch früher schon <br /> in meine Tabellen gepackt und kam keine Fehlermeldung, hi hi ... ja das wärs ja noch, nicht in den Div packen, hatte mal vor ca. 3 Jahren angefangen html zu lernen und seither haben sich ja eine menge Neuerungen getan, alleine das man das < br mit dem schließenden / schreibt, naja ... bin für alles offen. Jedenfalls überlege ich mir dann mal ne css Variante, denn so sieht das ja voll bescheiden aus!!! Wenn der Titel des Bildes am unteren linken Rand rumhängt .. !!

Danke euchBussi

bis denne
lieben Gruß
Marion
Zitieren
#5
bei mir hängt weder im Opera noch im IE ein Bildtitel links unten am Rand...

Grüße, Beagle
Zitieren
#6
Hallo und einen angenehmen Wochenbeginn @Beagle !!!

Watt, nicht???? Aber im Firefox sieht das voll daneben aus ... das ist ja wirklich gediegen!!!!
Glaube du hast die Seite mit meinen <p> tag aufgerufen, bei dieser Seite hier hängt es in JEDEM BROWSER auch links unten am Rand ...... schau hier:
http://hyhley.hy.funpic.de/html-kurs-pir...ster.html#



Hi, nun ist genau DAS passiert, angeblich setzt man keine Tabelle in einen DIV, nur umgekehrt man kann einen div in die Tabelle setzen.

:erschreck:

Das hier war die Antwort:

Die Tabelle kann nicht in einer DIV Box sitzen,umgekehrt ja.
h1 und h3 brauchen auch nicht in eine DIV Box.


Bei meinem Invalid check hat der nur über die "neuartigen abschließenden br Klammern und img tag Klammern gemeckert, alles andere befand die Check Seite als OK ...

echt merkwürdig!!

Wollte es nur noch mal erwähnt haben da du es ja schon befürchtet hattest!

Liebe Grüße
Marion
Zitieren
#7
wer sagt denn, dass eine Tabelle nicht in einer DIV Box deklariert werden darf ? Ich habe X-Seiten die alle einwandfrei durch Validator laufen.

Für diese Überschriften h1, h2, h3... gibt es allerdings Einschränkungen. Ich kenn die nicht alle auswendig, Du kannst die Regeln einfach bei SELFHTML oben im Forums-Link nachsehen.

Das mit den Beanstandungen deiner <br /> Tags habe ich schon vermutet. Mit dem Slash / müsstest Du das Dokument als XHTML im Doctype deklarieren. Du hast es aber schon fehlerhaft als HTML 4.01 deklariert.

Die verrutschten Bildunterschriften sehe ich jetzt auch. Aber bei den Deklarationsfehlern wäre es müßig jetzt dazu was zu sagen.

Also ran, ne', und alles schön nach Vorschrift :icon_troest:


Grüße, Beagle
Zitieren
#8
Ja ja Beagle

man lernt nie aus ... grins ... lasse mich gerne belehren da ich längst nicht allwissend bin, geschweige denn überhaupt wisssend, aber du hast mir sehr geholfen, schon alleine deine Meinung war mir wichtig!

Schön das mir geantwortet hast, bedanke mich dafürxmasdankeBussi

und nun werde ich mal weitersehen, denn wenn meine html Tutorin meint das es umgekehrt richtig ist und man einen <div> in die Tabelle setzen darf, dann ist das ja mit dem <p> tag auch richtig !!

Das wäre ja denn logisch, wenn Logik überhaupt was mit html zu tun hat! Smile

Lieben Gruß
Marion
Zitieren
#9
offen gestanden kommt es weniger darauf an, was ein Mentorin so sagt. Wichtig ist der Check durch den W3C Validator. Wenn der keine Fehler anzeigt, ist deine seite webkonform, sprich valide und W3C konform und läuft dann bei jedem Anwender. "Darf nicht" und "gibts nicht" und "macht man nicht" sind Sprüche, sorry...Du musst die seiten so bauen, dass sie auf allen Browsern laufen, das ist wichtig...

Grüße, Beagle
Zitieren
#10
Ja, letzendlich werde ich auch so handeln und werde mich auch nicht ducken sondern meine Meinung dazu äußern und wenn die Leute offen sind, nehmen sie das auch an!!

tschüßi
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Tabelle an Bildschirmauflösung anpassen MacRubino 7 3.960 29.06.2012, 13:02
Letzter Beitrag: Helmut
  Brauche Hilfe Ich kann seit meinen ein paar Tagen in Foren keine Bilder mehr hexe-xl 8 3.051 12.04.2011, 07:42
Letzter Beitrag: hsk
  Bilder werden im IE nicht angezeigt Onkel 1 1.424 17.03.2010, 21:34
Letzter Beitrag: Seramis
  Newsletter/ mittels HTML Bilder einfügen Nihot 2 2.721 16.07.2009, 11:34
Letzter Beitrag: Helmut
  WIe bekomme ich meinen eigenen Hintergrund auf eine blogg.com crazyscrapwitch 1 1.165 25.06.2008, 07:51
Letzter Beitrag: prm
  Bin anfänger hätte da eine frage ice76 11 2.635 09.11.2007, 11:14
Letzter Beitrag: hddriver
  Animation über ein Bild laufen lassen? (im Head) Panda9000 6 2.283 10.09.2007, 13:16
Letzter Beitrag: Ebba
  Tabelle und dann als "Laufschrift" Pinki24 1 1.019 03.09.2007, 10:17
Letzter Beitrag: Pinki24
  Bild in Tabelle vertikal zentrieren Ebba 15 6.105 31.07.2007, 16:03
Letzter Beitrag: Ebba
  Kann keine Bilder Aktualisieren Ole 2 1.994 12.06.2007, 20:43
Letzter Beitrag: Ole