This is a school project that I am working on, but there is something wrong with the Validation. I have images in the list, and I think that might be the problem. What should I do so that it validates correctly?
Here is a link to the live page.
http://noah-stahl.binhoster.com/bwm150/assignment_4/tech_history.html
Thanks!
Yes, the only valid child of a <ul> element is a <li> element. Put the images inside the <li> tags.
I would put them in div class to be a little more structure but that's just a personal preference.
Related
I need to hide a
</div>
without JavaScript or Jquery. I tried
<span style="display: none;"></div></span>
but it didn’t work at all.
Any help is much appreciated.
EDIT:
Thanks for confirming that it is NOT possible!
That’s what I wanted to know.
I solved my problem by changing my markup a little bit.
In my case it would have been logic because it simply would have saved some lines of code. (Basically I wanted to insert a div into another when a user activates an option, hiding just one closing tag and one new div opening tag when the option is disabled, showing them when the option is activated. It’s a tumblr theme with some closing tags rendered in {block:Posts} after every post. No need to get further in detail, i think it would be unnecessary complicated because the problem is already solved. Thanks!
I can think of absolutely no logical reason for doing this. even though a div tag may look like two elements to some, it is in fact one element and neither the starting nor the closing tag function on their own.
The fact that a
</div>
tag is being displayed suggests that you have an extra closing tag - there is no corresponding
<div>
opening tag. These tags should never be displayed on a page if implemented correctly.
Try looking through your code and checking every opening
<div>
has a corresponding
</div>
In html all tags must be in pairs, having one opening and one closing tag. e.g.
<div id "test">
Test text!
</div>
JP
I am building a site for a client that will eventually need button links and need to be clickable. For now, though, I would just like a placeholder anchor tag for future use, but I DON'T want it to be clickable. Is there a way to do this? Below, the 'small red button' is a clickable link, but doesn't go anywhere. I just don't want to confuse the client when they see the mockup and the link doesn't work.
What’s <strong>New</strong>
Thanks! And sorry if this is a newbie question.
EDIT: It worked like this, as suggested:
<a class="small-red-button">What’s <strong>New</strong></a>
Thanks everyone!
Take the href attribute out. It is what makes an anchor element into a link.
What’s <strong>New</strong>
it's still a clickable anchor but it as no efect (ie. does't change your adress to www.site.com/#)
Sorry about the simple question..
do anyone know why my images on the button section of this page are not aligning correctly. the image on the far right seems to be pushed down. Doesn't anyone know what's causing this problem?
Link to Issue
You have a bunch of  's that aren't in tags. Looks like that seem to be the issue after removing them via Firebug. Remove them and it should line up.
There is a lot of white space after deleting it:
When I inspect the page I see extra html elements inserted into the document
</li><!-- ITEM ENDS HERE -->
<li class="item2">
The extra "nbsp"s are throwing off the alignment.
You need to remove any spaces or new line between </li> and <li>, so in the HTML mode of your CMS it should literally read </li><li> and not something like:
</li>
<li>
If that's somehow not possible, contact the developers / forum of your CMS and ask there for help.
This is not valid html. You need to fix that first. Run your page through a validator and correct the "Element div not allowed as child of element ul in this context" errors.
Lots of whitespaces above each <li>. Remove them and it should work fine. Use Chrome Developer Tools or Firebug to check 'em out.
Ok, so im trying to remake my website and i wanted to ask if this HTML syntax im using is proper.
The HTML code is something like this:
<a href="http://the_url.com" target="_blank">
<img src="../img/id.png" width="32" height="32" alt="id" />
<h4>Title</h4>
<p class="des">Description</p>
</a>
and for the CSS i mainly make the tag to display as block.
Is this proper coding or should i remake it a different way? You can see an example at http://varemenos.com
According to the HTML5 specification of the <a> tag, this syntax is valid. It was not in former HTML versions.
If the construct suits its semantic meaning is still up to you and the actual content. If you use it for short snippets of text (esp. in the description), I think it's fine. If the content gets longer, you might want to think about splitting it up and moving the anchor a bit down the hierarchy to make it clearer to the users which parts of the page are actually link targets.
This website may interest you: W3 validator.
According to the validator, your website is HTML5 valid.
You are using block elements (h4 and p) inside an inline element (a). This isn't "proper".
This can be fixed by adding a CSS rule so that the a has display:block or display: inline-block.
Im new to programming..Can anybody help me out please ....
im using an html to display an image later i want to display another html on the first html so i need to set second html as transparent. so the image in the first html looks like a background image....
is it possible...?
Thanks
Well you actually could use an <iframe> containing the second page in a floating <div>-element. But as always, it's not always good just because it exists or because it was technically possible.
Except for the use of frame, you should never have more than one <html> and never more than one <body>
It would be the best to have something like this:
<html>
<head><!-- header goes here --></head>
<body style="background-image: url('first.png');">
<img src="second.png"/>
</body>
</html>
Sure you could extract the css-part into a css-file. And you could set the style-attribute for another tag as well, it doesn't forcibly has to be <body>
hope that helps a bit.
You can't. But if you just want a background image, you can accomplish this by using CSS and the background-image. See: http://www.w3schools.com/css/css_background.asp
With a scripting/programming language you can.
In ASP.NET you can read the contents of an html file and put it inside your current page.
It doesn't sound like iframe is what you are looking for. Perhaps the use of the words "on" and "transparent" are throwing me off. It sounds like you want to have two HTML pages, with the content from one appearing in front of the other but transparent? In that case I think CSS z-index might help you:
https://developer.mozilla.org/en/Understanding_CSS_z-index/Stacking_context_example_1