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

Bild zentrieren

Spacex

Neues Mitglied
Hi,
ich erstelle gerade meine Website, und möchte Bilder zentriert einfügen.
Wen ich <img src="SpaceXlogo.png" align="middle"> eingebe, werden die Bilder trotzdem links angezeigt.Was mache ich falsch?
 
Werbung:
Werbung:
Es bezieht sich immer noch auf meine Seite.
Hier ein Ausschnitt:
<html>
<head>
<title>Spacex Support</title>
</head>
<body>
<img src="SpaceXlogo.png"class="middle">
<hr/>
<table border="1">
<tr>
 
Es bezieht sich immer noch auf meine Seite.
Hier ein Ausschnitt:
<html>
<head>
<title>Spacex Support</title>
</head>
<body>
<img src="SpaceXlogo.png"class="middle">
<hr/>
<table border="1">
<tr>
Kann auch nicht funktionieren - ohne das CSS (siehe in meinem Demo rechts oben).

Aus meinem (allgemeinen,grundsätzlichen) Demo-CSS:
CSS:
div {
   text-align: center;
}
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
wird auf dein HTML bezogen dieses:
CSS:
body { /* Parent von img */
   text-align: center;
}
img.middle { /* class="middle" */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
Wovon natürlich am Ende nur eine der beiden Varianten übrig bleibt / benötigt wird.

Falls nicht bekannt, und aus meinem Fiddle-Demo auch nicht ersichtlich, wie das CSS ins HTML gelangt:
 
Werbung:
Das ist warscheinlich eine Anfängerfrage, aber wie bringe ich dieses CSS jetzt auf meine Seite?
Das ist jetzt nicht dein Ernst, oder?
Falls nicht bekannt, und aus meinem Fiddle-Demo auch nicht ersichtlich, wie das CSS ins HTML gelangt:
(Anfänger)Fragen darf/kann man hier normalerweise grundsätzlich immer problemlos stellen.

Aber doch bitte nicht in diesem Kontext, wenn 10 Minuten zuvor -mit männlicher Intuition <<WIKI-Link :D- eine Linkempfehlung gepostet wurde.

Die Zeit darfst du dir ruhig nehmen, das Kapitel zu studieren, um es zielführend in der Praxis umzusetzen.

Und glaub' mir, der Schwierigkeitsgrad dieser Lektion ist ganz weit unten angesiedelt :)
 
Ok, ich habe den Artikel gelesen und werde es so machen:
1.Den css code in notepad kopieren und unter img.css speichern
2. <link rel="stylesheet" href="img.css"> im Quelltext speichern (in den head)
Stimmt das so?
 
Werbung:
Ok, ich habe den Artikel gelesen und werde es so machen:
1.Den css code in notepad kopieren und unter img.css speichern
2. <link rel="stylesheet" href="img.css"> im Quelltext speichern (in den head)
Stimmt das so?
Der Vollständigkeit halber:
HTML:
<link rel="stylesheet" type="text/css" href="img.css">
Ansonsten sieht's gut aus, wenn sich HTML-Seite und CSS-Datei im selben Verzeichnis befinden, damit der URL in href passt/funktioniert.
 
Der Vollständigkeit halber:
HTML:
<link rel="stylesheet" type="text/css" href="img.css">
Ansonsten sieht's gut aus, wenn sich HTML-Seite und CSS-Datei im selben Verzeichnis befinden, damit der URL in href passt/funktioniert.

Sorry fürs schlaumeiern, aber das type-Attribut ist mit html5 nicht mehr nötig, oder?
 
Werbung:
Zurück
Oben