I have been testing a site and I found a terrible bug in IE10.
Tour Monkey - Official site
App links are not recognized, but social ones are.
I haven't found anything good already, and the deadline is close. Thanks a lot for your help.
After giving a look I realized that I had to add some content in the a tag. In this case, an img tag.
Old HTML (working in all but IE):
<div class="app-link" id="appstore"><a class="app-link" href="https://itunes.apple.com/us/app/tour-monkey/id810107813?mt=8"></a></div>
New HTML
<div class="app-link" id="appstore"><a class="app-link" href="https://itunes.apple.com/us/app/tour-monkey/id810107813?mt=8" target="_self"><img src="img/appstore.png"></a></div>
Related
I just started a course about web design (only static web pages) and we're learning HTML.
I'm having trouble with the vlink attribute in the element. It doesn't work with links that open in a new tab (I think they're called external links).
<body link="gold" alink="blue" vlink="plum">
Concepto
</body>
It does work with internal links though. Also, link and alink attributes work fine, including with external links.
I'm using SPCK editor to write my code (a phone app, don't have a computer yet).
My knowledge is kind of limited and I'm not an English speaker, please bear that in mind.
Thank you all
I have this odd issue that has been plaguing my site for a few months. The site runs on the Concrete5 CMS. The issue is the letter spacing before and after hyperlinks and bold text are being removed. If I go to edit the page, the spaces show up normal and everything looks nice. However as soon as I save the page, the letter spacing is back to nothing. The only workaround I worked up was adding additional spaces around links and bold text, so I would add a double space before and after to get it to look right on the webpage. I have no idea what's causing this issue. I've poked around with Firefox inspector tool, but I've had no luck in resolving this issue. If anyone has any pointers I would be grateful!
This page is a good example of the issue. https://www.dakotacollege.edu/admissions-financial-aid/apply-financial-aid
Edit: example of step 5 from this page
<div class="step-text">
<div class="steps"><div class="step-number">STEP 5<p> June-August</div></div>
<div class="step-text-inner">
<p>Students who have enrolled <strong>and have accepted</strong> financial aid for the upcoming semester will be allowed to charge books and supplies, up to the amount of any applicable excess aid, at the Dakota College at Bottineau Bookstore. </p>
</div>
</div>
</div>
Here's a video to help explain the issue
https://youtu.be/O8267jreR-U
Alright just another update, I looked at your suggestions and didn't see anything uncommented or changed. A user on the Concrete5 forums did mention the issue is also on the demo website for the Pixel 2 theme that my site uses. So it appears to be a theme issue. I tested this on my test server by removing the theme completely, issue is gone. I've reached out to the Theme creator to see if he has a fix. Here's a link to my request.
https://www.concrete5.org/marketplace/themes/pixel/support/spacing-issue-around-hyperlinks-and-bold-text
Isolated the issue! Your comment was a great clue! There's an HTML Minify option in the Pixel 2 theme options that was causing my issues!
I am pretty new to developing addons but I'd like to make one that modifies/replaces the about:netError page.
I could not find tutorials or documentation anywhere, is it even possible?
Thank you.
Edit: I need to edit the xhtml file which shows the info about error.
I am currently coding a site that is using an extensive amount of sifr'ed links. The appearance of the sifr'ed text is fine, however the links only seem to work in Safari. I have seen that there are several other people having trouble with firefox with older versions of sifr, however I have updated to the latest nightly build for Sifr3.
The site is www.lauravinchesi.com/final/
Any help would be greatly appreciated.
Make sure to not replace the <a> directly, but replace its parent element.
a Project I am currently working on uses the jQuery UI framework for some of its widgets.
To provide the user with a global look and feel I would like to use the framework also for its css stuff.
I am implementing at the moment a dashboard like homepage, where the user can see an overall status of its data. This dashboard is build of some divs that should be aligned into a grid layout.
I try to style the divs like follows
<div class="ui-widget">
<div class="ui-widget-header">Box Header</div>
<div class="ui-widget-content">
Content of the Box
</div>
</div>
Later I would like to implement some draggable-and-sortable functionality.
The Problem I am facing right now is that the boxes aren't properly aligned.
Does anyone has a hint on using jQuery.UI for that kind of css work?
I was studing the CSS framework documentation on jqueryui.com but there aren't that much information.
best regards,
Gordon
I tried your example and it works. I didn't see anything wrong... Which browser are you using? if you are using IE by any chance that could be the problem. Even though it is suppose to be cross-browser... I do not use IE so I can't check that, sorry. Try it with any other browser and see if that is fixed. Also be sure you are including the ui-core and the ui-theme files. Do not include any other CSS file and see if that is fixed. I recommend you to use firebug (in firefox) to see how the styles are applied.
Check how the CSS is applied in this page. You may find it useful.
Can you provide an example where it doesn't work for you?
Maybe you load your own css after you load the jQuery-UI-css and overwrite something.
If your content box and header box don't align, it is probably due to different padding in the css, try setting your content box padding to the same as your heading box padding. This fixed the issue when I came across it.