It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
Appearance-wise, I am struggling to use CSS to create buttons for forms that will look ok cross-platform and be consistent with each other without using images. Is there such a thing? I just need add/delete/cancel/validate buttons for my form, but I'd like them to be uniform, and ideally work cross platform whether they are submit inputs, buttons, or links.
I really don't want to fiddle in Photoshop though.
I found this resource on Rediscovering the Button Element (archive.org), which shows it can be done with CSS and an image gallery for designers who don't want to create their own.
The solution looks ok, but there are complaints about what IE submits in the postdata in the comments, and about how IE renders the buttons in IE 6. How can I get around the issues with IE6?
There are a few options, one being color gradients. There is a way to do it in "The Big Three" (Firefox, Chrome/Safari, IE), and you can find a great example here.
A second option is to use jQuery UI, and that is a nice way that tends to be cross-browser safe, but the drawback is that it can be a lot to include for buttons.
The last option would be to use images as the background, but that can be a bit tricky in IE, or at least that I've found.
Related
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I want to hide my page sources for my website. But I am having some problems to find the code that would hide my page sources. I am using HTML and CSS.
I have tried searching on Google, but I was unable to find it. I would appreciate if anyone could tell me that code to hide page sources.
Thanks
It is impossible. No matter how much JavaScript tricks you use (which, by the way, hide your site from search engines, too) - the browser will always build a proper DOM tree anyone can look at e.g. using firebug.
You can't. The source of your page is how the browser renders it. It's what your server returns when a request is made.
Any developer could create a web client, make the request, and simply dump the text to the screen...thus revealing your source code.
You cant... The best thing you could do is obfuscate the html and css so people cant easy read it, but if they want there are some ways of getting your code anyway.
It's complicated and can't be used for every page you might think of, but think about using phantomjs to render your page on the server side and serve that instead of regular HTML. The complicated part is having your links or other media behave like they should.
Practically it's about impossible... and usually totally useless... Forget it!
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
Can anyone help by providing some samples, or examples to generate a css class to re-produce the effect similar to outlook.com's login page?
Where the page is centralized, splitted into 2 halves, the left side containing an image, and the right side with the login fields
not a downvoter, had a look at the Outlook site; nearly threw up when I had a look at the source code Outlook.com:
and their css is well... see for yourself.
What I'd do is build a page with two colums of predefined width (can use absolute values in this case). So a class of column width in pixels, and have this assigned to two sections - one featuring the image, and the other featuring the login/ everything else. If the page is resized to be smaller one should appear below the other - which is nice degrading.
You possibly could have an image and a login box without using CSS and somehow configure the login box to be middle aligned with the image - but it's a bad solution and certainly using deprecated code.
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 11 years ago.
I have been developing a magazine engine which behaves like a web page. Currently it is heavily dependent on a nested system of divs labelled by id's and classes to allow it to be swappable, and resize to fit the monitor of the device in question.
I recently showed this to someone, asking for feedback on how it looked, and he concentrated on how sloppy the html was.
My question is, is it better to have a clean, unadorned html at the very beginning of the load, and build out the code to make the magazine that allows for the swiping on the different devices and click-throughs for desktop versions?
Sorry I don't have a demo handy, I'm trying several css frameworks to gain control over the typical adventurous "let's try this" coding cycle to make it easier to understand and update for the future (an integrated creation system online, with styles a creator can modify). This latest iteration is exploring responsive image downloads.
Not sure what you mean by a magazine that allows for swiping .... but there are frameworks out there that lets you skip the HTML authoring altogether and stick with Javascript and CSS to render your application in a browser compatible manner as well as ability to show in a mobile device. Take a look at Sencha (ExtJS and Touch)
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 12 years ago.
My website in acting stangely while being viewed in firefox so I started debugging and found firefox only is adding extra <strong> tags in my code, all empty?
Any ideas?
http://allia.honestideas.co.uk/
Any time the generated markup differs from the markup retrieved from the server (i.e., the markup you get when doing "View Source"), JavaScript is involved. The only way the structure of the page can be different from the markup you wrote is if JavaScript is making changes.
In this case, the extra <strong> tags all seem to be clustered immediately around the slider markup. I can't find any obvious explanation in slider.js but it's also not a plugin I'm intimately familiar with. Removing slider.js from the page entirely should solve the problem, but of course you then won't have the functionality you want. Perhaps a different plugin can offer the same functionality without the unintended side-effects.
Firefox is not adding anything. If you look at 'view source', there are no strong tags in there. So what debugger are you using? I'd bet the debugger is inserting something.
In firebug, I see a strong syntax in the code
#mainContent strong, #mainContent label
may be this causing some issues. I am not sure too.
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 11 years ago.
I am having a problem with margins / line-height in one of our websites.
I am using a Jquery script to create a Drop Cap effect in the first letter of each sections, that adds a class to them. There are two types of dropcaps, as you can see. Google Chrome is not rendering the smaller ones correctly. You can compare with other browser and see the difference.
Any idea about why is this happening? Is there a fix / hack for this?
I managed to fix it by adjusting your line-height on your p tags.
I adjusted it to 1.8 - anything less and the third line of copy can not flow underneath the drop cap.
See the images:
alt text http://web17.twitpic.com/img/126705561-f3957c59ceac70c081953d4ce00c9d5e.4c35afb0-full.png
alt text http://web14.twitpic.com/img/126705484-0b710f203011f574c598d698fffce8ab.4c35afb0-full.png
A workaround would be to set margin-top:-1px to the .dropcap CSS rule ..
must be some discrepancy on the size the text gets rendered..
Changing the line-height to 1.8em worked for me. But in general, this problem is very difficult to avoid because fonts are rendered differently across platforms and even across browsers.