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

Image-tutorial

Status
Für weitere Antworten geschlossen.
H

hackzack

Neues Mitglied
Ich bin grad am verzweifeln....ICh versuche grad zum ersten mal in meinem Leben CSS . Ich brauch es nur für Graphiken, Find aber kein Turorial darüber. bisjetzt hab ich nur für backgrounds was gefunden.....
 
oh, I already looked at these pages, but how do I write for example:

HTML: 
<img src="elf_top_bg.jpg" style="position:relative; top: 40px; left: 270px;"> </img>
in css?


EDIT: Omg, ganz vergessen, dass das n deutsches Forum is^^
 
WIe meinst du das, wie du das schreiben sollst? Das hast du doch genau in deinem Beispiel schon getan.

HTML: 
<img src="elf_top_bg.jpg" style="position:relative; top: 40px; left: 270px;"> </img>

Den Teil im style-Attribut nennt man CSS.

MfG Icy
 
Wenn du das CSS in eine separate Datei schreiben willst, bindest du die .css im <head> mit
HTML: 
<link type="text/css" rel="stylesheet" media="screen, projection" href="css/xxx.css" />
ein und schreibst dann in der .css z.B.
Code: 
[COLOR=#800080][COLOR=#0000ff]img {
  position: relative;
  top: 40px;
  left: 270px;
}[/COLOR][/COLOR]
 
ich glaub das ist jetzt meine letze Frage :)
Wo kommt dann der Pfad vom Bild hin? also:
HTML: 
img {
  src="elf_top_bg.jpg"
  position: relative;
  top: 40px;
  left: 270px;
}

funkt nicht....
 
ok, dann wars doch nicht meine letzte Frage^^: Wofür braucht man dann css?

EDIT: Also als externe Datei? Mir ist grad aufgefallen dass ich es ja teilweise schon intern benutze^^
 
Die externe Datei verwendet man, um Inhalt und Layout zu trennen, dadurch wird der Quellcode übersichtlicher und einfacher zu warten.

Alles was Layout betrifft, kommt ins CSS.
 
dann lern ich mich jetzt schön in css rein.... sind divs auch css? Ich hab da nähmlich n neues Problem^^

HTML: 
#box2 {
   background-image:url(tablstart.jpeg);
    position:relative;
    top: -143px;
    left: 276px
    height:300px;
    width:  300px;
    background-repeat:no-repeat;

}
Die Vektoren werden im Editor als Funktionstüchtig angezeigt aber im wahren tun sie so ziehmlich garnix.... Also zumindest der left: 276px . Was hab ich denn jetzt schon wieder falsch gemacht :shock:?
 
crash schrieb:
HTML dient zur Auszeichnung von Text
Zum Vergrößern anklicken....
Nicht nur von Text, von Inhalt allgemein. Auch Bilder sind u.U. Inhalt und die werden über das <img>-Tag ausgezeichnet.

Früher sollte das mal HTML selber übernehmen.
Zum Vergrößern anklicken....
Woher hast Du das? HTML sollte eigentlich schon immer nur das machen, was es heute wieder darf. Nur damals gab es kein CSS, also hat man sich mit HTML beholfen, Layout und Design zu machen. Daher kommen dann so Tags wie <b>, <i> und auch das Layouten per Tabellen. Seit es CSS gibt und sich das bewährt hat, kann man HTML aber wieder zu dem Zweck benutzen, zu dem es schon immer gedacht war.

hackzack schrieb:
sind divs auch css?
Zum Vergrößern anklicken....
Nachdem <div> ein HTML-Tag ist, kann es kein CSS sein. Deswegen gibts auch kein "Layout mit <div>", weil Layout Sache von CSS ist.

In Deinem letzten Code fehlt übrigens ein Semikolon (bei "left").
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben