HTML5 Object/Embed tag bråkar

Permalänk

HTML5 Object/Embed tag bråkar

Goddagens!

Jag sitter med ett litet problem som egentligen inte bör vara ett problem, bara att jag är för blind att se varför det bråkar.
Är så att när mitt skript läser vad det är för typ av fil som ska visas i nedanstående kod (lite bantad eftersom vanliga bilder funkar fint och själva jämförelse biten fungerar fint) så visar den antingen en bildfil eller en swf, så långt är det inga problem, problemet är däremot att när jag hämtar en bild från databasen så ändras storleken till det jag vill ha den till och det visas precis som det ska, däremot när jag får en swf så blir storleken förändrad, alternativt någon padding/margin ovan eller under, och det är enbart när jag använder en <object> eller <embed> tag.

Ser ut såhär efter skriptet körts:

<div class=\"object_wrapper\"> <div class=\"object_imagewrapper\"> <object data=\"$row->img_url\" class=\"object_image\" type=\"application/x-shockwave-flash\"></object> /* Här är "vanliga" bilder <a href=\"".$row->redirect_url."\" target=\"_blank\"><img src=\"".$row->img_url."\" alt=\"".$row->redirect_url."\" class=\"object_image\"></a> */ </div> <div class=\"object_toolbar\"> <ul> <li> Dela via <a href=\"".share_url('twitter', array('url'=>$url, 'text'=>$text, 'via'=>'Kakmonster.se'))."\" target=\"_blank\"><img src=\"$twitter\" alt=\"Twitter\" title=\"Dela på Twitter\"></a> <a href=\"".share_url('facebook', array('url'=>$url, 'text'=>$text, 'via'=>'Kakmonster.se'))."\" target=\"_blank\"><img src=\"$facebook\" alt=\"Facebook\" title=\"Dela på Facebook\"></a> </li> </ul>

.object_imagewrapper{width:298px;height:191px;border:1px solid #ededed;color:#fff;} .object_image{width:298px !important;height:191px !important;} .object_imageFlash{width:298px !important;height:191px !important;} .object_toolbar{position:relative;top:3px;left:-35px;} .object_toolbar ul{list-style:none;margin:0;} .object_toolbar ul li{float:left;color:#1e1e1e;text-decoration:none;margin-left:5px;font-size:8pt;margin-top:3px;} .object_toolbar ul a{color:#1e1e1e;text-decoration:none;font-size:8pt;} .object_wrapper{margin:0;padding:0;color:#1e1e1e;text-decoration:none;font-size:10pt;} .object_wrapper{width:300px;height:225px;margin:6px 6px 6px 6px;background-color:#ededed;background-image:linear-gradient(#ededed,#ffffff);border-radius:6px;box-shadow:0 1px 1px #777;display:inline-block;color:#1e1e1e;text-decoration:none;} .object_wrapper:before,.adwrapper:after{content:"";} .object_wrapper object embed{display:inline-block;clear:both;}

Visa signatur

AMD Ryzen 5800X3D | Corsair Hydro H115i RGB Platinum | 32gb G.Skill DDR4 @ 3600mhz | Asus X570-F | PowerColor RX6900XT RedDevil Ultimate | 1TB m.2 SSD gen 4 | 256gb m.2 SSD gen 4 | 1TB HDD | Phanteks Revolt Pro 1000W | Phanteks Eclipse P500A

Permalänk
Medlem

Svårt att säga vad som kan vara fel. Men som du skriver så verkar flashfilen vara förstor. Har du konfirmerat detta, att det är de som är felet eller är det fortfarande oklart?
Ett litet fusksätt kan kanske vara att sätta overflow: hidden på containern så att allt som är förstort "göms".

Lyckas du inte lösa det så kan du sätta upp en jsfiddle så kan vi kanske lättare hjälpa dig att felsöka.

Visa signatur

Mina poster är en illusion. Det som står skrivet här över står i själva verket inte där så inget av det som du läser är sant. Inte ens den här texten. Jag har själv ingen kunskap om det jag skriver och ingen bör således läsa eller ta in den information som står skrivet.