Placement of icon with text issue in fluid layout, how do i fix it?

Am trying to make things look like the above image, this is for the fluid layout, but no matter what i do, that phone icon with the number 1-844.....does not move to right next to talk to us. Here is JS fiddle:http://jsfiddle.net/xtf205mk/
.fluid {clear: both; margin-left: 0; width: 100%; float: left; display: block;}
.top_nav_icon {vertical-align:middle;}
.call_icon_header{content:url(images/call-us-icon.png); float:left;}
.talk_icon_header{content:url(images/talk-to-us-icon.png); float:left;}
.float_right{float:right;} .top_nav_icon {vertical-align:middle;}
.top_nav_list1 { float:left;}
.top_nav_list1_1 {font-size:1em; width: 100%; float:right;}
.top_nav_list1_2 {font-size:1em; width: 100%; clear:none;}
.top_nav_list1_2 {font-size:1em; width: 100%; clear:none;}
Am using DW CC, but the visual aids is nowhere helping me in moving things to the right.
Can anyone help with this one please, thank you.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<style>
.navlist li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
.navlist li a {
    text-decoration: none;
    color: black;
</style>
</head>
<body>
<div>
    <nav>
        <ul class="navlist">
            <li class="top_nav_list1_1"><i class="fa fa-phone"></i> (281) 358-4900</li>
            <li class="top_nav_list1_2"><a href="#"><i class="fa fa-comment"></i> talk to us</a></li>
        </ul>
    </nav>
</div>
</body>
</html>

Similar Messages

I accidentally linked my wife's phone number with mine. Now I am getting MY text messages that I send to her. It even says my texts are from her. How can I fix it?

I accidentally linked my wife's phone number with mine. Now I am getting MY text messages that I send to her. It even says my texts are from her. How can I fix it?

You can't "link" phone numbers but you can, and did add her email address to your iMessage send/receive list. This often happens when you both use the same Apple ID
Settings > Messages > Send & Receive > you can be reached by iMessage at >
Settings > Messages > Send and Receive > start mew conversations from ?
You are receiving your own messages because the same email address is on both lists

TS2755 My voice to text is not working. How can I fix it? I have an iPhone 5. Thx!

My voice to text is not working? How can I fix it? I have an iPhone 5. Thx!!

The microphone icon is not available- it's there but a pale grey. I could use it now to type this but not when texting. Siri is enabled and working fine.

I am trying to burn a dvd on my mac book pro but it comes up with an error code 0x80020022. How do I fix it? Thanks

I am trying to burn a dvd on my mac book pro but it comes up with an error code 0x80020022. How do I fix it? I have tried rebooting through PRAM and various other options that I found online, but nothing has helped.
Thanks

Try using a different brand of DVD's.

I downloaded the new iOS 6 for my iphone 4. I have 2 iphones on my account and after the "upgrade" text messages go to both phones. When I send a text to my wife I recieve the same text and vise versa. How can I fix this?

I downloaded the new iOS 6 for my iphone 4. I have 2 iphones on my account and after the "upgrade" text messages go to both phones. When I send a text to my wife I recieve the same text and vise versa. How can I fix this?

"Sounds like you guys are using the same apple id for imessage. You will need to create a separate id for you wife. OR go to settings - message - receive&send and make sure your phone number is the default for both you and yoru wife.

TS1702 After installing the new software to my iPhone 4S , my dream zoo either will not start or when it does it has a blank screen that has a few icons on it that wont work. How can I fix this is it possible to go back and reinstall the older software ?

After installing the new software to my iPhone 4S , my dream zoo either will not start or when it does it has a blank screen that has a few icons on it that wont work. How can I fix this is it possible to go back and reinstall the older software ?

Unfortunately I tried that and it didn't work. Thanks for the help though. I tried to uninstall and it said I couldn't because the file is corrupt or something, but I think I finally got it uninstalled and/or deleted or whatever, but now I try to reinstall/download it again from the beginning and I can't. No matter what I do I can not get Firefox working again. No matter how many times I try to redownload it. Any other suggestions?

My ipod touch was interrupted during an update and now my itunes cant recognise the device, and ive tried to restore it but it just keeps coming up with the usb and itunes picture. how do i fix this? Please help

my ipod touch was interrupted during an update and now my itunes cant recognise the device, and ive tried to restore it but it just keeps coming up with the usb and itunes picture. how do i fix this? Please help

http://support.apple.com/kb/HT1808

IPhoto event icons not displaying in chronological order. How do I fix?

iPhoto event icons not displaying in chronological order. How do I fix?

Have you explored the options under the View -> Sort Events menu?
Regards
TD

Hidden text at bottom of page, how can I fix formatting?

hidden text at bottom of page, how can I fix formatting?

You don't give much information so I'm going to guess you're using a text box, perhaps in a layout document. Click on the little empty blue box on the lower right side, then click where you want the text to continue.
Walt

My Macbook pro won't open downloaded programs. it just opens the code it was written in using the text and edit app. How can I fix this?

My Macbook pro won't open downloaded programs, it just opens the code it was written in using the text and edit app. How can I fix this? I just bought the computer last month so this is some what frustrating.

If you are downloading .exe files, those are Windows programs, and will not run on your Mac unless you install Windows on it. (That is possible, if you need one of those apps.)

My email won't open-it tries and then cuts out. This is occurring with my desktop and laptop. How do it fix this?

my email won't open-it tries and then cuts out. This is occurring with my desktop and laptop. How do it fix this?

Have you tried the usual tune-up practices -
Repair permissions, etc.?

When I want to play music out loud the volume bar disappears and it won't play music or any sound. This sometimes happens with head phones in aswell. How do I fix it? I have tried to reset settings and wipe all the data of it but it didn't work.help!

When I want to play music out loud the volume bar disappears and it won't play music or any sound. This sometimes happens with head phones in aswell. How do I fix it? I have tried to reset settings and wipe all the data of it but it didn't work.help!

Although you say you have let the battery drain, was it for long enough? Since nothing else that you've tried so far has worked, I suggest that you leave the iPod unplugged for at least four days, preferably a week. That way, if something is stopping the iPod from turning the screen on, then whatever it is will drain the battrey. However, since the screen isn't on, that may take longer than if the screen was on.
Then, after that time, plug the iPod into a power source and leave it alone for at least thirty minutes. Only after thirty minutes will it show any signs of life, but you should leave it until it is fully charged before trying to use it.
If you get to this stage, the fact that the battery has drained will cause the iPod to reset when it springs back to life.
Let us know how you get on.

Songs I purchase on my iphone aren't synching with itunes on my iMac. How do I fix this?

Songs I purchase on my iphone aren't synching with itunes on my iMac. How do I fix this?

Transfer Purchases
Open iTunes and sign in, authorize computer, plug in iDevice.
Click 'FIle' then 'Transfer Purchases'
http://support.apple.com/kb/HT1848

Icon with text in ALV Grid

Hi experts,
   I am using 'REUSE_ALV_GRID_DISPLAY' in my report. I adding an Icon to my grid and another column for error message.But my client want to add error text along with the icon in one column.
For example; Icon field is 'STATUS' and Message field 'MESSAGE'
                  Display STATUS-MESSAGE in one field(LIGHT-Error Item)
How to achieve this...
Thanks.

Hi Stars,
      Define a column of type C in your internal table for Grid data.
      concatenate the two values in a character string and use WRITE stmt to write the data into the string type column.
for example,
Data: begin of IT_DATA occurs 0,
            icon(4) type c,      "for icon key
            text(10) type c,       " text message to be displayed along with icon
            icontext(15) type c, " Icon + message
          end of it_data.
data: lv_char(15) type c.
loop at it_data.
clear lv_char.
concatenate it_data-icon it_data-text into lv_char separated by space.
write lv_char to it_data-icontext.
modify it_data index sy-tabix.
endloop.

JTabbed Pane Icon with Text at bottom of the image

Hi,
Is it possible to use image with text at the bottom of the image in JTabbedpane?
can anyone help me to do this?
Thanks in advance,
Nandha

that's not directly supported (alignments and relative icon/text position is hardcoded in the uiDelegate) - you need a little detour with a custom tab component:
     JLabel plainLabel = new JLabel("Custom Label", myIcon, SwingConstants.CENTER);
     plainLabel.setVerticalTextPosition(SwingConstants.BOTTOM);
     plainLabel.setHorizontalTextPosition(SwingConstants.CENTER);
     tabbedPane.setTabComponentAt(i, plainLabel);HTH
Jeanette

Placement of icon with text issue in fluid layout, how do i fix it?

Similar Messages

Maybe you are looking for