Hur göra detta med jQuery?

Jag har ingen aning om HUR du vill att slut resultatet skall bli, omöjligt att hjälpa dig med så lite CSS och HTML kod struktur du har, jag vet vad du vill göra, men det känns som du försöker skapa ett problem större än vad det är.

jag gissar att det är samma sak som du har i din bild: http://www.webforum.nu/attachment.php?attachmentid=22209&d=1289900499 vid köp knappen längre ner (utanför listningen), saken är att din tabell/div där du har produktlistningen förmodligen CSS kod som gör att den inte rendera mer än den storlek du har satt den.

Om du tittar på bilden jag har bifogat ovan så ser du hur meddelandet visas under köpknappen på första produkten i listan där :) Du ser också ett lila/ljusblått fält som är lite transparent. DÄR skall meddelandet visas när man trycker på köpknappen ovanför, och inte där du kan se den nu. Du ser att det är tre produkter i kolumnvy och en i listvy.. det är när man trycker på köpknappen i på proukterna i kolumnvy som det inte händer något. Klickar jag på köpknappen på första produkten i listvyn så funkar allt som det ska, den fade:as in o sen ut. Men just i kolumnvy funkar det inte... Och den hmtlstruktur jag lagt in här senast är den html-struktur som ligger runt köp och läsmer knapparna i kolumnvyn.

Kolla din CSS, det kom precis en artikel om hur man positionera med CSS på A List Apart som kanske kan hjälpa dig: http://www.alistapart.com/articles/css-positioning-101/

Men just i kolumnvy funkar det inte... Och den hmtlstruktur jag lagt in här senast är den html-struktur
som ligger runt köp och läsmer knapparna i kolumnvyn.

Det är för att du har satt i din CSS att den inte skall rendera mer i din kolumn vy.

Slängde ihop något snabbt: http://voigt.se/sandbox/wf/ramo_and/list.html

om man kollar på den CSS koden så är det exakt samma CSS på alla .info men det är dess förälder (.list och något typ av id) som påverkar hur resultatet bli. Så det är extremt viktigt att om du vill ha hjälp att bidrar med så mycket kod du bara kan ge som är relevant med ditt problem.

Jag vill ju att de ska bli som mittenboxen på ditt exempel.

Men jag tror att jag har hittat felet.. När jag tar bort position: absolute (i kolumnvy) så funkar det förutom att div:en inte placerar sig där jag vill då. Så det verkar ju vara ett CSS-problem. Men jag fattar inte riktigt då jag i princip har samma htmlstruktur och css i både list- och kolumnvy... Vad behöver jag bidra med för mer kod nu för att underlätta felsökningen?

Helst skulle jag vilja ha en hel HTML sida, css och javascript då det kan vara alla/inga av dessa som är ditt problem, som jag visade i förra länken så hade det varit jätte svårt för dig att svara på vad mitt problem var om jag inte hade gett all CSS

Okej här är htmlkoden för förstasidan samt all den css jag har lagt in. Textalks egna css kommer jag inte åt.

.gridArticleButtons {}

har en overflow som ställer till problemet för dig.

ett snabbt tips är att använda dig av: http://www.webtoolkit.info/css-clearfix.html för det du är ute efter istället för overflow i ditt fall.

Kanon! Nu funkar det! Tack så mycket! :) det är textalks egna css som ligger där deafult så det hade jag aldrig hittat själv