I'm fairly new to learning coding and I'm trying to figure out how to set up VS Code so that it doesn't wrap HTML tags in CSS. I have Prettier installed and set as my default formatter. It won't allow more than one HTML tag on a single line in CSS and I can't figure out why.
Screenshot of wrapping HTML tags in CSS doc
If you want to un-wrap your code in the editor, just press alt + z in the file you want to (wrap-unwrap) the code.
Related
I'm using the default formatter on VSCode. I'm using Auto-Format on Save.
The code SHOULD look like this(no space between the first closing p element (</p) and the second opening p element (html)
when saving the p elements starts on a new line and it destroys my layout.
Any solution for these?
Is there an easy way to check if I'm adding duplicate css lines to my file? I'm currently adding on to the existing style sheet and am now using command+f in my editor (Coda) to find if the class has already been used but this is by far the fastest way to do this.
To be perfectly clear: Let's say I'm writing to add a margin to class '.test', how do I make sure I am not repeating '.test' in my document?
Is there something in Coda that can do this, or in other editors?
Some text editors will underline duplicated css.
Good text editor: atom text editor
some tips for you so you wont need any text editor auto checkers:
Keep your css in order.
example:
body{}
navbar{}
footer{}
2 Use comments to know what you are styling so it will be easy to continue after brake.
3.keep class/id names clear! For example use .navbar / #navbar Dont use something like .thisasdafclassbadexample
I'm running into a weird issue, where css code (pulled in from a .css file, NOT embedded in style tags) is showing as text on a page, and I'm not sure why. Do you know what could cause this? The css that is showing is:
background-color: #009eb4; color: white;
I checked the end of the file (Approx. 10,000 lines) and there's not CSS hanging off the end outside of a selector. I couldn't find any malformed css in the section that I edited either. The CSS shows up in the DOM as the first child of the body element.
Have you tried ctrl+f ing that line of text in your HTML? could be a stray copy and paste :)
I need to edit the plugin brackethighlighter to achieve following jpeg's effect.
on a html tag, like P,div,span tag and etc.
But my current setting had set the tag to highlight, but its still appear dotted line like the 3rd images, and i also already set the
and this is the setting on my theme
But i still get following dotted line.
if you have Djaneiro installed then you have to change the filetype to HTML from HTML Djaneiro.
I have a little bit of a problem here. I am making a kind of chat application in Flash CS5, using Action Script 3, and I am trying to make URLs that appear in the main chat textbox (where all of the things that other people have said come up), which is a TextArea component, be converted into HTML link tags. I have this working, but the problem I am facing now is that the links appear black. I want them to appear with an underline, and blue text. I am formatting the TextArea with TextFormat, and I am using some of the functionality that is only available in TextAreas, so I cannot use plain dynamic labels.
I have also tried using the style attribute of the link tag, but that didn't do anything.
How can I change the formatting for the link tags to appear blue and with an underline?
My current code for changing the links to HTML link tags looks like this:
txtOutput.htmlText += replace(/(?:http|https):\/\/\S*/g, function ():String
{
return '' + arguments[0] + ''
});
have a look at style sheets you can implement hyperlink styles form there.
update:
The textArea has a textField property. try applying he style sheet to that.