Falsche anzeige im IE8

du rufst deine box mit [COLOR=#000000][COLOR=#0000BB]get_search_form[/COLOR][COLOR=#007700]();? auf?

[/COLOR][/COLOR]dann sollte der code deiner searchform in einer searchform.php abgelegt sein. der rest kann nur am (invaliden) css liegen... also alles an searchform-css raus nehmen und stück für stück einpflegen und testen. hier der link zum wp-codex zur searchform http://codex.wordpress.org/Styling_Theme_Forms

tip am rande: mit folgendem code verhinderst du das der text "suchen" zuerst gelöscht werden muss, bevor man seine suche eingibt und auch wieder auftaucht, falls nichts eingegeben wurde und jemand wieder woanders hin klickt. (IDs & classes sind gerade von mir und nicht laut codex)

<input id="suche" type="text" onblur="if (this.value == '') {this.value = 'Suchen';}" onfocus="if (this.value == 'Suchen') {this.value = '';}" value="Suchen" name="s" />

so. eine sache einmal vorab: bitte änder deine signatur. dieses forum hat keine altersbeschränkung. wenn du´s geändert hast, schreib bitte hier zurück, weil ich dann die aktualisierung sehe und wieder rein schau und weiter helfe. dankeschön.

ich glaub, ich brauch von dir ein wenig hilfe: hab mir die search-form jetzt in ie6, 7 & 8 (win) angeschaut und konnte keinen relevanten unterschied feststellen. könntest du kurz beschreiben, was das genaue problem ist?

So nebenbei: Du hast da eigentlich ein Widget drinnen, dass so gar nichts mit dem von dir hier geposteten code zu tun hat. weiters sind da mind. 3 unnötige divs um das suchformular herum: .art-block, .art-block-body, .art-BlockContent-body; außerdem sind davor noch rund 8 (od. so) divs ohne inhalt und auch einige andere dinge auf der seite sind ... fragwürdigst programmiert. probier´s einmal mit "less is more", also schaff dir alles vom hals, was nicht unbedingt notwendig ist. Opera kennt übrigens keine "clip"-css-Eigenschaft (ich kannte sie bis eben auch nicht).

Hast Du das Theme selbst gemacht, mit irgendeinem Generator od. Programm oder war das irgendwo zum Download?

Nachtrag: mit margin-left: 740px müsste das Suchformular irgendwo am rechten Bildschrimrand auftauchen. Tut es aber nicht. Konnte auch diese Definition nirgendwo finden.

Schau einmal in meine Signatur und lade Dir das dort verlinkte FF-Addon. Das wird Dir in vielerlei Hinsicht weiterhelfen. Falls Du im Ie arbeitest, drücke doch einmal F12.

1. Am besten ist ein Html/Css/php-Editor wie zB Proton. Den musst Du noch nicht einmal installieren, so klein ist der. Der unterscheidet farblich zwischen den verschiedenen Codesprachen und hat eine Zeilennummerierung.

2. Themes von Null weg programmieren ist eigentlich immer schneller als anpassen oder so Dinge wie Artisteer, die eigentlich nur unnötigen Code produzieren, der nie validiert (zB 4 verschachtelte Divs ohne Inhalt).

3. die oben genannte Funktion get_search_form(); ermöglicht Dir die Searchform anzupassen. Dann brauchst Du eigentlich nur aus der Ursprungsseite die Css-IDs & -classes übernehmen und die entsprechenden Parameter sortieren. Probiers halt einfach einmal so... Im schlimmsten Fall müsstest halt einmal ein wenig auf css4you stöbern, fallst was nicht hin bekommst...

Edit: Ich weiß, das ist jetzt nicht die überdrüber-Hilfe, aber ich kann Dich halt nur in die Richtung weisen, wohin es gehen könnte.

get_search_form() zeigt dir eine searchform auch ohne eine zugehörige searchform.php.

um diese dann zu formatieren gibt es 3 css klassen/id's

#searchform, #s, #searchsubmit

würd ich wie folgt rechts oben positionieren:
#searchform {width:190px;position:relative;top:20px;left:600px;}
#searchform label {display:none;}
#s {float:left;width:128px;height:30px;border:1px solid #CCC;}
#searchsubmit{float:left;width:60px;height:32px;border:1px solid #CCC;border-left:none;}

#searchform positioniert die suchmaske relativ, meine pixelangaben sind da erfunden, muss man entsprechend dem layout anpassen.

label wird nicht angezeigt - display:none;

die inputs liegen nebeneinander.

somit hast du rechts oben ein suchfeld mit "send" button und das kannst du pixelweise hin und herschieben, wo auch immer du das haben willst.

wie gesagt, da das teil auf die weise relativ positioniert wird, kann es sein dass das suchfeld zwar da ist, aber irgendwo ausserhalb des sichtbaren bereichs liegt.

hast du das #searchform label {display:none;} genau so abgetippt und nicht zufällig das "label" vergessen? ohne label würdest du das ganze suchfeld nämlich unsichtbar machen ;-)

alternativ, probier mal statt top:20px;left:600px:

top:50px;left:50px

und schau mal ob man was sieht.

gibts nen link zum template und zur stylesheet datei?

so, hab alles gefunden, den link zur stylesheet findest du im quelltext der seite (recht maustaste - seitenquelltext anzeigen - <link rel="stylesheet".. suchen)

ich sehe dass die stylesheet datei in ordnung ist, was das suchformular betrifft, allerdings gibt es das suchformular nicht.
das heisst es wird garnicht erst in deine seite eingebunden, somit kannst du es auch nicht per css positionieren.

in der header.php musst du das suchformular erst mal einbinden.
am besten da wo auch das headerbild geladen wird, also hier:

<div class="art-Header-jpeg"></div>

das änderste dann z.b. so:

<div class="art-Header-jpeg">
  <?php get_search_form(); ?>
</div>

dadurch wir das suchformular da oben rein geladen. und dann kannst du es mit der positione:relative --> top:##px; left:##px; genau positionieren.

(Die ##-Werte musst du dann selbst raus finden)

:confused:

da ich nicht weiss wie deine searchform.php aussieht bin ich von der standard searchform ausgegangen und die bekommst du wenn es keine searchform.php gibt mit

<?php get_search_form() ?>

damit du "keine searchform.php" hast, würde ich die searchform.php einfach mal umbenennen in searchform_bak.php und danach nochmal mit meinen werten testen.

für jeden buchstaben eine kategorie anlegen und dann per

<ul>
<?php
wp_list_categories('orderby=name'); ?> 
</ul>

dann die ul's und li's mit css formatieren.
viel spass damit :D