Probably a simple answer; centered links with floating link descriptions, both left and right of the links?

Attatched is an image of the requested result. I'm new to Dw so this might be an easy bit of code, but with research I haven't been able to find an answer.
Ideally, the numbers in the middle are links (centered on the page); and the text is a description of the link which floats to either side of the links, but is not necessarily centered; nor linked.
I would really appreciate the help of someone more knowledgeable. Thanks in advance.
The code I'm working on follows the image.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>design communications</title>
<style type="text/css">
body,td,th {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: lighter;
font-size: 10px;
color: #FB6145;
body {
background-color: #FFFFFF;
.strike {
text-decoration:line-through;
.links {
color: #FB6145;
text-decoration: none
a:visited {
text-decoration: none;
color: #FFA493;
a:hover {
cursor: none;
text-decoration: none;
a:active {
text-decoration: none;
.back-arrow{
color: #FB6145;
text-decoration: none;
font-size: 14px;
</style>
<link rel="shortcut icon" href="images/e_rimoldi_favicon_02.ico" type="image/x-icon" />
<style type="text/css">
</style>
</head>
<body>
<p><a href="question mark/prefix_0_0.html">? </a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="links">
<p align="center">| <a href="works_03_01_perspective.html" id="01"
onmouseover=
"document.getElementById('02').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( '04').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('02').className='links';
document.getElementById('03').className='links';
document.getElementById('04').className='links';
document.getElementById('back-arrow').className='links';"
>01</a> |</p>
<p align="center">| <a href="works_03_03_plan.html" id="02"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( '04').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('03').className='links';
document.getElementById('04').className='links';
document.getElementById('back-arrow').className='links';"
>02</a> |</p>
<p align="center"> | <a href="works_03_02_section.html" id="03"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '02').className='strike';
document.getElementById( '04').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('02').className='links';
document.getElementById('04').className='links';
document.getElementById('back-arrow').className='links';"
>03</a> |</p>
<p align="center">| <a href="works_03_04_mapping.html" id="04"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '02').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('02').className='links';
document.getElementById('03').className='links';
document.getElementById('back-arrow').className='links';"
>04</a> |</p>
<div class="back-arrow">
<p align="center"><a href="works index_1.0.html" id="back-arrow"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '02').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( '04').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('02').className='links';
document.getElementById('03').className='links';
document.getElementById('04').className='links';"
>«</a></p>
</div>
</body>
</html>

hey marty,
Perhaps this updated code will help clarify. I want the links to be centered on the page. But the link descriptions to float to either side? Does that make sense?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>design communications</title>
<style type="text/css">
body,td,th {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: lighter;
font-size: 10px;
color: #FB6145;
body {
background-color: #FFFFFF;
.strike {
text-decoration:line-through;
.links {
color: #FB6145;
text-decoration: none
a:visited {
text-decoration: none;
color: #FFA493;
a:hover {
cursor: none;
text-decoration: none;
a:active {
text-decoration: none;
.back-arrow{
color: #FB6145;
text-decoration: none;
font-size: 14px;
</style>
<link rel="shortcut icon" href="images/e_rimoldi_favicon_02.ico" type="image/x-icon" />
<style type="text/css">
</style>
</head>
<body>
<p><a href="question mark/prefix_0_0.html">? </a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div class="links">
<p align="center">| <a href="works_03_01_perspective.html" id="01"
onmouseover=
"document.getElementById('02').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( '04').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('02').className='links';
document.getElementById('03').className='links';
document.getElementById('04').className='links';
document.getElementById('back-arrow').className='links';"
>01</a> | meddling</p>
<p align="center"> kongenshus | <a href="works_03_03_plan.html" id="02"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( '04').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('03').className='links';
document.getElementById('04').className='links';
document.getElementById('back-arrow').className='links';"
>02</a> |</p>
<p align="center"> | <a href="works_03_02_section.html" id="03"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '02').className='strike';
document.getElementById( '04').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('02').className='links';
document.getElementById('04').className='links';
document.getElementById('back-arrow').className='links';"
>03</a> | design communications</p>
<p align="center"> green river | <a href="works_03_04_mapping.html" id="04"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '02').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( 'back-arrow').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('02').className='links';
document.getElementById('03').className='links';
document.getElementById('back-arrow').className='links';"
>04</a> | utah</p>
<div class="back-arrow">
<p align="center"><a href="works index_1.0.html" id="back-arrow"
onmouseover=
"document.getElementById('01').className='strike';
document.getElementById( '02').className='strike';
document.getElementById( '03').className='strike';
document.getElementById( '04').className='strike';"
onmouseout=
"document.getElementById('01').className='links';
document.getElementById('02').className='links';
document.getElementById('03').className='links';
document.getElementById('04').className='links';"
>«</a></p>
</div>
</body>
</html>

Similar Messages

Email re icloud Account under review I received an email with a link saying my account is under review and to click the link to verify the account - is this legitimate or a hoax

I received an email with a link saying my account is under review and to click the link to verify the account - is this legitimate or a hoax

This is a REALLY sneaky phishing scam that looks legitimate on the surface. I almost fell for it until I read the information more closely and noticed the many grammatical errors. I'm posting an alert on Facebook.

Is there a way to tie to iPads together so that when you turn a page with a tap on one, both iPads turn a page. I am using the ipad to replace piano sheet music. The challenge is that ordinary sheet music is on both a left and right page.

We are trying to use an ipad to replace ordinary paper sheet music on a piano. When truning ordinary paper pages, it is sometimes hard to grasp one page, turn it quickly and get it to stay turned. The idea with using an ipad is that a tap turns the page, it stays turned. However,,,,,ordinary sheet music is on both left and right pages. With one turn you get 2 new pages. The ipad, being smaller results in only one page and therefore twice as many page turn taps; more taps equals less hands on the piano. If we could tie 2 ipads together and get them both to turn the page simultaneously it would be nice. We are trying to get used to using the ipad. We are using ForScore app to get sheet music into the ipad; we could load one with odd pages and one with even pages. Maybe this is getting too complicated.
Anyway to tie 2 units together
John

No way to control one device from the other. But, according to ForScore, you should be able to display two sheets side by side in landscape mode (2-up view)? Not sure if that helps as it must make the actual print smaller to do so.
http://www.forscoreapp.com/about/#interface

Clips import with black edges left and right

I viewed my clip (avi file) using quicktime to confirm that it was the right one that i wanted to import and it looked fine. Then i imported into imovie and it doesn't fit the whole screen. It's got about 1/8 inch of black along the left and right. The weird thing is that when i import photos it does the same thing but i scale them to 102 % to correct. How can I correct this?

bear in mind that tv broadcasts are often stretched/zoomed/cropped etc to make it appear that it is widescreen, when really it is 4:3.
also it is possible that your TV is simply stretching to make it fill your screen.
your TV may be able to stretch it to fill the screen, but the appletv will always output it in the correct aspect ratio.
also it is only recently that most of the tv output has been widescreen. 6 years ago when wire season 1 was produced, 4:3 non-widescreen was very much the norm, especially in USA.

Cp 8 - How to add ppt slides to an existing project with space to the left and right ?

After much trial and error, i know exactly what I want. The priority for me is clear and unscaled captured video, and my project resolution shall be 1260x700.
now, i want to bring my ppt slides in and respect the aspect ratio- this means that there will be blank space to the left and right of the slides. The active area of the ppt slide should be about 700 h and 4/3 * 700 width. To avoid scaling, i would love them to be 699 x 932 and have the areas to the left and right blank. i am also willing to make my project 1260x702.
The objective here is to avoid scaling. I have seen that things look great when scaling is avoided.

Maybe you'll find some ideas here: Create and Use a "Knockout" Master Slide - Captivate blog

Can i turn down front left and right using ddts decoder with the g500

hi want to get ddts 100 decoder for my gigaworks g500.when im watching a move i have to have it up on about 2.7 bars.to hear the center speaker then the action is to louad.i can turn down center and rear and sub but no front left and right.can you turn down front left and right using the decoder.do you still have to use the controll pod for the gigaworks if i had the decoder in or do u use the decoder to turn it up thanks plz help.

System Preference > Accessibility
Select Mouse & Trackpad in the left side box.
Double-click speed
Make it slower by dragging the pointer to the left.
Best.

Probably a simple answer: easy div problem

Hello,
I have a very easy problem but can't find the answer. 3 divs: 1 "wrapper" and 2 inside it (one left column, one right). I want to get the CSS settings so that the left and right column are both the same length. Right now they are on auto length and the left column is longer. I tried to "fill out" the wrapper with the right column by setting the right column to 100% length, but now I realize the "wrapper" div is being shrink-wrapped around the shorter right column and is not stretching it. I just want both columns to be as long as the (longer) left column.
Thanks!

First of all height: 100% doesn't work for divs usually. The height of the browswer window is very hard to fiigure out.
Second: http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm
SOmehow that layout works, and I don't qutie know how although it is a very simple layout.
Lastly, I'll bust out the unorthodox, loathed answer that actually is fine unless you want to worry about various screen types or browsing devices: a table.
First, I will say that it is great that there is new CSS that allows divs to display as tables as Murray, I think, is saying. But with 10% of peple still using IE 6 and 10% using IE 7 (crazy, eh?), I don't think you can do away with support from IE 7 yet, even though we're just about up to 10 now.
Tables are the intuitive way to solve this if you are not concerned with separating content and organization, which good modern designers are usually concerned with:
<table class="content">
<tr>
<td>first column</td>
<td>second column</td>
</tr>
</table>
No fuss no muss. But if we can figure out how the two even length columns layout works above, I'd say that's the smart, modern way to deal with this.

I currently use an iPhone, an iPad, and a Mac computer for business. The three devices have Contacts Managers that sync with each other through both Google and through Mobile Me. Currently, this has created a mess of duplicate contacts. Please researc

I currently use an iPhone, an iPad, and a Mac computer for business. The three devices have Contacts Managers that sync with each other through both Google and through Mobile Me. Currently, this has created a mess of duplicate contacts. Please advise me on the steps necessary for removing these duplicates and establishing a syncing solution that doesn't regenerate the duplicates. There are several applications available that remove duplicates, but I am not sure which ones work or don't work. I want information on this, but most importantly I want to understand how to fix this problem permanently. Also, I read somewhere that Mac's new operating system, Lion, can help deal with duplicates. I don't have Lion, but I would be willing to get it, if this would fix the problem.

Had the same problem with 4 devices (two computers, an iPhone and an iPod). The solution is simple: open the Address Book application in your mac, ask it to locate duplicate entries (under one of the top menu items, "edit" I think), and then ask it to consolidate them: it took me all of three seconds after I figured it out: worked like a charm! PS: if you have more than one mac with unconected Address Books, repeating the operation in the second one may be a good idea.
Message was edited by: mfduran

How do I deal with audio, seperate left and right and make each stereo--CS5

I have a two mono mike recording which I can seperate into two seperate audio timeline tracks one is now left track in a seperate timline and the other is right in the other timeline, how do I make each of these tracks then into psuedo stereo tracks? Do I have to go to Soundbooth or is there a simple way in Premiere?

Bill G, tell me what I am missing and I'll use your method. I have what I think you are describing, and I don't understand the need to do anything special, if you use channel mapping.
I record a lav on one channel, and a different wireless mic on the other. When captured, I have a clip that PR would normally treat as a single stereo track.
BEFORE putting any clips on the timeline, select all clips and set channel mapping. Set each channel to mono. Now PR treats these as two mono tracks. The output for each mono is the master track, which in my project is stereo. I can change "volume" for each track in the mixer, etc. but each channel is provided to the left and right master output.
I didn't go back to sort out what you had, but if you had two stereo tracks, one each with a left and right channel only, I can see that you needed some other solution.

Why do i get redirected when I click on search link If I hit the back button and click on the link again It was allow me to go there

I use Google to search I click on the link and I get redirected to some other page I click on my back button and re click on the link and it will the allow me to go the link. it does this to me 40% of the time and I know the links that I'm click on a a known good link cause I used them before I just have not save them to my bookmarks

Do a malware check with some malware scanning programs.<br />
You need to scan with all programs because each program detects different malware.<br />
Make sure that you update each program to get the latest version of their databases before doing a scan.<br />
* http://www.malwarebytes.org/mbam.php - Malwarebytes' Anti-Malware
* http://www.superantispyware.com/ - SuperAntispyware
* http://www.microsoft.com/windows/products/winfamily/defender/default.mspx - Windows Defender: Home Page
* http://www.safer-networking.org/en/index.html - Spybot Search & Destroy
* http://www.lavasoft.com/products/ad_aware_free.php - Ad-Aware Free
See also:
* "Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked

When i use Firefox and do a Google search, find what i need and click on the link I keep getting automatically redirected to another search site

When i use Firefox and do a Google search, find what i need and click on the link I keep getting automatically redirected to another search site called http://www.scour.com
Can someone tell me if this is a problem with Google or Mozilla? or both? or neither?

This type of behaviour can be caused by malware. Try running several malware scanners. It is best to run several as each will pick up things that the others miss. Some scanners you can try are:
* [http://www.malwarebytes.org/mbam.php Malwarebytes]
* [http://www.superantispyware.com/ SUPERAntiSpyware]
* [http://www.lavasoft.com/products/ad_aware_free.php Ad-Aware]
* [http://www.microsoft.com/windows/products/winfamily/defender/default.mspx Windows Defender]
* [http://www.safer-networking.org/en/home/index.html Spybot S&D]
This link may help - http://deletemalware.blogspot.com/2010/02/remove-google-redirect-virus.html
If the above malware scanners do not find any malware or can not clear it, you should consider posting in one of these forums for specialized malware removal help:
* http://forums.spybot.info/
* http://www.spywarewarrior.com/index.php
* http://forum.aumha.org/
* http://www.bleepingcomputer.com/forums/
* http://www.spywareinfoforum.com/

I bought the Adobe Exportpdf license and cannot find the link how to use it

I bought the Adobe Exportpdf license and cannot find the link how to use it

Hi Pedro,
To use the ExportPDF service, simply visit http://exportpdf.acrobat.com and click 'Sign in' at the top right corner. Enter your Adobe ID (email address) credentials to log into the service. As ExportPDF is web-based, you simply utilize the tool through your web browser. After you're logged in, you should see the ExportPDF interface, with a button saying 'Select PDF file..' to get the process started.
You may also access ExportPDF via Adobe Reader by choosing File > Save as Word or Excel Online.
Please let us know if you have any questions.
-David

TS3276 An email sent from my iMac has a button linked to a clip hosted on Vimeo. When received, the link functions on iMac and iPad, but opens a window of app icons on iPhone and iPod touch. Any ideas what's wrong?

An email sent from my iMac has a button linked to a clip hosted on Vimeo. When received, the link functions on iMac and iPad, but opens a window of app icons on iPhone and iPod touch. Any ideas what's wrong?

For anyone else reading this thread, it is worth knowing that sometimes an email is, or can be, corrupted thereby jamming the works. The solution above is good, but I just wanted to suggest another one.
If the problem arises, go to an online mail access service, such as Mail2Web.com and login to you mail account there and delete the offending message.
Problem solved.
And George, as this is all entirely voluntary, whinging about no takers may not endear people to you. Besides which, a few minutes of searching on Google would have found you a number of solutions.

Using Adobe Photoshop CS2 version 9 and have updated it, but when stacking photos, it comes up with PSD, whereas I want Jpeg, and I change the format to Jpeg and the box then comes up with cannot save as there is a program error. Be very grateful for help

Using Adobe Photoshop CS2 version 9 and have updated it, but when stacking photos, it comes up with PSD, whereas I want Jpeg, and I change the format to Jpeg and the box then comes up with cannot save as there is a program error. Be very grateful for help with this, please.

jpg does not support Layers.
Just to make sure, what exactly do you mean by "stacking photos" and what do you want to achieve thereby?

I use "hdmi to component converter" to connect apple tv with my old plasma tv by component cable. Sound is ok but the picture split 2screens left and right. Still can't fix it. Anyone can help or has any idea? should I try convert to av?

I use "hdmi to component converter" to connect apple tv with my old plasma tv by component cable. Sound is ok but the picture split 2screens left and right. Still can't fix it. Anyone can help or has any idea? should I try convert to av?

Your TV hasn't entered some odd picture in picture mode has it with two 'inputs' side by side?
AC

Probably a simple answer; centered links with floating link descriptions, both left and right of the links?

Similar Messages

Maybe you are looking for