Wie kann ich abstand geben

[SpiceLab]

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

Der angegebene Pfad zur CSS-Datei stimmt im HTML-Doc auch nicht mit deinem Genannten überein ;-)

http://mta-webseite.24.gp/CSS/home.css >> "404 Not Found"-Error

 

[umar420]

Servus,

Danke dir sory habs gemerkt was du meinst. Vilen dank für deine hilfe.

Es ist ein problem aufgetreten. Auf mein bildschirm von rechner wird richtig gezeigt aber auf meine leptop sehe ich alles anders. Was muss ich tun damit es bei beiden auflösungen richtige gezeigt wird ?

 

[umar420]

Servus,

Ich wollte fragen wie kann ich css verläufe in mitte einstellen habe mit center tag versucht hat leider nicht geklappt. Habe auch geoogelt aber nicht was gefunden. Habe in googel als schlag wort "css verläufe in mitte einstellen" das eingeben da kam echt net viel.


Hier ist meine webseite

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

CSS DATEI

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

 

[SpiceLab]

• CSS-Verläufe in Mitte? Welche Mitte?
• Horizontal? Vertikal?
• Beides?

Vielleicht eine Skizze des Vorentwurfs zur Hand? Blaupausen gern gesehen :suspekt:

 

[umar420]

ach bruder herz ich habe es geschaft habe halt viel asprobiert am ende doch erfolgreich gewesen. Ich bin leider ein anfänger und brauche immer wieder eure hilfe fals wieder etwas nicht geht werde ich hier schreiben.

 

[umar420]

Servus,

Ich wollte fragen ich habe ein suchfeld erstellt mit grafik und css, aber das problem ist das auf leptop richtig gezeigt wird auf rechten seiten und auf Bildschrim von rechner wird es auf mitte das such feld gezeigt wie muss ich es einstellen das es bei beiden auflösungen gleich gezeigt wird.

.such_background {
	position: absolute;
	background-image: url(/HOME/PNG/such.PNG);
	background-repeat: no-repeat;
	padding: 0px;
	float: left;
	height: 38px;
	width: 363px;
	margin-top: -4.5em;
	margin-right: 74px;
	margin-bottom: 0px;
	margin-left: 55em;
}

.searchname {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	height: 20px;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 50px;	
}
.searchbox {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #9a2500;
	text-decoration: none;
	float: left;
	height: 20px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
.searchtextbox {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-left: 2.2em;
	margin-top: -0.4em;
	padding: 0;
	float: left;
	height: 16px;
	width: 153px;
	border: 1px solid #CCCCCC;
}
.searchtextbox:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	float: left;
	height: 16px;
	width: 153px;
	border: 1px solid #999999;
}

.go {
	position:absolute;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/HOME/PNG/go.png);
	background-repeat: no-repeat;
	margin: -0.3em;
	margin-left:-2px;
	float: left;
	height: 19px;
	width: 25px;
	text-align: inherit;
	text-transform: capitalize;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: -9px;
}
.go:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/HOME/PNG/go1.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 19px;
	width: 34px;
	text-transform: capitalize;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

Meine Webseite LINK:

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

Pfad zu CSS:

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

 

[SpiceLab]

Erzeuge einfach ein <div>-Element, das zum einen die Layoutbreite erhält und im Vewport horizontal zentriert wird, und zum zweiten alle Seitenbereiche (Header, Navigation, Content, Footer) umschließt.

Die Abstände werden nun an dessen Boxenränder ausgerichtet, womit sie unabhängig von der jeweiligen Browserfenstergröße sind, und die Elemente sich somit nicht mehr verschieben.

 

[umar420]

Ich habe jetzt nicht ganz verstanden wie mache ich das jetzt mit div tag ?
Es tut mir wirklich leid ich bin net so mächtig in programieren zu mindest noch nicht wöäre sehr nett wenn du mir dabei helfen könntest.

 

[umar420]

So ich habe jetzt in Div tag alles gebackt aber jetzt zeigt er mir in leptop falsch und in normalen bildschrim richtig. Was habe ich jetzt falsch gemacht.

Meine Webseite LINK:

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

Pfad zu CSS:

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

 

[SpiceLab]

Was habe ich jetzt falsch gemacht.

Der Validator sagt's dir: http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

Dein HTML-Code enthält derzeit 9 öffnende <div>-Tags, jedoch nur 8 schliessende </div>-Tags.