Jump to content


Photo
- - - - -

How to assign link with mediabox image

media box image link

Best Answer James B , 12 March 2014 - 11:29 PM

The html editor is placing the html content inside <p> tags. Try using the css below to remove the margins.

 

.the-media-html p {
    margin: 0;
}
Go to the full post


  • Please log in to reply
10 replies to this topic

#1 rijans

rijans

    Super Member

  • Members
  • PipPipPipPip
  • 127 posts
  • Framework Version:DMS 1.1.8
  • Country: Country Flag

Posted 07 March 2014 - 10:22 PM

How do I assign link to home page to the image uploaded with media box?

 

http://screencast.com/t/nXfsExZiGE



#2 batman

batman

    Bat Learning

  • Members

  • 2084 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 March 2014 - 10:49 PM

Hi

You can  add rich html to the text area 

<a href="link.com"> <img src="yourimage.jpeg" alt="alttext"></a>
 
 
You can edit your image with the HTML post editor and then copy/paste the code

  • James B, JamesW and rijans like this

#3 rijans

rijans

    Super Member

  • Members
  • PipPipPipPip
  • 127 posts
  • Framework Version:DMS 1.1.8
  • Country: Country Flag

Posted 07 March 2014 - 10:53 PM

@batman Yes! But what about the img I uploaded using that uploader? can't I link it?



#4 batman

batman

    Bat Learning

  • Members

  • 2084 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 March 2014 - 11:03 PM

I don´t find at forum and docs another way to do this, you can´t link it (suppose), you can wait for a moderator reply 

;)


  • rijans likes this

#5 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 07 March 2014 - 11:11 PM

Just use the same url.. copy and paste it then remove it from the image field by pressing delete.


  • rijans likes this

#6 rijans

rijans

    Super Member

  • Members
  • PipPipPipPip
  • 127 posts
  • Framework Version:DMS 1.1.8
  • Country: Country Flag

Posted 12 March 2014 - 08:17 AM

@Simon_P If I do that with html, There's more spaces automatically add on top and bottom of the log! How Do I remove those space?

 

The image added with media uploader adds no space on top or bottom (I need like this)

http://screencast.com/t/l15TYlAa

 

But the image added with html adds space

http://www.screencast.com/t/amDl60dd4

 

How do I control the space?



#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 15848 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 March 2014 - 11:27 AM

Can you provide the code you have used and a link to the site in question please.



#8 rijans

rijans

    Super Member

  • Members
  • PipPipPipPip
  • 127 posts
  • Framework Version:DMS 1.1.8
  • Country: Country Flag

Posted 12 March 2014 - 06:11 PM

Code: 
 
<a href="http://www.techgainer.com"><img src="http://cdn.techgainer.com/2014/03/22951.png" alt="TechGainer Home" style="float:left width="229" height="51"> </a>
SIte:Techgainer.com   (The code is not live on the site right now. )

Edited by rijans, 12 March 2014 - 06:12 PM.


#9 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 12 March 2014 - 11:29 PM   Best Answer

The html editor is placing the html content inside <p> tags. Try using the css below to remove the margins.

 

.the-media-html p {
    margin: 0;
}


#10 rijans

rijans

    Super Member

  • Members
  • PipPipPipPip
  • 127 posts
  • Framework Version:DMS 1.1.8
  • Country: Country Flag

Posted 17 March 2014 - 11:22 AM

@James B THanks!

It Worked!



#11 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 17 March 2014 - 11:45 PM

You're welcome, glad it worked.