dsonesuk
-
Posts
11,220 -
Joined
-
Last visited
-
Days Won
117
Content Type
Profiles
Forums
Events
Everything posted by dsonesuk
-
If you set fixed height, you have to use the opposite value as auto, to get proportionately correct image. The background using cover will cause it to fill the whole area and clip any excess. So its not proportionately correct! To get the image the same, you would have to use overflow-x:hidden; this will achieve the same clipping that backround-size: cover; gave.
-
Apply same style to multiple nav buttons in CSS & JavaScript?
dsonesuk replied to MysteryLover's topic in CSS
Yes it can be done! Instead of using id reference you use the other reference, then by using this reference you can acheive the same result by targeting the next element of the element clicked. Hope i have given you enough info for you to achieve the result you wanted. If you don't think its enough, TOUGH where not mindreaders and apparently neither are you. -
Apply same style to multiple nav buttons in CSS & JavaScript?
dsonesuk replied to MysteryLover's topic in CSS
What CSS? What javascript? What html? What w3schools click nav example? What do you want to happen? Why post a topic without giving necessary information, so it in most cases, be ignored because above info is missing? -
Try .field--item {display: inline-block;} .field--item:not(:last-child):after {content:", ";} .field--item:last-child:after {content:".";}
-
Idenitfy what unit the printed page is using ie cm, inch, pt, px then use media query specific to printing to provide css in that unit. It might be a matter of converting px to equivalent pt unit.
-
HTML does not go in <head>...</head> it goes in <body>...</body> and no one uses <font> tag anymore.
-
Its using css grid properties, you can change grid-row: and they will move to the grid-row you specify.
-
I think you will find using position relative with top: -350px; causes its height to increase from its relative original position to its relative new position by the value used. Try using position: absolute; within a position; relative container element OR try using transform: translate(), you may need to change doctype though to html5 doctype.
-
table tr:last-child {display:none;} You can't remove, but only hide in css.
-
How to find bad CSS and javascript statements within Firefox?
dsonesuk replied to pstein's topic in JavaScript
1) get a decent editor that will highlight these errors for you to correct before viewing in browser. 2) use browers web tools F12, using select for html elements should show what is applied stylewise, if the style property has a invalid value, you should see it have a strikethrough line with warning symbol telling you its invalid. Usually using console you should see any errors brought up, with line number, by clicking link to linenumber it should take straight to the line where the error occured. -
Some thieving basket stole your closing head tag, and opening body tag, for a start on probably why its not working.
-
How can I have a variable with single quotes
dsonesuk replied to newcoder1010's topic in Java/JSP/J2EE
Do you really need escaped single quotes? Passing it as a string variable in either single or double quotes then comparing to another string value with text() won't make any difference. -
Acknowledgement for above from https://html-online.com/articles/how-to-add-custom-html-wordpress/
-
Go to post page editor, add html, go to style.css add css?
-
No when you increase font size; its relative to size of font.
-
It styles to current body set font size, so if you increase/decrease body font size it should style proportionately, while px remains static on font size change.
-
base64
-
Just use outer container with gradient background and border width padding, then add inner container with required background color make it so it fills the whole outer container area to padding.
-
Look I am NOT! getting into a discussion about EVERY tutorial, just because YOU have not bothered to learn the basics, to produce a matching foundation html and css to get the same result. You can do most of it, by opening web developer tools by pressing 'F12' on your keyboard, then inspect the element/s in question to get the styling required. OKAY! goodbye.
-
Sorry members of this forum currently do not have super powers yet! of identifying your problem without a link to your code. Please provide link, or html code with relevant css after the beep...beeep.
-
No not really? form? ajax? modal? Compare to ul li listing, total unrelated useless example.
-
Display inline basically gives you the same effect as float, remove this.
-
Give us in what context at least.
-
previous content citation by https://www.theverge.com/21422932/autoplay-videos-how-to-facebook-twitter-reddit-chrome-safari-edge-firefox by
-
I should consider using normalize.css. https://necolas.github.io/normalize.css/8.0.1/normalize.css All browsers have there own default styling of elements, using normalize.css make them the same. (also reset body margin to 0)