EKKi: Grafik

Beitrag lesen

Mahlzeit Hi EKKI,

Kannst Du mir vielleicht mal den Div-Tag schreiben, wie der aussieht, wenn mein Bild die Größe 150 px x 200 px haben soll , einen weißen Rahmen mit 2px und mein Bild z.B rot.jgp heißt?

Versuch einfach mal, die genannten Anforderungen zu abstrahieren und strukturiert aufzuschreiben:

Du brauchst also ein <div>, das die folgenden Eigenschaften hat:

  • es soll 200px hoch sein
  • es soll 200px breit sein
  • es soll einen weißen, 2 px breiten Rahmen haben
  • es soll vermutlich einen weißen Hintergrund haben
  • der Inhalt soll horizontal zentriert sein
  • der Inhalt soll vertikal zentriert sein

So spontan würde mir dabei z.B. folgende Formatierung einfallen:

<style type="text/css">  
  
[code lang=css]div.dia {  
  height:           200px;  
  width:            200px;  
  border:           2px solid #fff;  
  background-color: #fff;  
  text-align:       center;  
  vertical-align:   middle;  
}

</style>
[...]
<div class="dia"><img src="rot.jpg" alt="Irgendwas Rotes anscheinend"></div>[/code]

Wenn's das noch nicht ist, probier mit Hilfe von http://de.selfhtml.org/css/eigenschaften/index.htm@title=SELFHTML bisschen aus.

das würde mir total helfen, weil ich bin echt ein Grünling, was Html angeht.

Hier hilft Dir auch eher http://de.selfhtml.org/css/eigenschaften/index.htm@title=CSS weiter ...

MfG,
EKKi

--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|