Adding a hyperlink to a css box

Hello !
I am trying to add a hyperlink to a css box so when clicked it redirects to a page: for example www.google.com
Also in the box i have an image.
This is the box:
CSS
#Box1 {float: left; background:url(butondesprenoi.jpg);background-size:contain; }
#Box1:hover {background:url(butondesprenoi2.jpg);background-size:contain; transform:rotate(7deg);
-ms-transform:rotate(7deg);
-webkit-transform:rotate(7deg); }
HTML
<div id="Box1">
<h2></h2>
So how can i do it ?

Valen90 wrote:
Hello !
I am trying to add a hyperlink to a css box so when clicked it redirects to a page: for example www.google.com
Also in the box i have an image.
So how can i do it ?
Add a hyperlink to a css box? not sure what exactly do you mean. However, you can add a hyperlink in your html code like this:
<div id="Box1">
<h2>Heading Level 2</h2>
<a href="http://google.com">
<img alt="image-inside-box" class="auto-style1" height="340" src="https://sc.imp.live.com/content/dam/imp/surfaces/mail_signin/v3/images/SISU_0003_SkypeMidEngaged_475x340.jpg" width="475"></a></div>
hope this is what you are after.

Similar Messages

Adding a hyperlink in Webdynpro ESS box

Hi Group,
I need to add hyperlink to a box displayed in ESS side. The webdynpro application I am looking into is HRESS_A_PER_US_ONLINE_W2. In the election tab, I need to add a hyperlink inside 'Additional Information' box.
I tried to create a GENERAL TEXT in SE61 and insert a link which works fine in the preview in SE61 but this doesn't show up as a hyperlink in the ESS side. It just displays the command for the hyperlink as such.
Requesting your input on this.
Thanks,
María

Hi Maria,
I think you are not very much familiar with the object navigator and Webdynpro component's structure. I suggest you take the help of a developer who is familiar with WDA.
You need to enhance the standard component to achieve your requirement.
Your requirement can be achieved as below
Open the standard WDA component in SE80 and go to the respective view
Enhance the view and go to the view layout
Add UI element LinkToUrl or LinkToAction
To set the link text from data element documentation,
Go to the POSTEXIT of wddomodifyview( ) method of view
Get the documentation text by using function module DOCU_GET_FOR_F1HELP
Get the link ui element from view like
                  data lo_view_element type ref to if_wd_view_element.
               lo_view_element ?= VIEW->GET_ELEMENT( 'LINK' )
Set the text, by using method
               lo_view_element->set_text( lv_doc_text ).
Hope this helps you.
Regards,
Rama

Is it possible to activate a hyperlink in a text box, so that the hyperlink then works when the iBook is used on an iPad?

I can't create a hyperlink in a text box that works in pre-view on the iPad. Any ideas would be welcome. Thanks, Bob

when I add another text box within the text place holder in order to create a picture frame
You can add a frame image itself - no need to use text box... but if you must.. you are better using Shapes as image placeholders. Conversly - you can add text to Shapes!
Text boxes and shapes are treated differently by the Inspector when opting to use in a way that Apple did not think you would do!
Hyperlinks are best made in its own text box and nothing else added. make another text box.. input content and align to choice, remember ARRANGE move to front pust one text box above the other and allows you to juggle placing your content on the page.
Time Zone - East Australia

My CSS box doesn't seem to be pushing the text out of the way

Hi guys,
Have
a look here
I've just managed to get CSS boxes working on my site, and as
you'll see have applied them to the right hand side of a number of
pages and added links. I looked at the site locally and online last
night from my machine and everything seemed to be working as
expected.
However, I've just got to work and had a look at some of the
pages and the text box A - doesn't seem to have extended enough to
surround all of the linked text and B - doesn't seem to have pushed
the surrounding text out of the way enough so now there's a
horrible overlapping this going on.
As I have set the box's height properties to something like
150 (can't quite remem) I'm assuming this is what is causing A and
B? So, how do I then set the box's properties so that it will
shorten or lenghten depending on how much text I put inside it -
just leave the height property field blank?
Hope you can help guys!
Let me know if you need more info.
Cheers,
James

JamesFryer wrote:
So, how do I then set the
> box's properties so that it will shorten or lenghten
depending on how much text
> I put inside it - just leave the height property field
blank?
Yes. The answer is to never set the height of a box which
contains text
(unless its for a scrolling area). Let the amount of text
within the box
determine the height.

Help with creating hyperlinks in formatted CSS text

I'm having difficulty adding links using Dreamweaver. I first
format the text with a CSS style, then use the Properties window to
add the hyperlink (or Insert>Hyperlink menu). It creates this,
<p class="linkbodyleftcol"><a href="
http://www.amcc.com">AMCC</a></p>
However, when I place the cursor on AMCC in the design
window, most of the CSS styles I see in the CSS Styles menu are
crossed out with a message "...does not apply to your selection
because it is not inherited. It is applied to a closing tag."
To correct this, I modify the code to:
<a href="
http://www.amcc.com"><p
class="linkbodyleftcol"AMCC</p></a>
And this clears up the error. However, there must be a more
efficient way to add links while retaining CSS formatting. Could
someone point out a better method?
Best regards, -gary

But wouldn't this still entail adding a hyperlink in Design
view then editing this code in Code view?
Doesn't DW allow one to enter a hyperlink in Design view
while maintaining CSS? Seems hard to believe something so simple
would require going into the code, since CSS and hyperlinks are two
key ingredients in web design.

How do i send hyperlink to a text box within the same page

how do i send hyperlink to a text box within the same page on iweb

It's called an anchor. It's often discussed in this forum.
2 days ago : anchor
Here's a search of the past year : anchors

Override Link Class in "Other CSS" Box

Hi -is there a way to override the class of a link in the "other styles" box for a component?
My example is this:
I use a skin with a dark header. The text for the widgets in the header are white (Administration, etc)
The body of the site is white.
When I put another widget that uses the same class (x106 in this case) it makes the link color white and you can't see it on the page.
I've tried many ways to go into the "other CSS" box (under the style tab) and none seem to work.
Thanks.

Hi - thanks.
That's not exactly the problem. I know what the classes are (x106 and x107).
The problem is that I am trying to use two "widgets" or ADF components (like the login/logout or My Favorites links) on two different background colors.
I cannot get into the code of the ADF component to tell it to use a different class.
Also, if I change the class (x106 for example) it changes ALL of them.
What I think I need is a way to override the CSS for the link in the "Other CSS" box for that component somehow (I've tried many things - can't figure it out and not sure it can be done). I would think that this would override the class in the skin.
In short - what I'm asking, I guess, is this.
IS there a way to override the CSS LINK color for an ADF template component - OTHER THAN in the Skin's CSS file.
Thanks!

CSS Box Problem

Hi,
My site have a some problem in css box. Screen shot is attached for reference.
Please help for the same.
Weblink

Have some performance issues on Windows XP, too.
I am using d3d prism settings to render on Windows 7 and XP. On Windows 7 everything working fine.
On Windows XP it is slow and sometimes flickering.
I didn't find a solution.
1) Tried to start the application with other prism settings like -Dprism.order=d2d and OpenGL.
2) I changed the 3d graphic settings that made it better, but didn't solve the issue.
Someone knows the difference of rendering the javafx application in Windows 7 and XP (DirectX 11, DirectX9.0c)?

HELP!! I am trying to record a presentation on Adobe Presenter 10, I have had no problems in the past, I added motion to some of the boxes in my presentation, now when I try to record I get this error message!!! Adobe Presenter

HELP!! I am trying to record a presentation on Adobe Presenter 10, I have had no problems in the past, I added motion to some of the boxes in my presentation, now when I try to record I get this error message!!!
Adobe Presenter
Adobe Presenter has encountered an unexpected problem while
working with this presentation. Try saving your work to a new file and
restarting PowerPoint. If the problem persists, consult the Help menu
item, or contact support at http://www.adobe.com/support/presenter.

Please provide your system specification. Also is it happening on a specific presentation or every presentation.
Regards,
Rajeev.

Help with adding a hyperlink to a button?

We have a simple little site we built in Catalyst and everything works great. The only problem is that we cannot figure out how to add a hyperlink to one of the buttons in the animation. We simply want to be able to click on the button and go to another site (the client's Facebook page specifically). Can anyone provide some insight? Thanks!

The message you sent requires that you verify that you
are a real live human being and not a spam source.
To complete this verification, simply reply to this message and leave
the subject line intact.
The headers of the message sent from your address are shown below:
From [email protected] Tue Nov 03 19:08:07 2009
Received: from mail.sgaur.hosted.jivesoftware.com (209.46.39.252:45105)
by host.pdgcreative.com with esmtp (Exim 4.69)
(envelope-from <[email protected]>)
id 1N5TPy-0001Sp-J1
for [email protected]; Tue, 03 Nov 2009 19:08:07 -0500
Received: from sgaurwa43p (unknown 10.137.24.44)
     by mail.sgaur.hosted.jivesoftware.com (Postfix) with ESMTP id 946C5E3018D
     for <[email protected]>; Tue, 3 Nov 2009 17:08:03 -0700 (MST)
Date: Tue, 03 Nov 2009 17:07:49 -0700
From: Tvoliter <[email protected]>
Reply-To: [email protected]
To: Matthew Pendergraff <[email protected]>
Message-ID: <299830586.358941257293283616.JavaMail.jive@sgaurwa43p>
Subject: Help with adding a hyperlink to a button?
MIME-Version: 1.0
Content-Type: multipart/mixed;
     boundary="----=_Part_36702_1132901390.1257293269030"
Content-Disposition: inline
X-Spam-Status: No, score=-3.4
X-Spam-Score: -33
X-Spam-Bar: ---
X-Spam-Flag: NO

Adding a hyperlink to a fillable form text box

I am creating a form in Adobe Acrobat X Standard. The form is for concept proposals submitted by staff. I would like a text field where users of the form can enter a hyperlink (URL, or if possible, also a location on our network drive) so that the people assessing the form can follow these links for further information.
I've had an extensive read of Google, these forums and experimented, but I haven't discovered a way to do this and am losing all hope! Does anyone know if this is possible?
Thank you

There is, but only if you configure the field to allow for rich text formatting. The user would have to select the text, display the Properties toolbar, select the link tab, and enter the URL. I doubt this will work for a link to a network drive.

Quick CSS box question

Hi guys,
Firstly a very Merry Christmas to you all !
I'm just getting to grips with converting all the text on my
site to CSS and have a quick question.
On some of my pages I add an 'Also see' links box aligned to
the right - it's a CSS div tag thingy someone kindly talked me
through once. All of my pages are built from a template with an
editable region.
My question is, can I add this box (perhaps with a standard
'Also check out' title and then spaces for my links) at the
template level? This will save me having to go to Insert>Layout
Objects>DivTag on every page. I've tried simply adding this to
the editable region of the template but it simply pushed the
editable region box over to the right and then didn't appear on my
pages
Also, the links box would ideally appear about half way down
my pages on the right...
Hope you can help, many thanks in advance!
James
Here's an example page where I have manually added my link
box on the right of the page...
http://www.fyrne.com/james_journalism/Pages/Mosaic_of_the_med.html

Your CSS link implies that the CSS file is in the Templates
folder. You
shouldn't have anything there other than the template (dwt)
files
themselves. Please move it out to any other location in your
site.
<link href="../../Templates/Box.css" rel="stylesheet"
type="text/css">
Changes made to template editable regions would not propagate
to existing
child pages - that's why you aren't seeing that addition in
them....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"JamesFryer" <[email protected]> wrote in
message
news:[email protected]...
> Hi guys,
>
> Firstly a very Merry Christmas to you all !
>
> I'm just getting to grips with converting all the text
on my site to CSS
> and
> have a quick question.
>
> On some of my pages I add an 'Also see' links box
aligned to the right -
> it's
> a CSS div tag thingy someone kindly talked me through
once. All of my
> pages are
> built from a template with an editable region.
>
> My question is, can I add this box (perhaps with a
standard 'Also check
> out'
> title and then spaces for my links) at the template
level? This will save
> me
> having to go to Insert>Layout Objects>DivTag on
every page. I've tried
> simply
> adding this to the editable region of the template but
it simply pushed
> the
> editable region box over to the right and then didn't
appear on my pages
>
>
> Also, the links box would ideally appear about half way
down my pages on
> the
> right...
>
> Hope you can help, many thanks in advance!
>
> James
>
> Here's an example page where I have manually added my
link box on the
> right of
> the page...
>
http://www.fyrne.com/james_journalism/Pages/Mosaic_of_the_med.html
>

Nested CSS boxes

Trying to get the hang of this CSS positioning thing...
Need to have a large centered box (main div) with several (2
to 4) small boxes within it. Essentially, the only text in the
first box (main div) is a H2.
I want the "big" box to have a height that will adjust to the
content of the smaller boxes within it. The small boxes will have
several to many lines of text or table data. The content will be
php-extracted from a mysql database, so it will vary in nbr of rows
returned.
Using DW MX 2004. I have the "main1" div, then used the DW
"Draw Layer" for a couple of the boxes. You'll see the in-line CSS
that was created with that... once I figure everything out I'll
move all CSS to the external sheet. Right now it's either in the
page head or in-line with the divs.
My problem is: the main div (Manage Content) is not adjusting
in height to be a background for the divs within it. I read several
suggestions about setting the properties of html and body to 100%
height (that's why it's in the CSS in the head). I thought that if
I postioned the main div as relative, then I can position the
nested divs as absolute off of the main? Doesn't seem to be the
right answer.
Test page:
Test page of
bad divs
Thanks in advance for helping!

You do NOT want to use Layers for this. Since absolutely
positioned page
elements are removed from the normal flow of the page, they
cannot cause
containers to expand. That's why using layers as a page
layout method is so
seriously flawed.
The term "CSS positioning" does not refer to just using
layers. It refers
to the use of CSS to place elements on the page with margins,
paddings,
floats, and occasionally, with positioning, but only
occasionally.
This may help you understand positioning a bit -
There are 4 different types of positioning:
Absolute
Relative
Fixed
Static
Here is a brief explanation of each kind of positioning (with
regard to
placement of elements on the page only)....
Position:absolute (or A/P elements)
This does several things -
1. It 'removes' the element from the flow of the code on
the page so that
it can no longer influence the size or position of any other
page element
(except for those contained within it, of course).
2. The absolutely positioned element takes its position from
the position of
its closest PARENT *positioned* element - in the
absence of any explicitly
positioned parent, this will default to the <body> tag,
which is always
positioned
at 0,0 in the browser viewport.
This means that it doesn't matter where in the HTML code the
layer's code
appears (between <body> and </body>), its
location on the screen will not
change (this assumes that you have not positioned the A/P
element within
a table or another A/P element, of course).
Furthermore, the space in
which
this element would have appeared were it not positioned
is not preserved
on the screen. In other words, absolutely positioned elements
don't take
up any space on the page. In fact, they FLOAT over the page.
Position:relative (or R/P elements)
In contrast to absolute positioning, a relatively positioned
page element is
*not* removed from the flow of the code on the page, so
it will use the
spot
where it would have appeared based on its position in
the code as its
zero point reference. If you then supply top, right,
bottom, or left
positions
to the style for this element, those values will be
used as offsets from
its
zero point.
This means that it DOES matter where in the code the
relatively positioned
element appears (, as it will be positioned in that location
(factoring in
the offsets) on the screen (this is true for any placement in
the code).
Furthermore, the space where this element would have
appeared is
preserved in the display, and can therefore affect the
placement of
succeeding elements. This means that the taller a relatively
positioned element is, the more space it forces on the page.
Position:static
As with relative position, static positions also "go with
the flow". An
element with a static position cannot have values for
offsets (top, right,
left, bottom) or if it has them, they will be ignored. Unless
explicitly
positioned, all div elements default to static positioning.
Position:fixed
A page element with this style will not scroll as the page
content scrolls.
Support for this in elements other than page backgrounds is
quirky
There are several other things you need to know:
1. ANY page element can be positioned - paragraphs, tables,
images, lists,
etc.
2. The <div> tag is a BLOCK level tag. This means that
if it is not
positioned or explicitly styled otherwise, a) it will always
begin on a new
line on the screen, and b) it will always force content to a
new line below
it, and c) it will always take up the entire width of its
container (i.e.,
width:100%).
3. The placement of A/P elements *can* affect the BEHAVIOR of
other
elements
on the page. For example, a 'layer' placed over a hyperlink
will mask that
hyperlink.
You can see a good example of the essential difference
between absolute and
relative positioning here -
http://www.great-web-sights.com/g_layersdemo.asp
You can see a good demonstration of why using layers for a
page layout tool
is dangerous here -
http://www.great-web-sights.com/g_layer-overlap.asp
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"JillTW" <[email protected]> wrote in
message
news:[email protected]...
> Trying to get the hang of this CSS positioning thing...
>
> Need to have a large centered box (main div) with
several (2 to 4) small
> boxes
> within it. Essentially, the only text in the first box
(main div) is a H2.
>
> I want the "big" box to have a height that will adjust
to the content of
> the
> smaller boxes within it. The small boxes will have
several to many lines
> of
> text or table data. The content will be php-extracted
from a mysql
> database, so
> it will vary in nbr of rows returned.
>
> Using DW MX 2004. I have the "main1" div, then used the
DW "Draw Layer"
> for a
> couple of the boxes. You'll see the in-line CSS that was
created with
> that...
> once I figure everything out I'll move all CSS to the
external sheet.
> Right now
> it's either in the page head or in-line with the divs.
>
> My problem is: the main div (Manage Content) is not
adjusting in height to
> be
> a background for the divs within it. I read several
suggestions about
> setting
> the properties of html and body to 100% height (that's
why it's in the CSS
> in
> the head). I thought that if I postioned the main div as
relative, then I
> can
> position the nested divs as absolute off of the main?
Doesn't seem to be
> the
> right answer.
>
> Test page:
>
>
http://www.susanchambersdance.com/cms/test_div.php
>
> Thanks in advance for helping!
>

Preventing Reader from Adding to Hyperlinks?

Hi,
I'm hoping someone knows how to prevent this particular action in Adobe Reader. I have to use Crystal Reprots for stats at work and, occassionally, the reports have to include hyperlinks to external files on the company network.
When I export the reports to Word, Excel or HTML the links work. However, when I export to pdf and open with Adobe Reader v9, there's extra directories added to the beginning of the hyperlink. Obviously, this makes the links point somewhere completely non-existant.
The link should point to something like \\thygh-7\ww_c_cu\cls\124589.wav but it's being amended to file:///c|/docs_and_sets/cc/\\thygh-7\ww_c_cu\cls\124589.wav by adobe reader.
It seems to be some sort of default behaviour, but I can't find anything in the options to stop it (i've already unchecked the Create Links from URLs box in Preferences).
Anyone any ideas?
Help would be greatly appreciated!
- Katie

What happens if you try to Option-drag the library to the EHD? The same icon?
Make sure the EHD is formatted Mac OS X Extended (journaled) with Ownership set to be ignored:
OT

Can't disable a hyperlink in a text box

Hi
I'm having trouble with Pages '06 and how it handles text that looks like a URL. I'm putting together an ad that has a text box with some text like www.domain.com. I've selected the text and de-selected the 'Enable as Hyperlink' option as I don't want the link line to appear under the text in the printed page.
My problem is that the change doesn't 'stick'. When I de-select the option, the text colour changes to black and the link line disapears. As soon as I click out of the text box, it reverts back to a hyperlink complete with blue colour and underlining.
If I place text directly onto the page - not in a text box - it works as expected.
I've tried this in Pages '05 and it works as expected. I've deleted the prefs files... any suggestions?
Thanks!
James

The setting is now in the 'Auto correction' pane... and yes - it solves the problem! Thanks for that!!! Now I can manually set the link detection. Looks like someone got the 'AutoDetection' routines a bit messed up...
Thankyou for the suggestion!!!
James

Adding a hyperlink to a css box

Similar Messages

Maybe you are looking for