HTML - Attribute
Hi,
I am checking my webpage html codes for mistakes with this Markup validation service. and I have these lines filled in different lines in my html code. <TABLE id=AutoNumber3 style="BORDER-COLLAPSE: collapse" borderColor=111111 cellSpacing=0 cellPadding=0 width=760 border=0> The above are the original lines with some mistakes. The validator gives me the below given answer to correct myself Error Line 66 column 69: an attribute value must be a literal unless it contains only name characters. ...RDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=15 cellPadding=5 wid This is second one of the same type <TD vAlign=top borderColor=#ffffff align=left width="100%" bgColor=#ca0000> The above are original lines with some mistakes. The validator gives me the below given answer to correct myself Error Line 73 column 27: there is no attribute "BORDERCOLOR". <TD vAlign=top borderColor=#ffffff align=left width="100%" bgColor=#ca0000> Can somebody tell me what changes should be done in both the original lines. I am unable to understand the mistakes. Please some help? Regards, Mukhtar Similar TutorialsI have a confusion with the src attribute. When I insert images in my web site using html, what is more correct with the src attribute: to write the relative location of the image on the root directory or write the URL address of that image? Which is the real difference? In an HTML document, is the name attribute supposed to be unique like the ID attribute? I'm making a page with two identical forms - one at the top, and another at the bottom, and I'm writing a PHP script to take care of the form action. It would just be simpler if I used one name for the duplicate fields in each form, or even the name of the form, for that matter. Is this ok? Hi, If in a web page on a web serer we specify a link attribute and that shows that the presentation of html documents is controlled by that external style sheet,then when users open the web page on client system whether even the external style sheet is sent to local client computer or the remote web server embedds all the style information in one single web page and send only the requested page and not css file? We have Picasa slideshows on our site and I'd like to add the No Follow attribute to the links. The code looks like this: <embed type="application/x-shockwave-flash" src="http://picasaweb.google.com.au/s/c/bin/slideshow.swf" width="216" height="144" flashvars="host=picasaweb.google.com.au&hl=en_US&feat=flashalbum&RGB=0x000000&feed=http%3A%2F%2Fpica saweb.google.com.au%2Fdata%2Ffeed%2Fapi%2Fuser%2FTsuchiyama%2Falbumid%2F5394607922792721857%3Falt%3D rss%26kind%3Dphoto%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> How should I modify the code for No Follow? Thanks Greetings Again, My page is hosted he http://dmrosemark.webuda.com/index.html So Greetings Again, My page is hosted he http://dmrosemark.webuda.com/index.html So what I want to do is to remove the link attribute from the buttons like <commercial> <FineArt> <personal> <Bio> <contact> <friends> so that they just rollover to the menu. I think this is the code but I am not su div id="Layer-8"> <a href="Commercial.html"><img src="Layer-8.jpg" alt="Commercial" border="0" height="42" width="127" /></a></div> what should that code look like? Thx in advance, D.M. Rosemark Hi, I have used the following html tag to display a read only attribute in the form. <input name="country" type="text" class="contentcopy" value="<cut value="${XYZ}"/>" size="30" readonly="true" style="background-color:#F4F4F4;color:gray"> This renders the value as readonly, but i'm able to change the value using firebug and postback an edited value. Could you please advice me how to over come this issue? When I use the element <a> for linking to another URL I can include the title attribute to describe the site to which I am linking to. My question is whether this "title" attribute is mandatory when I write html 4.01 strict. Julio Hi everyone, haven't posted in a while, but I'm having trouble with a tricky little problem. I've tried Googling for it and such, but it's difficult because I don't even really know what to search for, or even if what I'm trying to find exists at all. I'm coding a website for my friend's stepdad. He doesn't have a server right now (because of money restrictions) so I'm doing it all as offline htm/css/js files, that I'm going to email to him when I'm done with the betas (do unfinished webfiles count as betas?) Anydangway, because I don't necessarily know where he's going to save the files (I don't even know if he has a specific name for his hard drive) I can't be sure that I'll get the right directory if I say, instruct his browser to find in c://suchandsuchafolder/website because A) he may unwittingly save the files somewhere else and his hard drive may be not even be labelled C I suppose I could give him very specific instructions as to where to save it all, (he's not very computer savy) but the problem there is that he's planning on showing the website to the job center in the hopes they'll give him some funding to get it online, and if they decide they want a copy of the files themselves THEY'LL need to save it in a specific location themselves. So what I'm looking for is some sort of anchor attribute (possibly, like I said, I have no idea if such a thing even exists) that could tell a browser to get a file from the same folder that the document that linked to it was saved in. That way I could just instruct him (and by proxy he could instruct the job center) to just save the files in the same folder, and they'd work on any old computer they were saved on. Like I said, I'm not even sure if that is something that exists, nor am I sure if it would be found within HTML, and not some other language instead. But it does sound as though it would be the kind of thing that may be a real thing, so if anyone knows something that sounds like what I'm talking about, or if anyone has an alternate solution to this problem, please let me know! Thanks in advance yo. PS: I apologize for the fairly vague thread title. I couldn't think of any other way to describe the problem more specifically in a concise way. I am struggling to understand the "make attribute editable" script. I have created a dreamweaver template in CS5. I have a navigation matrix made up of images. I want to make the navigation images change with the current page (i.e. when on "1" page make nav button "1" brighter. I am trying to do this with the "make attribute editable" script (so I can change each navigation image accordingly on each page). When I make the attribute "src" editable the image disappears and does not display on the pages I create from this template even when I add the correct path to the url value! I cannot work out what I am doing wrong. I'm sure there is something simple I am missing but just cannot work it out. Thank you for any help!!! I have started over with a new document to make it as simple as possible but no joy. Here is my code... <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <!-- TemplateParam name="src" type="URL" value="../images/wind.PNG" --> </head> <body> <img src="@@(src)@@" width="133" height="83" alt="wind" /> </body> </html> Thank you! Hello - this may be a really quick question as I am newer to xhtml. Here's my question: On the following page, when I try to validate my code, I'm getting 2 errors - first - "there is no attribute "background-image" for the following code: <p><table background-image="SMwhite_flower.jpg" id="flower" alt="picture of a white flower"> For the above code, I also get the error, "there is no attribute "alt". But, when I remove "alt", I get an error that it's missing. Here's my doctype - maybe that's the problem? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> I'm wondering if, using xhtml, I would have to put the table background image in my stylesheet? Any and all help is greatly appreciated If you need to see more of the code or the whole page, please let me know. Thanks! i am new to HTML. I am not able to recognize benefit of class attribute in <DIV> Can anyone give me suggestion? Regards Naresh Vatsal Hi everone! This is really confusing me a lot.. I have a form in my contact.html page which has labels, inputs, a textarea, & a submit button.. I can see no problem with the submit button, but with the ids of the inputs as well as the textarea, the id keeps adding 0 at the end.. Could anyone help me about this? I thought of a number of things: 1- this could be because the name & the id of the input are the same, so maybe they have to be different & that's why this leading zero comes up automatically everytime. 2- this might affect my php code later. Is it true?? Hi, I am learning HTML and CSS from scratch and I am curious about what the default values are for the many HTML tags that are available. For example, what is the default family-font and font-size for the "body" tag? Thanks, Here's some existing old school code that I will be converting to CSS, but first wanted to get it right. I Will probably leave the line-through attribute as in-line style. I am unable to increase the weight of the line-through. I have tried several different ways, but none seem to work. I have successfully changed the line-through color, but that's about it. <td align="center" class="fon003" > <p> Retail Price <span style='color:#F75F04; font-weight:bold;text-decoration:line-through'> <span style='color:black'>$134.99 </span> </span> - Check our Price </p> </td> ????????? Thanks, Dorian Why doesn't this work? I'm trying color the text green and center it. <h1 style="color: green" style="text-align=center">Some Text</h1> It works when I use the deprecated attribute align. <h1 style="color: green" align="center">Some Text</h1> It works when I do either one or the other. Either just coloring the text or just centering the text. It also works when I use div tags. Is it necessary to use the div tags? I'd like to be able to do both without using the deprecated attribute. I must be overlooking something. Appreciate any help! Thanks. I use XSLT to create a html document, and I'm not THAT familiar with html I want to divide my html page in 2 frames via a frameset. For many reasons I only want ONE html document at the end. I want to create totally new html code in the source URL of a frame, this may sound funny, so here is an example: This is how it normaly looks if I'm correct: HTML Code: <frameset cols="400,*" frameborder="yes" border="5"> <frame name = "leftF" src = "2.html"> <frame name = "rightF" src = "3.html"> </frameset> This is something like I want it to be(because I only want 1 html document): HTML Code: <frameset cols="400,*" frameborder="yes" border=5> <frame name = "leftF" src = "<html><body>This is the 1st frame</body></html>"> <frame name = "rightF" src = "<html><body>This is the 2nd frame</body></html>l"> </frameset> I've tried the above without any success. Does anyone know how to do this, or does anyone have an other suggestion (I don't HAVE to use a frameset, but I don't know any other possibility ). Thank you. My problem is this: In the program I am working on, I want to put a javascript sliderbar in the horizontal top menu. The top menu is a fixed positioned <div> with the menu items (select boxes, a help etc) contained in it. Problem is: the javascript bar is enclosed in <div>s Since a div by default causes a line break before and after, the sliderbar is not included as part of the other menu items, but is displayed under them. I tried to solve this in either of 2 ways: 1.by changing the divs around the bar into spans 2.by adding a display:inline style to the div. In both methods indeed the slider bar is included into the bar as I wanted BUT I run into another problem that I can't find a solution to: The code (very simplified) looks like this: <div> // top menu ... menu item... ... menu item... <div style="display:inline; width:180px;background-image:url('sliderbox.gif')"> // the background pic with the slider box <img src="sliderbutton.jpg" ... and all kind of javascript to make the thing work ....> // the slider button that moves over the slider box </div> </div> Now what happens is this. when the div is a block object, indeed it is displayed with 180px length and the 15px button moves left-right in it. However, when the div is made inline (or when span is used) as in the code above, the div/span with the backgroundpic (that is supposed to be 180 px)collapses to the length of the button that is contained in it (15px) and the "width:180px" is totally ignored. In the documentation it says indeed that an inline tag automatically takes the width of its content. But I don't want that. I can't find a way out. Either the div with the sliderbox background is displayed as it should (180px), but then the whole sliderbar is postioned on a line by itself, or I use an inline method as above, but then the div/span collapses to the size of the button pic that it contains..... QUESTION: Is there any way to make an inline span/div have a fixed width, larger than the object it contains??? Thanks |