zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Formular richtig formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.04.2009, 22:50
Benutzerbild von MAXIMAL-REICH.DE
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.04.2009
Beiträge: 11
MAXIMAL-REICH.DE befindet sich auf einem aufstrebenden Ast
Standard Formular richtig formatieren

Hallo,

ich denke ich bin in diesem Forum absolut richtig. Was meine Internetseiten angeht bin ich ein Perfektionist und vielleicht mag es jemand lächerlich finden, aber selbst das kleinste Detail muss bei mir passen.

Seite:
MAXIMAL-REICH.DE - Seriös Geld verdienen im Internet
  • Oben im Menü habe ich eine Suche eingebaut. Ich möchte den Suchbutton auf gleicher Höhe, der ist irgendwie ein wenig nach unten versetzt.
  • Weiter möchte ich die Schrift im Formular heruntersetzen, auf Höhe der Schrift der Menüpunkte.

CSS für das Formular:
Code:
.searchform {
	float: right;
	font-size: 13px;
	
}




.searchform fieldset, .searchform input {
	
}

.searchform .searchinput {
	
	height: 20px;
	width: 170px;
	background: #fff;
	color: #9e9d9d;
	line-height: 19.5px;
	text-transform: uppercase;
	font-size: 12px;
	
}

.searchform .searchinput:focus {
	
}



.searchform .searchbutton {
	width: 50px;
	height: 20px;
	background: url(../images/find.gif) no-repeat top;
	cursor: pointer;
	margin: 0 0 0 3px;
}



.searchform .searchbutton:hover {
	background: url(../images/find.gif) no-repeat bottom;
}
Und die Datei in der das Formular ist (habe hier Werbecodes und uUnwichtiges entfernt):
Code:
<div id="header">
	<div id="hdr">
		<div id="logo"><a href="http://www.maximal-reich.de" title="MAXIMAL-REICH.DE"></a></div>
		<div id="ad">
		Werbung</div>
		<div class="clear"></div>
	</div>
	<ul id="menu">
		<li><a href="http://www.maximal-reich.de" title="Home">Home</a></li>
	<li><a href="http://www.maximal-reich.de/leistungen/" title="Gewinnspiel">Leistungen</a></li>
		<li><a href="http://www.maximal-reich.de/werbung/" title="Werbung">Werbung</a></li>
		<li><a href="http://www.maximal-reich.de/ueber-mich/" title="&Uuml;ber mich">&Uuml;ber</a></li>
		<li><a href="http://www.maximal-reich.de/geld-verdienen/" title="Geld verdienen">Geld verdienen</a></li>
		<li><a href="http://www.maximal-reich.de/tools/" title="Webmaster-Tools">Tools</a></li>
		<li><a href="http://www.maximal-reich.de/kategorien/" title="Kategorien">Archiv</a></li>
		<li><a href="http://www.maximal-reich.de/forum/" title="Gewinnspiel">Forum</a></li>
		<li><a href="http://www.maximal-reich.de/feed/" title="RSS-Abonnieren">RSS Abonnieren</a><img src="http://www.maximal-reich.de/rss.gif" width="26" height="20"></li>	
		
		<li><form class="searchform" method="get" action="<?php bloginfo('url'); ?>/">
<fieldset>
<input type="text" value="Artikel finden..." name="s" class="searchinput" />
<input type="submit" value="" class="searchbutton" />
</fieldset>
</form> </li>

	</ul>
	<div class="clear"></div>
	
	<div id="headerc">
	</div>
</div>
Wäre echt toll, wenn ihr mir in dieser Sache helfen könntet! Danke schonmal im Voraus.

Mario
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.04.2009, 10:03
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von MAXIMAL-REICH.DE Beitrag anzeigen
Was meine Internetseiten angeht bin ich ein Perfektionist
Dafür ist Fehlerquote aber recht groß. Die Fehlerkonsole zeigt schwere Fehler im CSS Code an und die Überprüfung des HTML Code mißlingt: [Invalid] Markup Validation of http://www.maximal-reich.de/ - W3C Markup Validator

Das das Suchfeld nur schwer als solches zu erkennen ist (ich hab erstmal auf *suche* geklickt, weil ich dachte dann kommt eine Seite zum suchen) halte ich für relevanter als die Verschiebung um einen Pixel
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.04.2009, 12:26
Benutzerbild von MAXIMAL-REICH.DE
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.04.2009
Beiträge: 11
MAXIMAL-REICH.DE befindet sich auf einem aufstrebenden Ast
Standard

Gut die optische Anpassung werde ich noch vornehmen, auch die CSS Fehler (hängt teilweise auch mit dem nicht validen Werbecode zusammen) und Probleme in anderen Browsern werde ich in einem anderen Beitrag noch ansprechen. Möchte jetzt gerne dieses Problem lösen, falls mir das jemand helfen kann.
Mit Zitat antworten
  #4 (permalink)  
Alt 11.04.2009, 12:34
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von MAXIMAL-REICH.DE Beitrag anzeigen
Gut die optische Anpassung werde ich noch vornehmen, auch die CSS Fehler (hängt teilweise auch mit dem nicht validen Werbecode zusammen) und Probleme in anderen Browsern werde ich in einem anderen Beitrag noch ansprechen. Möchte jetzt gerne dieses Problem lösen, falls mir das jemand helfen kann.
Ich würde nicht ausschliessen, dass das eine mit dem anderen zusammenhängt, zumindest dürfte es fast unmöglich sein, in einer Seite, die 20 CSS Dateien einbindet, ein 1 Pixel Problem zu finden. Die Mühe das Problem zu lokalisieren und dann evtl. eine Beispielseite zu bauen müßtest du dir schon machen.
Mit Zitat antworten
  #5 (permalink)  
Alt 11.04.2009, 13:46
Benutzerbild von MAXIMAL-REICH.DE
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.04.2009
Beiträge: 11
MAXIMAL-REICH.DE befindet sich auf einem aufstrebenden Ast
Standard

Gut, ich hab jetzt den Button ganz weg gegeben. Gibt es Lösungsansätze wie ich die Schrift im Formular anpassen kann? Also ein wenig nach rechts und nach unten.

Danke im Voraus
Mit Zitat antworten
  #6 (permalink)  
Alt 12.04.2009, 21:32
Benutzerbild von MAXIMAL-REICH.DE
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.04.2009
Beiträge: 11
MAXIMAL-REICH.DE befindet sich auf einem aufstrebenden Ast
Standard

Habe das Problem noch immer nicht im Griff, wie spreche ich den Text im Formular per CSS an?
Mit Zitat antworten
  #7 (permalink)  
Alt 14.04.2009, 16:37
Benutzerbild von MAXIMAL-REICH.DE
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.04.2009
Beiträge: 11
MAXIMAL-REICH.DE befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MAXIMAL-REICH.DE Beitrag anzeigen
Habe das Problem noch immer nicht im Griff, wie spreche ich den Text im Formular per CSS an?
Sorry das ich nochmals frage, bin aber noch immer nicht auf eine Lösung gestoßen wie ich den Text anspreche.
Mit Zitat antworten
  #8 (permalink)  
Alt 14.04.2009, 16:52
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

hast du es mal mit padding versucht?
Mit Zitat antworten
  #9 (permalink)  
Alt 14.04.2009, 17:41
Benutzerbild von MAXIMAL-REICH.DE
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.04.2009
Beiträge: 11
MAXIMAL-REICH.DE befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
hast du es mal mit padding versucht?
Mein Problem ist ja, dass ich nicht weiß, wie ich den Text überhaupt anspreche per CSS.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.04.2009, 18:06
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Wieso den Text? Du willst ein Element formatieren. Text kannst du nicht explizit mit CSS formatieren, nur den Container.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Formular wird im IE 8 nicht richtig angezeigt Basti82 (X)HTML 14 12.05.2011 16:55
Formular formatieren kiron CSS 3 22.07.2009 16:36
Wie einen Text richtig formatieren FranzderFranke CSS 4 15.07.2008 16:09
Formular formatieren Rico CSS 5 03.11.2006 11:08
Probleme beim Formular formatieren. Paul-Panzer CSS 8 29.08.2004 16:01


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:34 Uhr.