Jump to content

Moving an Image


SPLATTER2

Recommended Posts

Hi everyone! I've only been using MediWiki for a few months and everything has been self taught from YouTube videos and mostly the wonderful resources here at W3. I'm trying to do something that I would THINK be super easy - to move an image over x pixels from the border. I have tried every html and css tag I can find and still no luck. I know not all CSS and HTML tags work in MW, but there has got to be some way to do this! Please help, why does this not work!

Thank you!

Simple approach, does not work...

<center>

THIS IS A TEST

</center>

<p style="padding-right: 100px;>

[[Image:MyLogo.png|none|150px|My Logo]]

</p>

 

I also tried this approach, all just to move an image a few cm over...

<head>

<style>

.right {

position: absolute;

right: 10px;

width: 300px;

border: 3px solid #73AD21;

padding: 10px;

}

</style>

</head>

<body>

<h2>THIS IS A TEST</h2>

<div class="right">

<p>[[Image:MyLogo.png|none|150px|My Logo]]</p>

</div>

 

margin-right: XXpx moves the text away from the image, NOT the image away from the page. 

same thing with padding-right:XXpx

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...