HTML Plaatjes op de juiste plek zetten

[frankkk]

Ik zit in myspace een beetje te klooien.
ik heb nu een paar plaatjes als banner staan maar ik krijg ze niet goed geordend.
ik wil dus bijvoorbeeld net zoals de kings of leon hyves: http://www.myspace.com/kingsofleon
een plaatje bovenaan, een youtube filmpje onder de banner aan de zijkant.
plus buttons aan de onderkant van de heading banner.
dit heb ik al:www.myspace.com/thesuspenders
als ik nu een extra button toevoeg dan komt hij op dezelfde plek als de button"label" te staan.
en ik wil hem ernaast hebben.

de html code:

de header:

<a style="border:1;background-color:transparent;" title="The Suspenders EP Coming March 2010" class="reBannerUpper">
  <style>a.reBannerUpper{height: 700px;rc: 1;position: absolute;rc: 1;width: 800px;rc: 1;margin-left: -388px;margin-right: 100px;rc: 1;left: 50%;rc: 1;top:0px;background-image: url("http://i883.photobucket.com/albums/ac40/thesuspenders/LexjumpBreedbeeld_00000-2.jpg");background-position: center center;background-repeat: repeat-x;}body.bodyContent {margin-top: 850px;}</style>
  <span></span>
</a>

de button:

<style> .pmp{ Generated at Pimp-My-Profile.com } a.pmp_rollover:link, .pmp_rollover{ width:170px; height:80px;position: absolute;rc: 1; display:block; rc: 1;margin-left: -388px;margin-right: 200px;top;680px;
  background-image:url('http://img682.imageshack.us/img682/2262/hyvesbutton00000.jpg'); } a.pmp_rollover:hover{ width:170px; height:80px; display:block; background-image:url('http://img98.imageshack.us/img98/9638/btuoom200000.jpg');} div.topbanner </style>
<a class="pmp_rollover" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZXN1c3BlbmRlcnMuaHl2ZXMubmwv"></a> <br /><a style="color:FFCC00;font-family:another,verdana;" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZXN1c3BlbmRlcnMuaHl2ZXMubmwv"></a>

ik hoop dat jullie me kunnen helpen.
ciao!

 

[Goeroeboeroe]

Ik heb naar de code gekeken op je pagina, maar die is - voorzichtig uitgedrukt - nogal uitgebreid en gecompliceerd. En onoverzichtelijk. Ik neem aan dat dat komt omdat het 'n myspace-pagina is. Dat maakt het heel moeilijk iets zinnigs te zeggen. Het is 'n oerwoud van geneste tabellen e.d.
Maar misschien heb je hier toch iets aan. Die knop met label lijkt (lijkt, ik kan het niet goed zien) absoluut gepositioneerd. In dat geval bestaat hij als het ware niet voor de rest van de pagina.
Dus als je in de html na die knop Label iets zet, zal dat in principe gewoon over die knop Label komen te staan.
Als dat de oorzaak is, moet je Label niet absoluut positioneren, maar op 'n andere manier op de juiste plaats krijgen. Of je moet de de knop die ernaast moet komen ook absoluut positioneren.

 

[frankkk]

Ik heb naar de code gekeken op je pagina, maar die is - voorzichtig uitgedrukt - nogal uitgebreid en gecompliceerd. En onoverzichtelijk. Ik neem aan dat dat komt omdat het 'n myspace-pagina is. Dat maakt het heel moeilijk iets zinnigs te zeggen. Het is 'n oerwoud van geneste tabellen e.d.
Maar misschien heb je hier toch iets aan. Die knop met label lijkt (lijkt, ik kan het niet goed zien) absoluut gepositioneerd. In dat geval bestaat hij als het ware niet voor de rest van de pagina.
Dus als je in de html na die knop Label iets zet, zal dat in principe gewoon over die knop Label komen te staan.
Als dat de oorzaak is, moet je Label niet absoluut positioneren, maar op 'n andere manier op de juiste plaats krijgen. Of je moet de de knop die ernaast moet komen ook absoluut positioneren.

ja dat is het, klopt!
als ik er een ander plaatje in gooit komt die over de knop: "label" te staan.
weet u misschien hoe ik die dan on absoluut moet positioneren?
ik heb het namelijk van zoon html machine gehaald, want ben nieuw in de html wereld.
groetjes

 

[Goeroeboeroe]

Pfoe, daar vraag je me wat. Ik heb geen enkele ervaring met hoe je iets in myspace moet wijzigen, misschien iemand anders hier.

Als 't 'n gewone pagina zou zijn, zou ik voor je nieuwe knop alles overnemen wat in de css achter a.pmp-rollover:link, .pmp-rollover staat.

In die css staat o.a. margin-left: -388px
Als je die verhoogt (dus -200, of 0, of 200) schuift je knop Label naar rechts.
Ik neem aan dat je nieuwe knop dan ook naar rechts schuift en naast de knop Label komt te staan.
Maar hoe je dat in Myspace kunt aanbrengen zou ik dus niet weten.

 

[frankkk]

Pfoe, daar vraag je me wat. Ik heb geen enkele ervaring met hoe je iets in myspace moet wijzigen, misschien iemand anders hier.

Als 't 'n gewone pagina zou zijn, zou ik voor je nieuwe knop alles overnemen wat in de css achter a.pmp-rollover:link, .pmp-rollover staat.

In die css staat o.a. margin-left: -388px
Als je die verhoogt (dus -200, of 0, of 200) schuift je knop Label naar rechts.
Ik neem aan dat je nieuwe knop dan ook naar rechts schuift en naast de knop Label komt te staan.
Maar hoe je dat in Myspace kunt aanbrengen zou ik dus niet weten.

ja dat dacht ik zelf ook al, bij die margin.
maar als ik hem dan 100 naar links doe ofzo, dan gaat opeens alles mee naar links.
en niet de knop zelf als individu.
ik kan de hoogte wel margen. dus dat is raar.

 

[Goeroeboeroe]

Kun je die tweede knop op die pagina zetten, waarvan je de link hebt gegeven? Dan kan ik 'ns proberen of ik hem (haar?) op z'n plaats kan krijgen.

 

[frankkk]

Kun je die tweede knop op die pagina zetten, waarvan je de link hebt gegeven? Dan kan ik 'ns proberen of ik hem (haar?) op z'n plaats kan krijgen.

het is dezelfde code.
alleen dan met andere links natuurlijk(groote is ook hetzelfde) er staat dan alleen geen label maar hyves(doorlink button).

 

[Goeroeboeroe]

Ja, dat geloof ik best. Maar het is voor mij heel moeilijk om dat er zelf tussen te zetten.
Als jij die tweede knop erbij zet, kan ik terwijl hij online staat wel tamelijk simpel de css en/of html veranderen, en kijken wat er dan gebeurt.
Als hij niet online staat moet ik eigenlijk de hele pagina met alle css enz. gaan downloaden om in m'n eigen computer te bewerken, en daar is geen beginnen aan met zo'n hoeveelheid code.

 

[frankkk]

Ja, dat geloof ik best. Maar het is voor mij heel moeilijk om dat er zelf tussen te zetten.
Als jij die tweede knop erbij zet, kan ik terwijl hij online staat wel tamelijk simpel de css en/of html veranderen, en kijken wat er dan gebeurt.
Als hij niet online staat moet ik eigenlijk de hele pagina met alle css enz. gaan downloaden om in m'n eigen computer te bewerken, en daar is geen beginnen aan met zo'n hoeveelheid code.

dit is hem:

<a style="border:1;background-color:transparent;" title="The Suspenders EP Coming March 2010" class="reBannerUpper"><style>a.reBannerUpper{height: 700px;rc: 1;position: absolute;rc: 1;width: 800px;rc: 1;margin-left: -388px;margin-right: 100px;rc: 1;left: 50%;rc: 1;top:0px;background-image: url("http://i883.photobucket.com/albums/ac40/thesuspenders/LexjumpBreedbeeld_00000-2.jpg");background-position: center center;background-repeat: repeat-x;}body.bodyContent {margin-top: 850px;}</style><span></span></a>





<style> .pmp{ Generated at Pimp-My-Profile.com } a.pmp_rollover:link, .pmp_rollover{ width:170px; height:80px;position: absolute;rc: 1; display:block; rc: 1;margin-left: -388px;margin-right: 200px;top;680px;
  background-image:url('http://img682.imageshack.us/img682/2262/hyvesbutton00000.jpg'); } a.pmp_rollover:hover{ width:170px; height:80px; display:block; background-image:url('http://img98.imageshack.us/img98/9638/btuoom200000.jpg');} div.topbanner </style> <a class="pmp_rollover" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZXN1c3BlbmRlcnMuaHl2ZXMubmwv"></a> <br /><a style="color:FFCC00;font-family:another,verdana;" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZXN1c3BlbmRlcnMuaHl2ZXMubmwv"></a>





<style> .pmp{ Generated at Pimp-My-Profile.com } a.pmp_rollover:link, .pmp_rollover{ width:170px; height:80px; rc: 1;position: absolute;rc: 1; display:block; rc: 1;margin-left: -388px;margin-right: 800px;rc: 1;left: 50%;rc: 1;top:680px;
  background-image:url('http://img237.imageshack.us/img237/7884/label200000.jpg'); } a.pmp_rollover:hover{ width:170px; height:80px; display:block; background-image:url('http://img686.imageshack.us/img686/5759/label100000.jpg');} div.topbanner </style> <a class="pmp_rollover" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZXN1c3BlbmRlcnMuaHl2ZXMubmwv"></a> <br /><a style="color:FFCC00;font-family:another,verdana;" href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZXN1c3BlbmRlcnMuaHl2ZXMubmwv"></a>

het zou ook gewoon in een andere code mogen hoor, maar ik weet zelf niet hoe.

 

[Goeroeboeroe]

Dat gaat zo echt niet. Althans: ik kan het zo niet. En als het al zou kunnen, gaat het op deze manier zeeën van tijd kosten.

De css/html is enorm ingewikkeld op die site. Met m'n normale hulpprogramma's als Firebug krijg ik maar liefst vijf keer de css voor de eerste knop te zien, steeds iets anders. Kennelijk (mogelijk) staat die dus verspreid over meerdere bestanden of zo.

Als het online staat, kan ik rechtstreeks 'inbreken' op de plek waar de tweede knop staat en uitproberen wat er gebeurt bij andere instellingen. Die kan ik dan aan jou doorgeven (als het lukt), waarna jij kunt kijken in welk bestand en zo de wijziging precies moet worden aangebracht.

Maar om zo te kunnen werken moet het echt online staan, want ik ga geen pagina downloaden die vele tientallen schermen code bevat, daar is geen beginnen aan.

Het maakt trouwens niets uit als die tweede knop over de eerste staat, als de code maar aanwezig is.