All I can say is my layout went crazy in IE8 and I cannot see why. Of course, it looks correct in other current browsers. I have spent many hours trying to figure it out but when I make any changes, they do not fix this issue and send everything haywire in the other browsers. Can someone please take a look? This one is beyond me!
The page:
http://www.careersinmusic.com/sell-my-music.aspx
MANY thanks!!!!
Rich
well first of all 'jQuery' is undefined on line 132?
The main issue I can see in debugging your IE8 Compatability Mode On code is your lack of clears on the floats.
You should look into how CSS does floating, you must clear the float afterwards otherwise things can get really janky.
To clear a float you put in:
<div style="clear: both;"></div>
That will clear both left and right float (eg starting a new section). To just clear one of the floats you can do clear: left; or clear: right;
Here's a tutorial on floats with CSS:
http://css.maxdesign.com.au/floatutorial/
Also....honestly....the html and css are a mess. I can barely tell what is going on in some of it....allthough that might just be the asp.net adding in magic to try and 'help' you.
Related
Trying to select a div by the text inside it, using WebdriveJS. Looking for a Div that contains the text, "TestIt". This seems pretty straightforward.
driver.isElementPresent(webdriver.By.xpath("//div[contains(text(),'TestIt')]")).then(function(foundIt)
{
console.log(foundIt);
}
But foundIt always equals false.
This is the div:
<div class="v-table-cell-wrapper">TestIt</div>
I actually want to be able to find the string using a variable, but I can't get the basic part to work. Any thoughts from anyone?
Should be as easy as(Assuming there is not iframe involved)
//div[.='TestIt']
Just in case if it has white spaces before or after
//div[contains(.,'TestIt')]
Well, I learned something very good today. I was using Phantom to test, but the problem is of course that you can't see what's going on. I had started on Chrome. I moved back to Chrome I realized that I was no longer getting as far as I was before in my script, hence the inability to find the element. I feel a bit stupid, but live and learn. Thanks for replying, guys.
I started using asp.net MVC 4 and I don't quite understand how could I accomplish simple tasks like making a simple navigation menu for my website, I would like it to be just like the one here on stackoverflow where the images change on mouse over and also link to their corresponding pages.
what used to be a few minutes of work with HTML (in Dreamweaver for example) now takes much much more time and thought (at least for me).
Investigating about the 3 elements I've mentioned got me here:
How to show an image- even that is not easy, I have looked everywhere for something that looks like an ideal solution but couldn't find any! even here on stackoverflow, some solutions are involving writing long lines of code in the name of "Helpers", and I could dig into it but there are so many different solutions, and I wouldn't know which one is right.. why can't there be just one standardized solution?
How to link an image- also an issue, that i understand that I need to set the controller in the parameters list but again I ran into and issue that I might have found the solution for I just need to test it, I have read that I could have different methods inside of one controller and in this way I will not have to have one controller for each link. I will try that, better solutions are welcomed.
How to swap an image on mouse over- also looks crazy for me, I have found one solution where there are long lines of code for this here: http://www.codeproject.com/Tips/329596/MVC-3-Helper-for-Hover-Images
I am kind of disappointed that just for putting up the logo image and linking it I spend days! I do have background in .net c# HTML+CSS etc'.. so I am asking myself (and you guys) why does it have to be so unclear and not friendly?
Come on.. what am I missing? is there any library of helpers everybody is using or something like that?
I am still in the process of learning MVC 4 and I know I'll get it but I would've expected accomplishing these kind of simple tasks a lot faster.
also, in Microsoft examples, I have never found an example where they put a logo or a menu image, it is always plain text! so annoying and frustrating...
I will very much appreciate any help..
Thanks a lot!
Roy.
Start with http://www.asp.net/mvc/mvc3 and understand what are the paradigms of it and what is the differance between webform and mvc systesm.
Basically you need to understand how the masterpages are evolved in mvc or what is the replacement of master pages in mvc.
This is clue to what you want to achieve.
Now if you want to put the Image button in which if you hover and color will change then you need to do following steps.
Create a button first e.g
Html.ActionLink("YourButtonName", "Index", null, new
{#class="hoverButton" })
Now you need to create two classes in your css file with name hoverButton which contains property to show image and hoverButton:hover show image when you hover over the link. Like following.
hoverButton {
margin-bottom: 10px;
width: 160px;
height:160px;
display:block;
background:transparent url('Button.png') center top no-repeat;
}
.hoverButton:hover {
background-image: url('hoverButton.png');
}
This way when you hover over to button it will display different image in mvc view menu item.
Hope you understand the concept and it helps.
My brain is overflow about this issue, so let me share my frustration in order to look for someone having the same experience and, luckily, finding a solution.
The thing is the following:
http://jsfiddle.net/w4d2E/
In chrome, percentages work fine, but when trying the same in Firefox (latest version) the content div is not expanding horizontally and vertically anymore.
I've analyzed every similar question over here, but I can't find any valid answer.
Thanks in advance
P.S.: I've tried to use block display instead of the 'box' one in the 'content' layer, but still having the same behavior.
You're using XUL box layout. I suggest not doing that. -moz-box is NOT CSS flexbox layout, as you seem to think.
The problem here is display: -moz-box for body. If you remove it everything works fine. It appears to be a bug, so I suggest filing a report in the bug tracker.
I'm building a new site for myself as freelancer. I'm planning to use the cycle plugin in the header but I'm experiencing a small problem.
I wrote HTML and CSS for de items that need to be cycled. Each div.feature inside div#featured should be cycled. A div.feature exist of an image and a div.info. They are both floated left, so they would appear next to eachother.
After writing the HTML and CSS I wrote the Jquery and when I test the page I see the first div.feature perfectly displayed, but after the first cycle all the floats seem to go wrong.
You can check it here: http://webstudions.be/projects/layout6/
Also chrome and safari seem the make another mistake as firefox, ie9 and opera.
Does anybody has an idea of how I should fix this or how I could get this to work??
In your CSS Try adding the following line to your elements style:
clear: both;
This generally fixes my float problems.
This is probably an easy fix, but I'm stumped. Here's the URL: http://urgent.mchenry.edu
First off, underneath the urgent.mchenry.edu text box in the header is an h2 w/ class="caps" and text that says "Official McHenry County College Update". However, it absolutely disappears in IE7. Gone.
I tweaked the ie.css with !important declarations, but still, no go. What gives?
Secondly, in FF, the same h2 has some weird a:hover states, despite the fact that there's NOT an anchor tag in the source code, but FF inserts its own. Use Firebug and see what I'm talking about.
Any help on the above two points would be greatly appreciated. BTW, I'm running XP/FF 3.5 and IE8.
The problem with the hover state is easy to fix - your closing tag on the urgent.mchenry.edu link is <a/> instead of </a>. I suspect this may fix your other issues too.