HTML Bild neben Tabelle einfügen
Hallo zusammen,
nachdem ich mit dem Sharepoint und vorallem mit der Designkonfiguration nicht weitergekommen bin, habe ich mir jetzt einen kleinen Webserver gebaut, um mein eigenes Intranet zu programmieren.
Ich bin sozusagen auch fertig. Links auf der Seite ein paar Rubriken mit Inofs etc, die ich mit Tabellen eingefügt habe und jetzt kommt das Problem:
Mein Chef möchte rechts neben den Tabellen ein großes Mitarbeiterbild eingefügt haben und da ich nicht mit Stylesheets, div`s etc gearbeitet habe, stellt sich für mich die Frage, geht das überhaupt oder verschiebt der mit der dann die ganzen Tabellen wenn ich das Bild einfüge?
Mir ist bewusst, dass Tabellen nicht für Layoutzwecke gedacht ist, aber ich denke, es gibt bestimmt auch einen Trick, wie ich das Bild dennoch rechts neben der Tabelle einfügen kann:
Das ist der Ausschnitt meinen HTML Codes:
Also rechts neben die Tabellen muss ich ein Bild einfügen, ich weiß dass mein Code grottenschlecht ist, aber wenn ich das Bild noch auf die rechte Seite bekommen, wäre ich fertig.
Bitte dringend um Hilfe!
Gruß
lordofremixes
nachdem ich mit dem Sharepoint und vorallem mit der Designkonfiguration nicht weitergekommen bin, habe ich mir jetzt einen kleinen Webserver gebaut, um mein eigenes Intranet zu programmieren.
Ich bin sozusagen auch fertig. Links auf der Seite ein paar Rubriken mit Inofs etc, die ich mit Tabellen eingefügt habe und jetzt kommt das Problem:
Mein Chef möchte rechts neben den Tabellen ein großes Mitarbeiterbild eingefügt haben und da ich nicht mit Stylesheets, div`s etc gearbeitet habe, stellt sich für mich die Frage, geht das überhaupt oder verschiebt der mit der dann die ganzen Tabellen wenn ich das Bild einfüge?
Mir ist bewusst, dass Tabellen nicht für Layoutzwecke gedacht ist, aber ich denke, es gibt bestimmt auch einen Trick, wie ich das Bild dennoch rechts neben der Tabelle einfügen kann:
Das ist der Ausschnitt meinen HTML Codes:
<p class="auto-style2" style="width: 1024px; height: 60px"><strong> Willkommen im
Intranet der Max Mustermann GmbH</strong>
</p>
<table style="width: 22%" class="auto-style14">
<tr>
<td style="width: 1983px; height: 31px;" class="auto-style12">Quicklinks</td> --> HIER RECHTS DANEBEN SOLL DAS BILD OHNE DAS SICH DIE ANDEREN TABELLEN DARUNTER VERSCHIEBEN
</tr>
<tr>
<td style="width: 1983px; height: 12px;" class="auto-style8">
<ul>
<li class="auto-style7">
<a href="http://server/intranet/kantine/Login" class="auto-style10">
<span class="auto-style9">Kantine</span></a></li>
<li class="auto-style7">
<a href="http://server/intranet/up.aspx" class="auto-style10">
<span class="auto-style9">Look Up</span></a></li>
</ul>
</td>
</tr>
</table>
<table style="width: 22%">
<tr>
<td style="width: 1514px" class="auto-style12">Dokumente</td>
</tr>
<tr>
<td style="width: 1514px; height: 12px;" class="auto-style5">
<ul>
<li class="auto-style8">
<a href="file://server/documents/telefon_kurzanleitung.pdf" class="auto-style10">
<span class="auto-style9">Telefon Kurzanleitung</span></a></li>
</ul>
</td>
</tr>
</table>
<table style="width: 22%">
<tr>
<td style="width: 1541px" class="auto-style12">Aktuelles aus der Welt</td>
</tr>
<tr>
<td style="width: 1541px; height: 12px;" class="auto-style5">
<ul>
<li> <script type="text/javascript" src="http://www.feed-generator.pfalzonline.de/show.php?url=http%3A%2F%2Fwww.tagesschau.de%2Fxml%2Frss2&channel=no&numitems=3&desc=no&datetime=no&font=Arial&fontcolor=%23FFFFFF&bgcolor="></script>
<noscript>Ihr Browser unterstützt kein Javascript.</noscript>
</li>
</ul>
</td>
</tr>
</table>
<table style="width: 22%">
<tr>
<td style="width: 1541px" class="auto-style12">Wetter</td>
</tr>
<tr>
<td style="width: 1541px; height: 12px;" class="auto-style5">
<ul>
<li> <div id="weatherWidget" data-serviceid="5ab12aba4e8728.59994688" data-format="160x160" data-version="1.1" data-city="18224852" data-source="http://www.wetter24.de"><div serviceid="weatherWidgetBlock"></div><script src="http://www.wetter24.de/fileadmin/scripts/widget.js"></script></div> </li>
</ul>
</td>
</tr>
<tr>
<td style="width: 1541px" class="auto-style1">
</td>
</tr>
</table>
</body>
</html>
Also rechts neben die Tabellen muss ich ein Bild einfügen, ich weiß dass mein Code grottenschlecht ist, aber wenn ich das Bild noch auf die rechte Seite bekommen, wäre ich fertig.
Bitte dringend um Hilfe!
Gruß
lordofremixes
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 369252
Url: https://administrator.de/forum/html-bild-neben-tabelle-einfuegen-369252.html
Ausgedruckt am: 23.12.2024 um 02:12 Uhr
11 Kommentare
Neuester Kommentar
Hallo!
Wenn schon Tabellen, dann schau dir mal die Begriffe rowspan und colspan an:
https://www.w3schools.com/tags/att_td_rowspan.asp
https://www.w3schools.com/tags/att_td_colspan.asp
Gruß
eisbein
Wenn schon Tabellen, dann schau dir mal die Begriffe rowspan und colspan an:
https://www.w3schools.com/tags/att_td_rowspan.asp
https://www.w3schools.com/tags/att_td_colspan.asp
Gruß
eisbein
Eventuell ist ihm ein Stein auf den Kopf gefallen , bei dem HTML-Code kann man ja nur mit den Händen auf den Kopf einschlagen .
Beim ir fehlt komplett der tablehead
Nicht nur - Aber den Code wollen wir nicht diskutieren, dass er schlecht ist weist du offenbar...!
Um rowspan verwenden zu können, müssen mehr als eine <td></td> vorhanden sein - denn mit rowspan verbindet man eben mehrere </td><td> zu einer einzigen!
Du kannst nun bei jeder <tr> noch die fehlenden <td></td> einbauen.
In der 1. Tabellen-Zeile kannst du dann dein Bild einfügen und bei den weiteren Tabellenzeilen <td> verbindest du diese dann mittels rowspan.
Gruß
eisbein
.