newseed
-
Posts
501 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by newseed
-
Look at this css: #nav li:hover ul.subs1 From what I saw in your html, subs1 should be the third level flyout but your css above is set for second level. Try changing it to the following: #nav li:hover ul.subs ul.subs1 So #nav is the first ul (first leve); subs is the second ul (second level) and subs1 is the third ul (third leve).
-
Background Image Height changing with Screen Size
newseed replied to confused and dazed's topic in CSS
You might try background-size: 100%; Adjust to suit. -
Why would you want to add it more than one time to a page? Check with the script provider to see if you can create one that groups your 'volume', 'weight', 'length' and 'area' together thus you will just need one script to handle all four.
-
Set your #header to use position:relative; z-index: 101;
-
Hi Kelly, I don't mean to hijack this post but since EW is no longer supported, what will become of EW or better yet what will MS be doing to replace it?
-
Try changing the font size to 100% and then style the <sup> to have a width and height (5px each).
-
-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none; I do not believe all browser fullys support this method but you can test it yourself.
-
For the image issue, add display:block to .gallery li a img As for the menu, looks like you have some kind of jquery script that handles how the menu is displayed. I am not familiar with it but right now it's set to not display in desktop but for mobile devices it seems to display at 640px or less. You might carefully read the document for that menu. If you can't figure that out then the option is to create a second menu just for desktop and style it accordingly. You would then use media query to display the menu for desktop. I hope this helps.
-
What's the purpose to using iframe for an image?
-
problem with absolute div being displayed only half
newseed replied to yaragallamurali's topic in CSS
You have overflow:hidden wrapping everything. The only thing that will show is what is contained inside it that is not positioned absolutely. -
Not sure but I guess you made some edits since you've posted this. What I am seeing now is that it does not scroll in IE or FF because you have set overflow: hidden for the body and html.
-
It seems that you want the image to take up about 25% of the total width of the main div. If so, what you might can do is wrap a second div specifically for the image <div class="certificate"> <div class="img-box"> <img src="images/roundlogo.jpg" alt=""> </div> </div> You then set the img-box div to be width: 25%; You still keep your css for the image at width: 100%.
- 2 replies
-
- 1
-
-
- css
- responsive
- (and 2 more)
-
if you are referring to the avatar image then use margin: 0 auto;
-
Can someone test this using IPHONE to see why it only works for android but not for iphone? http://www.maximumsecurity.com/ The code I used is below: Note: I added a image link here for just this post so you can see the code otherwise this forum strips them out: http://my.jetscreenshot.com/22574/20140411-kzay-9kb.jpg I have also tried the following: tel:7145504123tel:8005380600 All are links using the anchor tag. PLEASE note that this is occurring using Safari browser. I have no way to test for other browsers on Iphone.
-
Adjust the font size: 11.3px You really can use decimal pixel and expect to get the same results for all browsers. IE seems to adjust it a 1/10th at a time (11.1px ; 11.2px ; 11.3px and so forth) whereas Firefox only adjust at 1/2 increments. So 11.1px; on up to 11.4px will still be 11px. Once it hits 11.5px then it displays as 12px. The only time you use decimal for font is when you use em or percentages. You best and quickest solution is change your font size to 11px and the uses your current css positioning to center it.
-
HELP- my webpage width is not the same in most browsers i tested them on
newseed replied to francis Aneke's topic in CSS
It's not the browser's width but it's the screen width. If you screen is set for 1600px but someone else's screen is set for 1280 then quite obviously that the site will be too wide for the other person. Also, the browser's vertical scrollbar with use anywhere from 18-24 pixels depending of the browser version you are using. The way to work around this is to use responsive technique (google it). Frist option is to use percentages for the framework. This can be a bit challenging depending on your design. The second options is to use media query (google it). This will allow you define css to certain types of screen size (in pixels or dpi). I particularly like this method because it allows me to control for all types screen size including mobile/tablet devices. -
Link please with your latest work so I can see what you are doing.
-
The best thing is to set your tooltip popup to overlay the 'Tooltip' link. Adjust the span's margin-left: 28px; to be a negative value: ; What will happen is that as soon as your mouseover the 'Tooltip' text it will popup that window over it thus you mouse is now already in the span tooltip box thus keeping it open. You can now add all your content, links etc within that span tag.
-
Not sure how much you have changed the CSS but have you reverted back to the original css? Reason I asked is that the css has a mixed of percentages and pixels in various places in your framework.You might say this is a quick fix but without knowing what the original css looked like I can't say that this will not produce another problem elsewhere.Line 117 of your css #primary, change the width to 66% and add overflow: hidden.
-
The method I used is min-width throughout for all devices. So basically build and css the site to fit mobile devices such as Iphone and Samsung Galaxy 3/4. Once the layout looks good then I would css it for the next size which in some cases would be min-width: 480px, and the next size - min-width: 640px, next size - min-width:768px and so forth.It's much easier to start small and work your way up to larger screen sizes and I found that I use less css to get the same results.
-
First, you should not use 'bgcolor' or any other table inline stylings that are not standard. Your best method is to use CSS preferably a stylesheet.Secondly, the browsers each has it own setting and if they have background turned off them it may not print.Finally, once you learn how to use CSS then you will want to understand how to display a page for screen and for print independently by using @media print and @media screen.
-
"The flex property is not supported IE 9 or earlier, in IE 10 this property is supported with the prefix -ms-."
-
You might try float: left to see if that gives you want you are looking for.
-
Some browsers do not fully support all the CSS3 elements. Try this: display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
