nicht angemeldet
Lieber Dennis
Wenn du jetzt statt Backslash einfach nur Slash sagst, hast du recht - Backslash ist der hier: \ ;-)
Ups, ja ist natürlich klar :)
Dem img-Tag, da im P-Tag ja noch weitere Text Informationen (z.B. eine Bildunterschrift) stehen können, die du ja vermutlich nicht eingerahmt haben willst. Wobei du das letztendlich natürlich selber entscheiden kannst.
OK, ich habe da nun folgendes Dilemma:
Dem <p>-Element habe ich bei mir generell einen Rahmen
mit padding:5px zugeordnet, weil ich das immer in so weissen Rahen haben möchte.
Die Bilder sollen auch diesen weissen Rahmen haben,
aber ohne padding.
Wenn ich nun dem <img>-Element einen bordern gebe,
klappt das auch wunderbar. Nur sorgt dann eben noch das
<p>-Element (was ich ja "darumlegen" muss) auch noch für einen
zweiten Rahmen. Wie kann ich das denn amgeschicktesten lösen.
Unten nochmal der neue Quelltext und die CSS-Datei zur Verdeutlichung.)
Ist da nun eine ID für das <p>-Element angesagt?
Gruß
Ingo
HTML
---------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" media="screen" href="css-screen.css" />
<title>SPACEart</title>
</head>
<body>
<h1>Neuheiten</h1>
<h2>Star Wars : AT-AT (Einzelstück)</h2>
<p>Es handelt sich um den Original Modell-Bausatz der Firma mpc/ERTL aus dem Jahr 1989. Die vorderen Beine und das Kontroll-Modul ("Kopf") sind beweglich. Die Base und der Snow Speeder sind nicht enthalten. -- ACHTUNG: wir haben nur ein einziges Exemplar !</p>
<p><img src="Artikel/2001007-b.jpg" /></p>
<p>Es handelt sich um den Original Modell-Bausatz der Firma mpc/ERTL aus dem Jahr 1989. Die vorderen Beine und das Kontroll-Modul ("Kopf") sind beweglich. Die Base und der Snow Speeder sind nicht enthalten. -- ACHTUNG: wir haben nur ein einziges Exemplar !</p>
</body>
</html>
---------------------------------------------------------------------
CSS
---------------------------------------------------------------------
* html body {font-size:101%;}
html {
scrollbar-base-color:#004559;
scrollbar-3d-light-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-darkshadow-color:#004559;
scrollbar-face-color:#235F70;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#004559;
}
body {
background-color : #235f70;
font-family : Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
}
h1, h2, p {
background-color: #004559;
padding: 5px;
border: 1px solid #ffffff;
width: 498px;
margin: 10px 0 0;
}
h1,h2 {
font-weight: bold;
color: #fff000;
}
h1 {
font-size:1.7em;
}
h2 {
font-size:1.2em;
}
img {
border: 1px solid #ffffff;
}
---------------------------------------------------------------------
Gunnar Bittersmann
MudGuard
Der Martin