Archive for the 'Programmering' Category

Fallande div problem

Monday, October 6th, 2008

Har sen en tid tillbaka lyckats hitta en lösning till problemet med fallande flytande div´s. Om man som jag alltid försöka lösa allt stylande av element på html-sida så man garanterat stött på problemet med fallande div dvs float:left för att få div-element att ligga sida vida sida. Min lösning ser ut som följer:

//css-fil
#container{
display:table;
}

#left{
float:left;
width:100px;
height:100px;
border:1px solid #CCC;
}

#right{
float:left;
width:100px;
height:100px;
border:1px solid #CCC;
}

//html
<div id=”container”>
<div style=”display: inline”>
<div id=”left>Vänster</div>
<div id=”right”>Höger</div>
</div>
</div>

Lösningen är alltså en extra omslutande div där man använder display:inline för att hindra divarna att falla. Anledning till att jag använder table istället för block när det gäller display för elementet container är att annars tar det inte upp sin fulla höjd. Problemet med fallande divar har jag upplevt i Firefox och jag har även läst att det är någon form av bugg. För divarna faller inte varje sidvisning.

Hoppas att det hjälper någon


Ta bort dubletter

Tuesday, August 22nd, 2006

Jag har märkte för några dagar sen att min algoritm för att spara ny nyhetsrubriker inte va den bästa. Det var en hel del dubletter som lades in. Jag måste ha programmerat mitt i natt för att ha missat det. Men i alla fall idag tänkte jag att jag skulle ta bort dubletterna men kom inte på nåt bra sätt. Jag vet att det går med sub quires i mysql 5.0 men min mysql version är nåt på 4. så jag vart tvungen att göra det med php. Jag kom fram till följande:

Vi kan säga att tabellen som rubrikerna sparas i heter news_link med fälten link_id, link_url bla. Jag har skapat två st db-kopplingar via mitt object som jag kallar för (more…)

Indexeringen

Sunday, August 20th, 2006

Mitt mål med www.nyhetsrubrik.se är att är framför allt försöka få så många sidor som möjligt indexerade. Det går ganska framåt i skrivande stund har är det 339 sidor indexerade av google. Google tar nästan bara länkar från första sidan.
Jag har ca 15 000 artiklar i db men varje artikel är så kort så kan knappt räknas som en artikel. Efter artikeln är det alltid flera länkar från dagens datum det kanske är det som hindrar google från att indexera flera artiklar eftersom det alltid är olika content på sidan då och det gillar inte google. Ska nog ändra det om ett tag men det blir inte lika användarvänligt då eftersom man måste klicka på en länk för att kunna läsa nästa artikel. (more…)

Visa flash

Friday, August 18th, 2006

Jag har ett antal egna sidor plus ett 30 tal siter på jobbet. Lite då och då stöter man på sidor som man vill ha flash filmer i. Men det är ju lite marigt. Olika browsers stöder olika kod så koden blir lite plottrig. För att de flesta browsers ska kunna visa flash filmer så behövs både en object-tagg och en embed-tagg inbakad i object-taggen.

Adobe rekomenderar att koden ser, i sitt grundutformat, ser ut som följer:

<object width="550" height="400" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,40,0" id="myMovieName">
<param name="movie" value="myFlashMovie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" /></object>

Visst fungerar det men det är fult och väldigt rörigt. Och dessutom så blir det alltid en jobbig ram på flash-objektet när kommer över med musen, i alla fall IE. Så idag när jag av en ren slumpt kollade på en nyhet från sport.nyhetsrubrik.sehamnade jag till slut på svd.se och kom och tänka på denna problematik. Så jag kollade hur svd flashannonser såg ut. De hade ingen ram märkte jag snabbt. Så givetvis kollade jag källkoden för att se hur dom hade gjort. Då hittade jag följande javascript kod:

<script type="text/javascript"> var fo = new FlashObject( "http://www.jobb24.se/images/sys/flash/JOBB24_ticker.swf", "jobb24flashheader", "188", "60", "6", "#000000" ); fo.addVariable("clickTAG", "http://www.jobb24.se"); header.style.height = '60px'; fo.write("jobb24header"); </script>

Detta var precis vad jag letade efter. Ett objekt som ordnar på object-tagg och embed-tagg. Med dettaobjekt kan man på ett lätt sätt lägga till parametrar både till taggarna och till själva flash filmen. Om besökaren inte har rätt flash film så får besökaren möjlighet att ladda ner rätt version.Jag hitta en svensk sida som översätter det engelska originalet

Både den svenska och den engelska versionen är lätta att förstå.

Tips:Adobe har även en sida där alla flashparametrar finns beskrivna.