Beiträge von kaiser

du kannst die Excerpt-Länge (schreibt man wirklich mit c statt z ;) ) aber auch via wp-funktion mit einem filter kontrollieren. dann hätte jeder artikel in der übersicht autom dieselbe länge, was für ein aufgeräumtes layout vermutlich nicht allzuschlecht ist (stichwort: orientierung): http://codex.wordpress.org/Template_Tags/the_excerpt

frage am rande: das mit dem clear:both) auf was genau willst du das drauf legen?

Noch ein paar Anmerkungen am Rande: (& schau dir wirklich einmal blueprint an. macht dir vieles einfacher.)

* Wirf alle divs in einen großen container-div mit margin: 940px auto; Erst darin dann alles andere mit float: left; ausrichten.
* Vergib für header, content, sidebar, footer eigene id´s und jeweils einen container-div mit display: block; clear: both; margin-bottom: 0;
* Für den Hintergrund-Streifen kannst Du auch einfach auf body ein background-image legen. Ist einfacher und sicherer als nur dewegen dort gleich einen div mit einer anderen breite als die restlichen Inhalte zu machen.

also so kompliziert musst du gar nicht denken. das geht auch ohne query-Tricks mit reinem css. einfach nur für den div, der die artikel umfasst eine zB width: 800px und display: block; clear: both; und für die divs mit den artikeln drinnen width: zB 200px; float: left; height: auto; padding-right: zB 40px;

hab´s schnell mit firebug getestet und funktioniert. probleme gibt´s nur mit dem umgebenden container-div, weil leider auch andere die class .content haben und die von den änderungen auch beeinflusst werden.

ich verwende blueprint als css framework. da hast du 24 spalten, d.h. einfach dem artikel 8 spalten breite geben mit <div class="span-8">INHALT ARTIKEL</div> und fertig. die "floaten" und schubsen sich dann gegenseitig in die nächste spalte. problem kann nur entstehen, wenn die artikel arg unterschiedliche höhen haben, weil sie dann manchmal verrutschen.

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.

erstmal "GROSSER RESPEKT"!! sauberes Layout und wirklich schön und vor allem nett (und neu) mit den aufgehenden Boxen für Login etc. Guter jQuery-Einsatz! Also abschließend nochmal: Respekt!

Folgende Frage hab ich: Wie bitte kommst Du auf die Rockwell?? (Ist ja kein Standard-, dafür aber mein Lieblingsfont). Der Fallback auf Helvetica und Arial klappt übrigens bestens.

Ich glaube übrigens, dass zwar der eine oder andere User mit den hover-states nicht zurecht kommen wird, weil Verbindung zu langsam oder whatever, aber was soll´s: Das Ergebnis rechtfertigt den Aufwand. Pfeif auf das, was ich geschrieben hab. Mach einfach weiter so... Nachsatz: Bei den meisten jQuery-Geschichten kann man die Dauer auch einstellen. Vielleicht einfach nur den Übergang verkürzen.

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.

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?

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.

Bitte lies meine Antworten einfach noch einmal genau durch. Zumindest was die Hinweise zu html und zu css angeht. Und ohne Link zu deiner Seite ist sowieso alles ein bissl Spekulation.

puh. ich glaub das ist eher was für ein 'richtiges' php.forum oder gleich ein mysql forum...

Bambaataa, jottlieb und mostho: hab 5 min gebraucht um mich von meinen lachkrämpfen zu befreien und wieder unter dem heraus zu kriechen... bitte mehr support mit diesem unterhaltungswert. :D

koslowski: aber ned blöd gemacht:
<div align="center"> ;)

naja, nur so ein satz als ansatz, weil ich jetzt nicht länger drüber schauen kann, aber du hast a) eine klammer } mehr zu gemacht als aufgemacht und du überschreibst mit großer wahrscheinlichkeit die variable $page gleich wieder...

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" />

ad 3) schau in meine signatur. dort findest du den link zum ff-addon 'firebug', dass dir das ermöglicht. alternativ bietet der ie mit F12 das passende entwicklertool. gemeint war aber eher kurz in die 4 themen einlesen. Dazu aber bitte css-referenzen kosultieren. zB css4you.

ad 4) du kannst seiten und artikel anlegen. sind seperate punkte im wordpress-backend. du kannst beide erstellen und anzeigen lassen. einfach in der liste mit der maus über den passenden namen/link fahren und in der browser-fußzeile wird dir der link angezeigt.

ad 2ter eintrag) nein, nicht wirklich. das wären td/tr für spalten und zeilen usw. das ist eine UnorderedList und ein ListItem. Dazu aber bitte html-referenzen kosultieren. zB selfhtml.

hm. user-seitig ist immer ein problem. das eigentliche problem, dass ich dir hier aber lösen helfen wollte, war ein ganz anderes: der hover-state muss ja erst "on request" geladen werden. hängt natürlich von der bild-größe ab (und deine user werden sich vermutlich einen dreck um dateigrößen scheren), aber das bild wird ja erst bei mouseover geladen und damit wird deine seite a) wenig user-feedback geben und b) werden ungeduldige user deine seite für b1) kaputt halten (außer du schaffst es das bild auch als hintergrundbild für den umgebenden span zu setzen > ie zeigt ein kreuzerl solange er kein bild hat) oder b2) sowieso nur die sw-bilder sehen.

das ist derzeit nur mit html5 möglich steht in der beschreibung... hab jetzt keine lust mehr das auszuprobieren, aber das sollte doch auch via css mit overflow: hidden auf dem umgebenden element (span) und bei img {position: relative; top:0; left:0; } und img:hover {top:-XYpx; left:-XYpx) gehen, wenn du aus beiden varianten ein gemeinsames bild machst. also span um jedes img setzen und mit breite und höhe des bildes versehen: <span style="width: IMGpx; height: IMGpx; display: block;"><img class="sw-hover" src="hover-bild.jpg"/></span>

dann brauchts auch kein js. ... hab´s jetzt doch getestet:

html: (bild-höhe 81px = beide zustäbnde summe 162px)

<span class="hover-span">
<img src="hover-states.png" class="hover"/>
</span>

css:

.hover-span {
overflow: hidden;
display: block;
width: 870px;
height: 81px;
}
.hover {
position: relative;
top: 0px;
left: 0px;
}
.hover:hover {
position: relative;
top: -81px;
left: 0px;
}

schon einmal probiert die aktuellsten posts wieder auf status "entwurf" zu setzen und dann einen nach dem anderen wieder publizieren, bis der fehler wieder kommt? wäre zumindestens einmal ein ansatz um den fehler auf einen post, oder das template einzugrenzen.

ad 3.: css nachschauen - padding, margin, width, height

ad 4.: wordpress bietet dafür pages/seiten

ad 2ter eintrag: seh nirgendwo ul/li-elemente