• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Tabelle weg - andere Möglichkeit?

D

datze

Neues Mitglied
Hallo zusammen,

ich habe folgendes Problem.

Meine Aufgabe besteht es darin, die Tabelle wegzumachen. Es sollte aber trotzdem zentriert sein und das Bild rechts stehen. Table Boarder auf 0 zu stellen ist es dann zwar unsichtbar, aber die Tabelle muss weg. Ich habe versucht mit <div> Containern diese zu lösen aber irgendwie klappt das nicht. Könntet Ihr mir helfen?

Für Eure Hilfe bedanke ich mich im Voraus.
Das ist der momentane Stand :-( Tabelle muss ersetzt werden

<TABLE border=0>
<TBODY>
<TR>
<TD>
<P class=MsoNormal><FONT face=Arial><FONT size=2><STRONG>Neuer HTML Grundkurs<BR></STRONG>Jetzt live erleben</FONT></FONT><FONT size=2 face=Arial></P></FONT></TD>
<TD>
<P align=right><IMG src="/1234.jpg"></P></TD></TR></TBODY></TABLE></P>
<P>
 
PHP: 
<body>
  <img src="" alt="" />
  <p>Text</p>
</body>

Code: 
img {float: right;}
So bekommst du das Bild rechts neben den Text. Um beides zu zentrieren legst du ein <div> drum und zentrierst dieses mit
Code: 
div {
  width: 50%;
  margin: 0 auto;
}
 
Hallo. Vielen Dank.

Ich komme trotzdem nicht weiter. Vielleicht bin ich auch zu dumm, da ich sehr selten mit HTML arbeite.

Die Tabelle ist immer noch irgendwie da.

Gruß
 
Wie bearbeitest du denn deine Seite?

Wenn du die Tabelle nicht löschst, kann sie ja auch nicht verschwinden.
 
Hallo

ich arbeite mit dem Editor, aber wenn ich <TAB> wegmache verrutscht mir wieder alles. Und das Bild ist nicht rechts vom Text, sondern irgendwie rechts unten. Kannst du mir die HTML-Tags wo ich in meiner Frage hab, so positionieren das die Tabelle weg ist und ich ohne Tabelle arbeiten kann.

Liebe Grüße
 
Die Tabelle entfernen kannst nur du, ausserdem ist <TAB> kein gültiges Tag, eine Tabelle zeichnet man mit <table> aus.

Wenn du mein Beispiel übernimmst, ist das Bild rechts vom Text.
 
vielen Dank wo postioniere ich denn? Ich bin ein bisschen unter eurem Niveau das weiss ich ;-) Ich hab noch nie HTML gemacht :(

<body>
<img src="" alt="" />
<p>Text</p>
</body>


und wo
img {float: right;}
 
Wenn du noch nie was mit HTML gemacht hast, solltest du es gleich richtig lernen, dann ist sehr vieles später leichter.

Lies dir die folgenden Artikel sehr aufmerksam durch, vieles wird dir vielleicht etwas unverständlich erscheinen, aber glaube mir, das ändert sich sehr schnell. Speicher sie dir ab und schaue bei Fragen immer wieder rein.

Vorsprung durch Webstandards | Semantischer Code - Definitionen, Methoden, Zweifel

"Tabellen-Designs durch DIV-Layer ersetzen" aus reieRMeisters Hinweisen zum Webauthoring

Vorsprung durch Webstandards | Theory

Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten

Tutorial:
Erlernen Sie HTML und CSS - Kostenlose Tutorials - Erstellen Sie Ihre eigene Webseite | HTML.net

Zu deiner Frage, im <img> gibst du als 'src' den Pfad zu deinem Bild an, der Text gehört in das <p>.

Der zweite Code ist das CSS, damit macht man das Layout.
 
Das ist ja Super!!! Aber leider komme ich trotzdem nicht aus dieser schwierigen Funktion. Ich lerne Metzger und sollte hier nur etwas herausfinden und kenn mich hier gar nicht aus.

<TABLE border=0>
<TBODY>
<TR>
<TD>
<P class=MsoNormal><FONT face=Arial><FONT size=2><STRONG>Neuer HTML Grundkurs<BR></STRONG>Jetzt live erleben</FONT></FONT><FONT size=2 face=Arial></P></FONT></TD>
<TD>
<P align=right><IMG src="/1234.jpg"></P></TD></TR></TBODY></TABLE></P>
<P>

Ok, ich habe diesen HTML. Ich wollte ein Bild neben dem "Jetzt live erleben" haben (vllt ist der Text länger) könntest du/ihr mir diesen so zurecht gestalten das ich glücklich sein kann;)?

Sehr schwer :-(

Gruß
 
Sollte es doch schon sein, auch wenn die Tabelle nicht das richtige Mittel ist, sind es 2 Zellen, in der ersten steht der Text, in der zweiten steht das Bild.

Wo ist das Problem?

Ein Link zur Seite würde helfen, das Problem zu erkennen.
 
Hallo Thor,
hallo datze,

erstmal klingt das doch endlich mal so, als ob ein Lehrer eine vernünftige Aufgabe
gestellt hätte: wie oft gibt es hier Anfragen, wo es heißt, dass der Lehrer Frames
vorschreibt...

Anschließend habe ich das Gefühl, dass Ihr aneinander vorbei redet:
Thor hat die richtige Antwort gegeben, datze konnte sie nicht umsetzen, weil der
Lehrer offenbar nur die Hälfte verraten wollte...

Daher @ datze:

ich gehe davon aus, dass Du da eine vollständige HTML-Datei hast?
Dann lösch mal alles von <table> bis einschließlich </table>
Da schreibst Du jetzt nur noch das hin, was Thor geschrieben hat:
Code: 
[COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000bb]img src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"[/COLOR][/COLOR]/1234.jpg[COLOR=#000000][COLOR=#dd0000]" [/COLOR][COLOR=#0000bb]alt[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"" [/COLOR][COLOR=#007700]/>
<[/COLOR][COLOR=#0000bb]p[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]Text[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]p[/COLOR][COLOR=#007700]>[/COLOR][/COLOR]
Anschließend scheibst Du in den Head (also zwischen <head> und </head>):
<link href="style.css" rel="stylesheet" type="text/css" />
und erstellst eine neue Datei, der Du den Dateinamen "style.css" gibst.
Diese Datei speicherst Du im selben Ordner, in dem Deine index.html liegt.
In diese Datei schreibst Du:
Code: 
img
   {float: right;}
Grüße
Bernhard
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben