A space between my video and text

[highrik]

Hi, I managed to upload a video to google the other day and have embedded it in my website. It was easy because the html code was automatically generated so I could cut and paste it onto my site.

<embed id="VideoPlayback" style="width:400px;height:326px" flashvars="" src="http://video.google.com/googleplayer.swf?docid=-2034566006335123781&hl=en" type="application/x-shockwave-flash" align="left" >


I have wrapped text around the embedded video with the align="left" attribute which worked fine but the text hugs right up against the video which doesn't look very good. How do I create a space between the video and the text to improve the look?

http://homepage.ntlworld.com/richard.thomas10/

I think you may find my site a bit basic

Thanx, Rick

[saltedm8]

this is a css question, moved to css forum

you have added padding but you forgot one silly element ( the px )

padding:10;

should be

padding: 10px;

if you wanted to add padding only to the left of your text you should put padding-left:10px

or another way it could be done is

padding: 1px 2px 3px 4px;

this is defining the 4 sides of the element ( i have added values to show you )

where 1px is that is the top
where 2px is that is the right
where 3px is that is the bottom
where 4px is that is the left

if you wanted nothing for one particular side you can put in something like this

1px 0 3px 4px ;

that is saying we want padding on the top, none on the right, and we do want padding on the bottom and left

[highrik]

I still seem to be having a problem . I've edited my external style sheet thus:

p.maintext
{
color: green;
font-size: 100%;
font-family: arial;
padding: 0 10px 0 10px;
}

Should this not give me 10 pixels of padding to the left and right of my text? I still have no gap between my embedded video and the text to it's right.

highrik

ps sorry for posting my original message on the wrong forum

[dab42pat]

Hi

To solve your problem you will have to put your embeded image in a div.

<div class="video">

Then in your css

HTML: Select all

.video {
float:left;
margin-right:10px;
}

Give it a try

Pat

[highrik]

Yay!.. that worked. Brilliant . I'm not too familiar with the 'div' tag so I need to take a closer look at it.

Thanx Rick.

[saltedm8]

sorry, i did not even spot that there was no div there lol