Linking < img > causing display problems

I encountered a problem that I can't understand, I can't find online related articles that could help me.

I want to display three images of social media at the bottom of my business Web page, I did...

< div id = 'social media' >

" < a href =" " https://www.Facebook.com/scottishblue " > < img src = '... /images/Facebook-Scottish-Blue.png ' alt = 'Scottish Facebook' blue > < / has >

" < a href =" https://Twitter.com/scotblu " " > < img src = '... /images/Twitter-Scottish-Blue.png ' alt = 'Scottish Twitter' blue > < / has >

" < a href =" https://plus.Google.com/+Scottishblue " " > < img src = "... /images/Google-plus-Scottish-Blue.png" alt = "Google more Scottish blue" > < / has >

< / div >

But for some reason any when I connect up to their respective social media sites, images appear on separate lines inline rather together.

Capture.PNG

Capture2.PNG

I hope someone can help, as the impression that I ran into a brick wall.

Kind regards

Mike

<! doctype html >

<!-[if lt IE 7] > < class = "oldie ie6" html > <! [endif]-->

<!-[if IE 7] > < class = "ie7 oldie" html > <! [endif]-->

<!-[if IE 8] > < class = "ie8 oldie" html > <! [endif]-->

<!-[if gt IE 8] > <!-->

< class html = "" lang = "fr" > "

<!-<! [endif]-->

< head >

< meta charset = "utf-8" >

< meta name = "viewport" content = "width = device-width, original scale = 1" >

<!-TemplateBeginEditable name = "doctitle"-->

< title > Untitled Document < /title >

<! - TemplateEndEditable - >

"" < link href = "... / boilerplate.css" rel = "stylesheet" type = "text/css" >

"" < link href = "... / stylesheet.css" rel = "stylesheet" type = "text/css" >

< style type = "text/css" >

body, td, th {}

do-family: Tahoma, Geneva, without serif.

}

UL {}

list-style-type: none;

margin: 0;

padding: 0;

}

Li {}

float: right;

}

a {}

display: block;

padding: 8px;

}

a: link {}

text-decoration: none;

Color: #000;

}

a: visited {}

text-decoration: none;

Color: #000000;

}

a: hover {}

text-decoration: none;

color: #386FBD;

}

a: active {}

text-decoration: none;

color: #386FBD;

}

< / style >

<!-[if lt IE 9] >

"< script src="//html5shiv.googlecode.com/svn/trunk/html5.js "> < / script >

<! [endif]-->

"< script src ="... / respond.min.js "> < / script >"

<!-TemplateBeginEditable name = "head"->

<! - TemplateEndEditable - >

"" < link href = "... /p7som/p7SOM-Core.CSS" rel = "stylesheet" type = "text/css" media = "all" >

"< script type =" text/javascript"src ="... / p7som/p7SOMscripts.js "> < / script >"

"" < link href = "... /p7som/p7SOM-04.CSS" rel = "stylesheet" type = "text/css" media = "all" >

< / head >

< body >

< div class = "gridContainer clearfix" >

< div id = "header-tel" >

< class p = 'such padd' > < span class = "tel - police" > Agents Live 24/7 </span > 01382 339 605 < /p >

< / div >

"" < div id = "logo" > < a href = "#" > < img src = '... /images/Scottish-Blue.png ' alt = 'Scottish blue Logo' > < / has > < / div >

< div id = 'menu' >

< ul >

< li > < a href = "#" > Service of Taxi < /a > < /li >

< li > < a href = "#" > car & rental vans < /a > < /li >

< li > < a href = "#" > Autocare < /a > < /li >

< li > < a href = "#" > rental of minibuses < /a > < /li >

< /ul >

< / div >

< div id = "page-img" > < / div >

<!-TemplateBeginEditable name = "EditRegion3"->

< div id = 'content page' > < / div >

<! - TemplateEndEditable - >

< div id = "footer" >

"" < div id = "logo-low" > < a href = "#" > < img src = '... /images/Scottish-Blue-Small.png ' alt = 'Scottish small Logo blue' > < / has > < / div >

< div id = 'menu-bottom' >

< ul >

< li > < a href = "#" > Emmock Business Park < /a > < /li >

< li > < a href = "#" > jobs < /a > < /li >

< li > < a href = "#" > car & rental vans < /a > < /li >

< li > < a href = "#" > Autocare < /a > < /li >

< li > < a href = "#" > rental of minibuses < /a > < /li >

< /ul >

< / div >

< div id = "foot of page-content" >

< class p 'blue-police' = > our operators are available 24 hours on 24, 7 days a week < /p >

< p > some departments are available between 09:00 and 17:00, Monday to Friday < /p >

< / div >

< div id = 'social media' >

" < a href =" " https://www.Facebook.com/scottishblue " > < img src = '... /images/Facebook-Scottish-Blue.png ' alt = 'Scottish Facebook' blue > < / has >

" < a href =" https://Twitter.com/scotblu " " > < img src = '... /images/Twitter-Scottish-Blue.png ' alt = 'Scottish Twitter' blue > < / has >

" < a href =" https://plus.Google.com/+Scottishblue " " > < img src = "... /images/Google-plus-Scottish-Blue.png" alt = "Google more Scottish blue" > < / has >

< / div >

< / div >

< div id = "foot of page-to-page" >

< p > blue Scottish & reg; is a trademark of ScotBlue Ltd. < /p >

< p > ScotBlue Ltd. & copy; 2016 < /p >

< / div >

< / div >

< div id = "p7SOM_1" class = "p7SOM-04 p7SOM p7SOMnoscript som right" >

< div id = "p7SOMtb_1" class = "p7SOM-04 som-toolbar p7SOMnoscript som-top-left" > < a href = "#p7SOM_1" title = "Hide/Show Menu" > & equiv.; < /a > < / div >

< ul >

< class li 'som-in-head-bar' = > < span id = "p7SOMhd_1" class = "som-header" > Menu </span > < /li >

< li > < a href = "#" > home < /a >

< ul >

< li > < a href = "#" > about us < /a > < /li >

< li > < a href = "#" > contact us < /a > < /li >

< /ul >

< /li >

< li > < a href = "#" > rental of minibuses < /a >

< ul >

< li > < a href = "#" > Arbroath < /a > < /li >

< li > < a href = "#" > Brechin < /a > < /li >

< li > < a href = "#" > Carnoustie < /a > < /li >

< li > < a href = "#" > Dundee < /a > < /li >

< li > < a href = "#" > Forfar < /a > < /li >

< li > < a href = "#" > Kirriemuir < /a > < /li >

< li > < a href = "#" > Monifieth < /a > < /li >

< li > < a href = "#" > Montrose < /a > < /li >

< /ul >

< /li >

< li > < a href = "#" > Services < /a > Autocare

< ul >

< li > < a href = "#" > tires & adjustment < /a > < /li >

< li > < a href = "#" > car care < /a > < /li >

< li > < a href = "#" > visit our Garage < /a > < /li >

< /ul >

< /li >

< li > < a href = "#" > car & rental vans < /a >

< ul >

< li > < a href = "#" > practice car & rental vans < /a > < /li >

< /ul >

< /li >

< li > < a href = "#" > Taxi Service < /a >

< ul >

< li > < a href = "#" > Dundee Taxis < /a > < /li >

< /ul >

< /li >

< li > < a href = "#" > < /a > job offers

< ul >

< li > < a href = "#" > personal Garage < /a > < /li >

< li > < a href = "#" > drivers < /a > < /li >

< li > < a href = "#" > Home Office < /a > < /li >

< /ul >

< /li >

< li > < a href = "#" > < /a > Emmock Business Park

< ul >

< li > < a href = "#" > visit Emmock Business Park < /a > < /li >

< li > < a href = "#" > company of < /a > < /li > rental property

< /ul >

< /li >

< /ul >

< script type = "text/javascript" > P7_SOMop('p7SOM_1',950,2,1,600,1,1,0,1,400,0,0) < /script >

< / div >

<! - start Cookie Script - > < script type = "text/javascript" charset = "UTF-8"src="//cookie-script.com/s/d380d1dd2d896bb379f30e7ea83b9cb3.js" > < / script > <! - Cookie Script end - > ".

< / body >

< / html >

Images related to a line, use the display: inline or display: inline-block in your CSS code.

Tags: Dreamweaver

Similar Questions

  • Linked images, causing color problems

    I have before noticed when font rendering problems an integrated/linked image is present, but I think they've always resolved themselves on export. While annoying when using the program, I'm just glad that they cause no problem of production!

    But I can't ignore my current problem because it is to shake my way color and roughness text - even when you export to PDF! Basically, if there is a raster image in the document (linked or embedded) the colors just this page all become less 'bright '.

    It is not as obvious in the screenshots below, then here is a link to the PDF file: http://saganites.com/hosted/colorissues.pdf

    I JUST realized when creating this link Viewer PDF from Google Chrome does not display the wrong colors, only when the preview with the Adobe (InDesign and Acrobat to date) programs.

    Any ideas? Other comments on what menu to play with, while experiencing display issues?

    1.jpg

    2.jpg

    Edition > merger of transparencies space > Document RGB

  • Fonts in linked pictures cause printing problems

    This isn't a question I already solved this problem, I just wanted to save someone else the time.

    Problem: Print job stops at halfway through document

    Error code: 49.4C02

    Printer: HP online (3 different models)

    Program used: InDesign CS6 creative cloud

    I printed this task before and never had a problem. Then one day, after several textual changes, the PDF has stopped printing and send printers in a fatal error that caused their restart. I had no idea of what had happened and why. Everything I remembered to change it's text. It was printing on some printers, but none of the printers on my floor. At first I thought that the file was corrupted, so I re-recorded it. He re-recorded and re-recorded it. I recorded it with all types of export parameter. I even replaced vector illustrations with lousy jpeg images. However, does not. My boss is kind of an important guy for the Government, so when he started to get upset, we all started to scramble for a solution.

    Research has suggested that we update the firmware that did not work.

    I was wary of the potential problem fonts, but it confused me as they had printed before. I opened the PDF file and go to properties > Fonts and fonts of saw a Type 1. Do not know this, I Googled it and read a bajillion Web sites, still has not found the answer in removing.

    Now, at this point, I had removed this whole family of fonts (Type > Search a font > replace), exported, always opens the PDF, here! WTF, really? InDesign can no longer find this font.

    Here is what happened.

    Well, because in the new CS6, preflight check is no longer something you have to go manually, it works automatically similar to the dynamic spell check. My document had no errors, but I knew that it IS having some kind of error. I went to the preflight window (window > output > preflight), clicked on the tab menu and is gone «Defining profiles...» ». Well, well, well. Because the parameter "Default" implemented by Adobe has not actively 'Fonts Types unauthorized' selected, it was not contagious fonts of Type 1, which was originally a day of waste COMPUTER resources and my sanity.

    I made a new profile, verified 'Types of fonts unauthorized', checked ALL the options of 'Type 1', registered and let it scan. What is c? 1 error! Hmmmm... He came from a linked .eps file! I open the file, I must have forgotten to outline the police over all changes. And I'm assuming that because only the police was connected via an element, that when InDesign went to export all policies, it does not access or didn't know what to do with the police who was in my .eps file, until he has done has been transformed INTO a Type 1 font (or as I learned (, a PostScript font) and she as well as all my other fonts embedded in the PDF file. That's why when I was trying to find this font earlier, he could not be found because it was not IN the document, it has been LINKED to the document. This policy on his own prints well, but it is converted to a PostScript font when he returns to a component in InDesign.

    My office all did a victory dance, once we have solved the problem. Ridiculous. I hope now, so if someone ends up having the same problem, what I did, now they know where to look to find the problem! It would have saved everyone here some time if control upstream "basic" default was not so "Basic."

    It's a pretty rare printer that does not support T1 fonts, I think. I suspect that you might not have the fonts embedded in the .eps file and were not put to download to the printer with the work (if they were still installed).

  • Windows Malicious Software Removal Tool 2010 November KB890830 monitor causing display problems.

    When I turned on the PC, my screen would go black. I turn off the monitor for a while, turn it back on. The screen would appear for a while then again black. After that 7 to 8 times to turn off the monitor, the screen would go black. This happens whenever I start the PC. After a restoration for a while before it started, the problem stopped.

    When I installed Windows Malicious Software Removal Tool 2010 November KB890830 again.

    No one knows why this happens?

    Thank you very much.

    Sean

    I upgraded to Win 7... that seemed to solve it. Thank you very much for your help.

  • Display problems with updates on Windows 7

    I used Windows 7 without problem for 2 years, but since 6 weeks, EACH Windows 7 update caused display problems (halos, horizontal and pink & light green streaks forming). My hardware withdraws like ok, so my only solution was to uninstall updates. I'm an artist, and my computer became unusable as tool-art. I noticed that people who use Windows 10 have the same problem. It's time to (gag) switch to Mac? Does anyone have a solution for this?

    I used Windows 7 without problem for 2 years, but since 6 weeks, EACH Windows 7 update caused display problems (halos, horizontal and pink & light green streaks forming). My hardware withdraws like ok, so my only solution was to uninstall updates. I'm an artist, and my computer became unusable as tool-art. I noticed that people who use Windows 10 have the same problem. It's time to (gag) switch to Mac? Does anyone have a solution for this?

    "We noticed that the issue has not been marked as an answer yet and we were wondering if you solved the problem."

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Yes, reinstalling my favorite of all time, Windows XP SP3 - that support has been extended. After weeks of removal of partitions, re-formatting of C drive, re - install Windows 7 and hacking and tweaking, I gave up. Then, when I started transferring files from 7 and re - install the software, my screen went new loony.

    Uninstalling Adobe Acrobat Reader removed the problem of XP.

    Eventually, I'll buy a laptop to the internet and use XP on this computer for my art and animation programs. Gossip says Internet 7 and 8 are not as secure as XP, so I'm in no hurry to buy. People are the display problems on Windows 10, too. So maybe there is a mole of Apple in the Windows technology crew.

  • After installing windows optionally updated my display driver is the cause of problems

    I have DELL Inspiron 14 with windows 7 home preium

    After installing windows optionally updated my display driver is the cause of problems
    Ran troubleshooting it says "material changes could not have been detected.
    Help, please
    Thank you

    Use the function "restore" to restore your system to a point before installing optional updates in windows.

    After that, go to Windows Update and 'hide' the update that caused the problem.

  • HP 15 r250tu: Hp 15r250tu display problems

    Hello

    Recently, I bought Hp15 r250tu and since I used it, I was faced with display problems (screen flickers and shows a lot of big white pixels flickering on the screen).

    However, I have been facing this problem for browsing the web and did not face problems when using my laptop to watch full HD videos or play casual games.

    I also downloaded the Intel HD from the Hp website drivers and the problem is still not resolved.

    Please, help me to solve this problem.

    Hi @tushar_soni ,

    Thank you for visiting the Forums HP's Support and welcome. I looked in your question about your laptop HP 15-r250tu and get an error on some Web pages or glitter. Remove temp files don't help with sites or problems with the browser.

    Cookies are small text files that Web sites put on your computer to store information about you and your preferences. You can remove these preferences by following this Microsoft document Remove and manage cookies.

    Have you tried another browser?

    Here is a link to the HP Support Assistant, if you need it. Simply download and run the application and it will help with the software and drivers on your system that may require the update which could cause flickering.

    I would like to know how this happens.

    Thank you.

  • Update KB2416473 many causes of problems

    After installing .NET 3.5 updated KB2416473 on my Vista Home Pro, I have a lot of problems:

    • Windows Media Center does not display TV program and does not update.
    • The event log viewer cannot start with the error message could not initialize a snap
    • (Computerverwaltung in German) computer management fails to start with the error message that he couldn't start a snap.
    • The sceduler of employment in the control panel may not start with an error message about problems with a snap.
    • All tasks in the background of all of the programs are obviously not performed more.

    With the help of a fresh new install of Windows and repeat all updates installed, the problem repeated. I discovered that exactly KB2416473 causes this problem. The problem goes away, when I restore the update.

    Hi StefanFrings,

    It seems that net Framework is damaged or does not properly.

    You can use the tool-.NET Framework Cleanup to remove all versions of the .NET Framework is installed. For more information, follow this link.

    When you try to install an update for .NET Framework 1.0, 1.1, 2.0, 3.0 or 3.5, you may receive Windows Update '0 x 643' error code or error code Windows install "1603".

    (b) subsequently, you can follow the link above to reinstall .NET Framework on your computer and check if the problem persists.

    Hope the helps of information.

    Please post back and we do know.

  • Before Muse files updated now causing a problem of text in Safari. This isn't because of Safari.

    Last update of Muse obstructed to the top of my text in Safari. I went to a file of the previous version of Muse for a correction of small verbiage for a customer. When I downloaded the site I noticed that all my CSS text seems anorexic in Safari. This text was always well in Safari before Muse was last updated. This does not effect on Google Chrome, Internet Explorer or Firefox. I created a new file of Muse and placed the same text inside and download that as well. This is seen in Safari very well. So before the update they saw very well and all the files created after the update considers him as well. Apparently the update of Muse caused a problem to my files that were created in the previous version. I tried to delete the old text box and add a new, but the text is still not displaying right in Safari. Can someone shed some light on how to solve this problem without having to rebuild my entirely new site from scratch?


    I created 3 sites in Muse before the last update, and now I'm afraid that if I do the update of these files as they are, in turn, look like crap in Safari. This is a pretty big problem counts that I'm on retainer with these companies. It's only a matter of time before they need updates. Start on all these sites from scratch would be a potential deal breaker in my relationship with Muse.

    Help, please...

    Here is the link to the site

    www.cableelectric.com

    Interesting. There seems to be something on the specific code generated for your site that has exposed a bug introduced by Apple with the latest version of Safari.

    Muse does not explicitly set the property - webkit - font smoothing. The default value for the property is "subpixel-aliasees", so it must be what is used and is in fact what is used by earlier versions of current Chrome and Safari (both browsers based on Webkit). It is also what is used when a simple layout is created in the Muse and tested in the latest Safari. There is something unique to your site that is triggering the last Safari to use "embattled" as font smoothing setting, and even more strange is the fact, that he appears to do this part of the text.

    We will do further investigation and probably end up writing a bug to Apple. It would be helpful if you could send us your file .muse (as well as a link to this topic for context) at [email protected]. If the file is larger than 20 MB, you can send it in using a service like Dropbox, Adobe SendNow, WeTransfer, etc..

    In the meantime, it seems that you can avoid this Safari bug by pasting the code below into the HTML code "for"."field in the Panel of 'Metadata' the Properties dialog box of the Page for each of your master pages. This forces the browsers based on Webkit to use text of crenellated subpixel rendering.

    Thank you for making us aware of this browser bug.

  • Why not fix update firefox? It must be refined as it is easier to restore the settings, it caused more problems than he solved

    Refresh caused more problems than he solved Firefox.
    I was shocked at the time where I had to restore my settings of waste.

    I believe it may be possible to write a refresh script that does not get rid of all custom settings and bookmarks.
    

    Sometimes it's the settings or something in the user profile that
    the origin of the problem. The update / reset deletes all.

    Look at your desktop. You see a folder called; Old Firefox?

    https://support.Mozilla.org/en-us/KB/recovering-important-data-from-an-old-profile

    https://support.Mozilla.org/en-us/KB/back-and-restore-information-Firefox-profiles

    These can not get your data back, but will help in the future.

    These modules can be a great help for the backup and restoration of Firefox

    FEBE (Firefox environment Backup Extension) {web link}
    FEBE you can quickly and easily backup your
    Extensions Firefox, history, passwords and more.
    Indeed, it is more than just backup - it will actually rebuild
    your saved individually into installable as files.
    It will also make backup of the files you choose.

    OPIE {web link}
    Import/export extension preferences

  • Safari and all browsers not opening not Java Script links - looks like App problem

    I have 3 ipads and 1 iphone...  A few days ago all except 1 of the iPad and my iphone started showing the same questions...

    In safari, or even with chrome on each of the devices involved, links to Java scripts more open.  It freezes and unresponsive, then crashes.

    It is the case of the bar by clicking on a link in google search (and it's OK if I load desktop application mode) and even emails with links to a Web site.

    Since 3 devices present the problem and is not 1 I guess it has to do with a bad application or the app update (although never had something like this happen before an application.)  The 9.2.1 software on the devices was fine until a few days ago, when this happened

    However, with many applications on devices, I don't know what app or update is causing the problem.  I tried to limit without a bit of luck.

    I have classes compensation tent soft reboot of data backed up and all that, but the problem does not go far.  Even with all of the dragged close apps, it STILL happens. So maybe it's an application that loads anything at startup.

    Because I don't see other instances of something like this that make SMEs also guess that's an app.  Does anyone have any suggestions... On the app store - anyone know if there are diagnostic tools to find an app that can cause a problem?

    Thank you!

    Mike

    Hi MikeAbramsNY,

    Thank you for using communities Support from Apple! I'm sorry to hear that you have this Javascript problem with your devices. If you have a current backup of your data, you can try to restore one of the devices assigned to factory settings and stable in this default state to see if the problem persists. If so, you can find the following article useful:

    Use iTunes on your Mac or PC to restore your iPhone, iPad or iPod settings - Apple Support

    Concerning

  • Tecra S1 display problem

    Unfortnately my tecra s1 hit the table of coffee on the ground, the screen immediately turned white. When I rebooted there was no display at all (black only)
    The computer works as I plugged on a screen external and that was very good. I tried to follow various troubleshooting guides online showing how to disassemble the laptop and reinstall the connector of the display on the motherboard, but this did not remedy the problem.

    I noticed coming from the display was a big bunch of wires going into a connector that I reinstalled, on the right hand side of the screen is a white and black wire to a connector and a pink wire that seemed to just float, I couldn't not whence he came. Does anyone have ideas on the subject of this thread or other tips that can help me.

    Thanks in advance

    Hello

    Unfortunately, mate, you won't find any manual disassembly here on the pages of Toshiba. These manuals are not for use public and designed only for the FSA.
    But I think you could google a bit and you should find a few details.

    I think that it is a display problem that I doubt that some loose cables could cause this problem
    In my view, the screen is broken and needs to be replaced
    To do this, you should get in touch with your technician ASP.

    Good luck

  • HP Pavilion TouchSmart 23-f280: No. Intermittent display problem

    Hi guys,.

    Need your help with this new pc HP Pavilion TouchSmart 23-f280d all-in-one desktop PC.

    all newly purchased this product and had no problem to display but not to start the computer. It will happen only once I used as watch videos or whatever it is around 10 minutes to 20 minutes and the display will be switched off the sound always playing in the background. Later I just be like around a few minutes, then it will be back to normal. but sometimes, when this problem occurs, I tried to leave about an hour but goes blank display.

    Please help me to get the solution on this issue.

    Hello @ali_je24,

    I understand that you have a display problem intermittent with your new HP Pavilion TouchSmart 23-f280d all-in-one desktop PC. Please contact our technical support at the 800-474-6836. If you do not live in the United States / Canada region, please click the link below to get help from your region number. http://www8.hp.com/us/en/contact-hp/ww-phone-assist.html. As with any new unit you want to ensure that all issues are dealt with properly and that they are properly documented.

    I want to thank you for display on the HP Forums. Have a great day!

  • the windows XP from my laptop IBM + enter in standby mode without anything in the regular workplace? any idea what can cause this problem? virus? installation program?

    the windows XP from my laptop IBM + enter in standby mode without anything in the regular workplace? any idea what can cause this problem? virus? installation program?

    Hello

    · Were there any changes made on the computer before the show?

    You can check the link: how to solve the problems of hibernation and standby in Windows XP: http://support.microsoft.com/kb/907477

  • DRIVER_LEFT_LOCKED_PAGES_IN_PROCESS, STOP: 0X000000CB (0 X 82478022, 0X93211B98, 0X870C7DED, 0 X 00000033). I'm not able to determine which driver is causing the problem

    I get a blue screen everytime I reboot my laptop.  I run Win Vista. The error I get is DRIVER_LEFT_LOCKED_PAGES_IN_PROCESS, STOP: 0X000000CB (0 X 82478022, 0X93211B98, 0X870C7DED, 0 X 00000033).  I am not able to know which driver is causing this problem, please help.  Thank you

    In addition, it can help to look at the files minidump against accidents with a debugger.

    Can you zip the minidump in the C:\Windows\Minidump folder files and (provide link) available via Windows Live SkyDrive or similar site?

    The following link has information about the use of Windows Live SkyDrive:

    http://social.technet.Microsoft.com/forums/en-us/w7itproui/thread/4fc10639-02dB-4665-993a-08d865088d65

    If you have problems to compress the minidump files copy the minidump files to another location such as a folder on the desktop

    In addition, you do not necessarily have compress the minidump files, you can download one at a time.

Maybe you are looking for