Ik heb het al opgelost. Twitter heeft blijkbaar haar code veranderd. Het moet dus zo zijn:

https://api.twitter.com/1/statuses/user_timeline/username.json?callback=twitterCallback2&count=1

@fils iig bedankt, dankzij je console tip heb ik het kunnen vinden via google

@fils ja je hebt gelijk ik krijg een 404, maar ik weet zeker dat ik wel de goede username heb ingevuld..

GET https://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&count=1 404 (Not Found)

Dag allemaal,

Ik zit met het volgende probleem:

Ik wil een twitter feed implementeren binnen in mijn website en dat heb ik gedaan door de volgende code :

<div class="twitterfeedtopcorners"></div>
			<div id="twitter_update_list"></div>
			<div class="twitterfeedbottomcorners"></div>
			
			<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="https://api.twitter.com/1/statuses/user_timeline/mathieurigault.json?callback=twitterCallback2&amp;count=3"></script>

Dit geeft het volgende resultaat:
http://say-what.nl/is/project/design.theme/vb1.png

Nu komen alle tweets dus binnen het twitter_update_list element te staan, echter wil ik graag dat deze afzonderlijk worden gepresenteerd. Dus als voorbeeld :

<!-- TWEET 1 -->
                        <div class="twitterfeedtopcorners"></div>
			<div id="twitter_update_list"></div>
			<div class="twitterfeedbottomcorners"></div>
<!-- TWEET 2 -->
                        <div class="twitterfeedtopcorners"></div>
			<div id="twitter_update_list"></div>
			<div class="twitterfeedbottomcorners"></div>
<!-- TWEET 3 -->
                        <div class="twitterfeedtopcorners"></div>
			<div id="twitter_update_list"></div>
			<div class="twitterfeedbottomcorners"></div>

Dit zodat ik op het volgende uitkom :

http://say-what.nl/is/project/design.theme/vb.png

Nu zou ik dit makkelijk kunnen aanpassen door simpel weg de background van twitter_update_list te veranderen in een image, maar ik wil het graag via deze methode doen zodat ik niet vast zit aan de breedte en hoogte van een image.

Heeft iemand enig idee hoe ik dit zou kunnen doen? Ik heb namelijk weinig verstand van javascript en als ik zo naar het javascript bestand kijk die ik gebruik (http://twitter.com/javascripts/blogger.js) moet ik hier binnen in wat aanpassen.

Je hebt alles sowieso heel slecht gescript. Je maalt geen gebruik van ID en alleen maar classes. Verder heb je in je .right_menu een margin van 592px. Waarom zet je die niet gewoon op float: right?

Heb je ook de statistieken?

Joshua ja dat ook, maar ook dir blauwe balkjes. die zijn nu redelijk standaard en saai. Misschien een gradientje er in of misschien rounded corners?

Dag Joshua,

Ik vind het idee van het design prima, maar ik mis nog wat 'leuke' dingen. Ik vind het nu nog een beetje een saai geheel. Ik weet dat je creatief genoeg bent, dus dat moet goed komen

De fout zit hem hoogstwaarschijnlijk in de position: absolute; binnen het body element.

Waarom zet je de body eigenlijk op position: absolute en vervolgens top en left op 0px. Haal die regel is weg en kijk eat er dan gebeurd?

Aan je code te zien kun je de opmaak van de tweet veranderen in je css:

.tweet {
width: 222px;
height: 238px;
float: left;
background-image: url(../_img/tweet.png);
background-repeat: no-repeat;
padding-left: 22px;
position: relative;
display: none;
}

Kwestie van die code aanpassen!

De layout van een website is zeker belangrijk! Wanneer de layout professionaliteit uitstraalt geeft dit al een stuk meer vertrouwen bij de klant en zal deze eerder geneigd zijn om iets te kopen. Verder is zijn de standaard betaaldiensten/ veilige betaaldiensten naar mijn idee een pré.

Tieske: Dat weet ik, maar hij gaf de fout alleen aan op een mac. Aangezien ik zelf op windows het wel heb getest op safari etc. ;). Maar de fout is al opgelost!

Hey allemaal,

Ik was net druk bezig met cross-browser debugging en kwam deze tool van microsoft tegen. Heb hem nu zelf ook in gebruik en ik moet zeggen het werk makkelijk, snel en goed! Althans, ik gebruik het programma dan ook alleen voor cross-browser debugging

http://www.microsoft.com/expression/pro…b_Overview.aspx

Probleem is al opgelost. De fout zat in een foute opmaak van position: relative.

Hallo allemaal,

Op de een of andere manier weet MAC mijn layout helemaal door elkaar te gooien... Aangezien ik zelf geen mac heb, is het nogal lastig voor mij om de fout te vinden. (Ik werk nu via browsershots.org.) Heeft één van jullie een idee wat het kan zijn?

Probleem opgelost

I'm in :), voor csgo dan he

Wat precies lukt er eigenlijk niet?

Chrome heeft inderdaad een eigen ingebouwde "debug" tool.
https://developers.google.com/chrome-develop…s/docs/elements

Je kunt hiermee gelijk je div en css bekijken en hij geeft ook aan hoe groot, hoe breed etc.

Komt het misschien omdat je in je css dit hebt staan?

.ui-layout-content {
overflow: auto;
}

Probeer eens het volgende:

.ui-layout-pane-west {
padding: 0;
float: left;
clear: both;
}

.ui-layout-content {
float: left;
clear: both;
}

Citaat van Cas

Ik zie er nog een aantal erg slordige fouten inzitten. Let hierbij vooral op plaatsing en uitlijnen.

Klopt! Die fout zag ik ook nadat ik het had geupload, gelukkig is hij bij het uiteindelijke resultaat er wel uitgehaald!