Wie kann ich in Center einstellen.

umar · 10.02.2011, 11:28

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.

HTML-Code:

.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

tr0y · 10.02.2011, 19:20

Erstmal: http://validator.w3.org/check?uri=ht...Inline&group=0

Dann: zuvor definierte Properties werden dem nachstehenden Sub-Property oder Class-Accessor weitervererbt, zu deutsch: du brauchst nicht in .go:hover alles nochmal definieren was du in .go schon definiert hast.

Zum HTML sag ich nur: Wrapper nutzen, Formularfelder fließen lassen nicht absolut positionieren, nicht die finger brechen per CSS das es "gut" aussieht sondern es gut aussehen lassen.

threadi · 10.02.2011, 20:42

Und als Ergänzung:
Absolute Positionierung für ganze Bereiche von Webseiten ist immer problematisch. Richte die Elemente so aus wie sie sind, und floate sie um einige Bereiche nebeneinander zu bekommen. Beides zusammen, absolute Positionierung und float, wie Du es in deinem Code schreibst ist sinnfrei und unwirksam.

umar · 11.02.2011, 15:10

Ich Habe die fehler behoben.

@troy

Ich habe dich nicht verstanden was du jetzt mit go:hover meinst. Ich habe das nur desegen erstellt, wenn man mit maus darüber geht soll es bissien vergrößern.

Leider habe ich noch ein problem wie kann ich css verläufe für für hintergrund erstellen.
Habe eine erstellt, aber das problem ist die wiederholen sich und das erkennt man und das will ich vermeiden. Wie ist das möglich ?

LINK ZU WEBSEITE:

http://plyakha.us.st/HOME/

Habe auf "www.validator.w3.org" getestet dort zeigt er 2 fehler. Ich weis net von wo er die hat, habe die gleiche daten in ein anderen domene gemacht und dort zeigt er mir keine fehler.

http://mta-webseite.kilu.de/HOME/

ChrisB · 11.02.2011, 15:14

Zitat:

Zitat von umar

Leider habe ich noch ein problem wie kann ich css verläufe für für hintergrund erstellen.
Habe eine erstellt, aber das problem ist die wiederholen sich und das erkennt man und das will ich vermeiden. Wie ist das möglich ?

Willst du wissen, wie man die Wiederholung eines Hintergrundbildes unterbindet?
http://de.selfhtml.org/css/eigenscha...kground_repeat

Zitat:

Habe auf "www.validator.w3.org" getestet dort zeigt er 2 fehler. Ich weis net von wo er die hat

Von der Werbung, die der Hoster automatisch in dein Dokument einbaut.

umar · 11.02.2011, 15:30

Ja aber er zeigt mir ohne veränderung bei diesen code

HTML-Code:

background-repeat:repeat-y;

und wenn ich so die code schreibe zeigt er mir nur eine vlerlauf.

HTML-Code:

background-repeat:repeat-x;

hier zugang für css datei http://plyakha.us.st/HOME/CSS/home.css und das ist das erst objekt dort steht body.

ChrisB · 11.02.2011, 15:32

Sorry, aber ich kann deine Problembeschreibung nicht nachvollziehen.

Bitte beschreibe möglichst exakt,
- was du erreichen willst,
- wie du versucht hast, das zu realisieren, und
- welches Ergebnis du statt dem erwarteten bekommst.

umar · 11.02.2011, 15:40

Oh sory das ich falsch beschriebe habe. Ich möchte den hintergrund verlauf auf meine ganze webseite benutzen, aber als hintergrund.

http://plyakha.us.st/HOME/

auf der webseite sihst du ja den verlauf in grüne farbe. Aber ich möchte nicht, dass es nur einteil gezeigt wird möchte überall wo du weiß sihst, soll das grüne verlauf gezeigt werden.

ChrisB · 11.02.2011, 15:47

Gebe den Hintergrund-Verlauf dem html-Element anstatt body, mit no-repeat und fixed; und zusätzlich height:100%, damit es den ganzen Viewport ausfüllt.

umar · 11.02.2011, 15:54

Danke es hat geklappt sory wenn ich dich genevt habe. Fals wieder was vor kommt werde ich wieder hier melden.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Probleme mit export.csv und google merchant center	Chris1707	Off-Topic Diskussionen	4	17.11.2010 11:38
[Erledigt] Firefox einstellen	ByStones	Off-Topic Diskussionen	3	18.05.2010 15:36
Bildschirmauflösung mit CSS einstellen	Cheesy	HTML, Usability und Barrierefreiheit	13	30.11.2006 13:50
Hilfe: Zeitzone in WM Script mit date Anweisung einstellen	hallohering	PHP Tipps 2006	7	07.06.2006 11:05
Seitenränder einstellen bie fpdf	mgoertz	PHP Tipps 2006	1	23.03.2006 17:33
[Erledigt] GD Lib // Bilder beim einstellen in Gallery resizen		PHP-Fortgeschrittene	3	18.01.2006 19:37
text-align: center und die Tabelle		HTML, Usability und Barrierefreiheit	2	01.01.2006 22:48
Absolute position in center setzen?	Tic Rederon	HTML, Usability und Barrierefreiheit	0	03.10.2005 22:19
breite von buttons einstellen		HTML, Usability und Barrierefreiheit	4	06.08.2005 16:17
Alles wird center angezeigt?!	'progman'	HTML, Usability und Barrierefreiheit	9	17.03.2005 16:25
[Erledigt] Server lokal - php.ini Timeout einstellen		PHP-Fortgeschrittene	7	28.12.2004 12:05
Sound Center		PHP Tipps 2004	5	31.08.2004 10:20
MySQL Conrol Center		Datenbanken	4	30.07.2004 10:45
[Erledigt] PHP Upload Center ver. 2.0		Off-Topic Diskussionen	3	16.06.2004 22:17


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.02.2011, 19:20
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	Erstmal: http://validator.w3.org/check?uri=ht...Inline&group=0 Dann: zuvor definierte Properties werden dem nachstehenden Sub-Property oder Class-Accessor weitervererbt, zu deutsch: du brauchst nicht in .go:hover alles nochmal definieren was du in .go schon definiert hast. Zum HTML sag ich nur: Wrapper nutzen, Formularfelder fließen lassen nicht absolut positionieren, nicht die finger brechen per CSS das es "gut" aussieht sondern es gut aussehen lassen. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr.

10.02.2011, 20:42
threadi Benutzer Registriert seit: 03.03.2008 Beiträge: 57	Und als Ergänzung: Absolute Positionierung für ganze Bereiche von Webseiten ist immer problematisch. Richte die Elemente so aus wie sie sind, und floate sie um einige Bereiche nebeneinander zu bekommen. Beides zusammen, absolute Positionierung und float, wie Du es in deinem Code schreibst ist sinnfrei und unwirksam.

11.02.2011, 15:10
umar Neuer Benutzer Registriert seit: 27.08.2010 Beiträge: 17 PHP-Kenntnisse: Anfänger	Ich Habe die fehler behoben. @troy Ich habe dich nicht verstanden was du jetzt mit go:hover meinst. Ich habe das nur desegen erstellt, wenn man mit maus darüber geht soll es bissien vergrößern. Leider habe ich noch ein problem wie kann ich css verläufe für für hintergrund erstellen. Habe eine erstellt, aber das problem ist die wiederholen sich und das erkennt man und das will ich vermeiden. Wie ist das möglich ? LINK ZU WEBSEITE: http://plyakha.us.st/HOME/ Habe auf "www.validator.w3.org" getestet dort zeigt er 2 fehler. Ich weis net von wo er die hat, habe die gleiche daten in ein anderen domene gemacht und dort zeigt er mir keine fehler. http://mta-webseite.kilu.de/HOME/

11.02.2011, 15:30
umar Neuer Benutzer Registriert seit: 27.08.2010 Beiträge: 17 PHP-Kenntnisse: Anfänger	Ja aber er zeigt mir ohne veränderung bei diesen code HTML-Code: background-repeat:repeat-y; und wenn ich so die code schreibe zeigt er mir nur eine vlerlauf. HTML-Code: background-repeat:repeat-x; hier zugang für css datei http://plyakha.us.st/HOME/CSS/home.css und das ist das erst objekt dort steht body.

11.02.2011, 15:32
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Sorry, aber ich kann deine Problembeschreibung nicht nachvollziehen. Bitte beschreibe möglichst exakt, - was du erreichen willst, - wie du versucht hast, das zu realisieren, und - welches Ergebnis du statt dem erwarteten bekommst. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

11.02.2011, 15:40
umar Neuer Benutzer Registriert seit: 27.08.2010 Beiträge: 17 PHP-Kenntnisse: Anfänger	Oh sory das ich falsch beschriebe habe. Ich möchte den hintergrund verlauf auf meine ganze webseite benutzen, aber als hintergrund. http://plyakha.us.st/HOME/ auf der webseite sihst du ja den verlauf in grüne farbe. Aber ich möchte nicht, dass es nur einteil gezeigt wird möchte überall wo du weiß sihst, soll das grüne verlauf gezeigt werden.

11.02.2011, 15:47
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Gebe den Hintergrund-Verlauf dem html-Element anstatt body, mit no-repeat und fixed; und zusätzlich height:100%, damit es den ganzen Viewport ausfüllt. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

11.02.2011, 15:54
umar Neuer Benutzer Registriert seit: 27.08.2010 Beiträge: 17 PHP-Kenntnisse: Anfänger	Danke es hat geklappt sory wenn ich dich genevt habe. Fals wieder was vor kommt werde ich wieder hier melden.