Jump to content
Sign in to follow this  
Loffer

Hjelp med midtstilling av gadget

Recommended Posts

Hei, jeg har laget nettstedet www.fescub.com, det er ikke store greia, men det fungerer.

 

Problemet mitt ligger hvis man går på førstesiden på indexen, da ser man normalt en twitter gadget. Jeg har to problemer med denne. For det første så er den ikke midtstilt, har prøvd alt mulig jeg kan tenke om for å fikse det, greien med gadgeten min er at jeg har kodet den slik at den er midtstilt på pc-skjermen min, men når jeg ser den på andre skjermer er den malplassert, for eksempel til høyre eller venstre, alt utifra hvilken skjerm størrelse man har tror jeg. Er det noen som kan fortelle hvordan jeg fikser dette?

 

Bonusspørsmål, hvorfor fungerer ikke gadgeten i Firefox eller IE? Den fungerer i Chrome.

 

(tatt fra twitter sin hjemmesidehttp://twitter.com/goodies/widget_profile)

Her er koden jeg har brukt, for å få den slik den er nå:

HTML-kode

<div id="tweet"><script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({
 version: 2,
 type: 'profile',
 rpp: 8,
 interval: 6000,
 width: 450,
 height: 350,
 theme: {
shell: {
  background: '#333333',
  color: '#ffffff'
},
tweets: {
  background: '#000000',
  color: '#ffffff',
  links: '#4aed05'
}
 },
 features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
 }
}).render().setUser('FeScUB').start();
</script></div>

 

Jeg har laget den i en div tag, også har jeg oppført hvordan den skal være her:

 

<style type="text/css"> 
<!--
#tweet {
display: block;
position: absolute;
background-color: #000000;
left: 480px;
top: 800px;
width: 300px;
height: 400px;
text-align: center;
z-index: 1;
}

z-index: 1;
}

 

Trenger virkelig hjelp, har faktisk vært plaget med dette i en mnd, og tenkte ikke på å søke hjelp fra forum før nå!

Share this post


Link to post
Har du prøvd:

div.something {align: center; position: float; margin-left: 30px; margin-right: 30px;}

 

Bytt om 30 px til det som passer selvfølgelig.

 

Hei, takk for svar. Skal sjekke det ut, men tror ikke det vil løse problemet. Tror problemet ligger i det med måten jeg har plassert diven vises forskjellig på skjerm til skjerm ettersom hvilken størrelse de har eller oppløsning. Dette fordi jeg har plassert den med å skrive inn hvor den skal stå i plassene der det står "px" som gjør at den vises forskjellig fra skjerm til skjerm, ellerno.

 

Btw nyeste Firefox Beta fungerer med gadgeten!

Share this post


Link to post

Det er sant. Du kan jo prøve en metode jeg brukte til en bilde-overskrift en gang. Det funka for meg i IE og mozilla ihvertfall:)

 

h1.main
{
align: center;
width: 82.5%;
text-align: center;
padding: 0px;
margin-left: auto;
margin-right: auto;
}

Share this post


Link to post

Ok, har prøvd begge forslag, men det hjalp ingenting pga at trenger en ny måte å få midtstilt gadgeten, ikke en videreløsning av min metode. Finnes det ingen andre metoder?

 

Trenger virkelig hjelp i og med at jeg skal presentere nettstedet allerede på Fredag, og da må det være FEILFRITT!

 

HJELP!

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...