Wie kann ich abstand geben

[umar420]

Hallo,

Ich wollte fragen wie kann ich in Html eine grafik abstand geben von recht und von links. Aber es soll sich nicht untscheiden von auflösung z.b. wenn ich in bildschimr sehe dort wird es richtig gezeigt und wenn ich in leptop sehe wird anders gezeigt.

Ich habe zeitlang alleine versucht selbst hin zubekommen aber leider erfolglos.

Wie kann ich auch eine grafik mit css zugreifen ich kenne nur 2 methoden id und class, aberw enn ich zu id oder class vergebe und in css bearbeiten möchte passiert nicht.

Link zu webseite die code könnte mal von dort entnehmen.

http://mta-webseite.24.gp/HOME/

ich möchte von beiden seiten also von recht und links abstend geben aber es geht nur eine seite. Bitte nicht gleich sauer werden, wenn ich was falsch gemacht habe.

 

[ComFreek]

Ich würde statt left eher margin verwenden:

margin-left: 2em;
margin-right:2em;

Übrigens bist du im HTML-Forum, das CSS-Forum wäre für dieses Thema besser

 

[umar420]

Servus,

Habe auch das probiert das geht auch nicht ich vesrtehe nicht mehr wo das fehler ist.

Kan mich jemand in CSS verschieben und ich entschuldige für den fehler ich dachte die frage ist auf Html,deswegen hatte ich in den bereich geschrieben.

 

[Kalito]

hast du das margin auch in die style-tags geschrieben?

 

[umar420]

Ja ich habe das in style tags auch geschrieben.

<img style="position: fixed;  width: 100%; height: 9%; margin-left: 2em; margin-right: 22em; top: 3px;" src="PNG/logo-hintergrund.PNG"/>

 

[Kalito]

mach mal aus dem em ein px und teste Spaßenshalber statt Margin mal padding

 

[SpiceLab]

Ich würde statt left eher margin verwenden:

margin-left: 2em;
margin-right:2em;

Ist hier wenig hilfreich, wenn das Element dem CSS zufolge im Viewport fixiert positioniert sein soll.

<div id="imgHolder"><img ... /></div>

div#imgHolder { position:fixed; left:2em; right:2em; top:1em; height:9%; overflow:hidden; }
div#imgHolder img { width:100%;  }

 

[umar420]

Habe jetzt so gemacht wie du oben beschrieben hast in div tag hat auch nicht geholfen da ist jetzt nur ein strich also grafik aber das soll ja nicht so aussehen.

 

[SpiceLab]

Da fehlt noch was ;-)

html,body { height:100%; margin:0;}
div#imgHolder { position:fixed; left:2em; right:2em; top:1em; height:9%; overflow:hidden; }
div#imgHolder img { width:100%; height:100%; }

 

[umar420]

servus,

habe jetzt auch so eingestellt aber es ändert sich nix egal was ich da in css datei rein schreibe.

http://mta-webseite.24.gp/HOME/CSS/home.css

http://mta-webseite.24.gp/HOME/

das ist die css datei.