Ich fange gerade mit CSS an, und habe schon die ersten 2 Probleme gefunden.
1. Ich wollte einrichten dass alle Grafiken mittig ausgerichtet werden das müsste doch eig mit
img {vertical-align:middle; }
gehen oder?
2. Wollte ich nur eine Grafik mittig ausrichten. Habe im body das Bild als "banner" benannt
<img src="bB_Banner.jpg" alt="banner">
Nun in CSS dürfte das doch dann so gehen:
#banner {vertical-align:middle; }
-> Nun, funktioniert beides nicht, hab schon gegoogelt und bein eig überzeugt das das so gehen sollte. Kann mir wer helfen?
Das Bild bleibt in beiden Fällen einfach am linken Rand.
Hier der komplette Code:
1. Ich wollte einrichten dass alle Grafiken mittig ausgerichtet werden das müsste doch eig mit
img {vertical-align:middle; }
gehen oder?
2. Wollte ich nur eine Grafik mittig ausrichten. Habe im body das Bild als "banner" benannt
<img src="bB_Banner.jpg" alt="banner">
Nun in CSS dürfte das doch dann so gehen:
#banner {vertical-align:middle; }
-> Nun, funktioniert beides nicht, hab schon gegoogelt und bein eig überzeugt das das so gehen sollte. Kann mir wer helfen?
Das Bild bleibt in beiden Fällen einfach am linken Rand.
Hier der komplette Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>bambusas Blog</title>
<style type="text/css">
h1 {color:#FF9900; font-size:20px; font-family:Arial; text-align:center; background-color:#CCCCCC}
img {vertical-align:middle; }
</style>
</head>
<body bgcolor="#999999">
<h1> bambusas Blog </h1><br /><br />
<img src="bB_Banner.jpg" alt="banner">
</body>
</html>