|
HTML - Tags Duplicating On Their Own!
I've encountered what to me seems a strange HTML quirk problem (though I'm very amateur so may not be a quirk at all).
I recently used a free online tool to create the code for an image map linking to my social networking sights. It can be seen on the right hand side of my pages: www.zorandesigns.com What keeps happening now is every time I go to edit pages, the <area></area> tags keep duplicating exponentially. So any time I do any editing I have to make sure I redelete the duplicates. Even when I do when I resave 3 new tags will appear again. Next time I go to edit there are 6 tags and if I forget to delete them there will be 12 next time, then 24 and so on. At first I didn't realize this was happening and I had hundreds of duplicate area tags. I use go daddy html file editor to edit the pages. The section of troublesome code is below. Would appreciate any insight on how to resolve this problem as simply deleting clearly hasn't worked. <div style="text-align:center; width:189px; margin-left:auto; margin-right:auto;"><img usemap="#Image-Maps_6201201241459158" height="63" width="189" src="images/social networking icons.gif" border="0" id="Image-Maps_6201201241459158" /> <map name="Image-Maps_6201201241459158" id="_Image-Maps_6201201241459158"> <area coords="0,-1,60,58" target="_blank" alt="Facebook" shape="rect" href="http://www.facebook.com/pages/Zoran-Designs-Jewellery/221643324534776" title="Facebook"></area> <area></area> <area></area> <area></area> <area coords="65,-1,125,58" target="_blank" alt="Twitter" shape="rect" href="http://twitter.com/ZoranDesigns" title="Twitter"></area> <area></area> <area></area> <area></area> <area coords="127,-1,184,58" target="_blank" alt="LinkedIn" shape="rect" href="http://ca.linkedin.com/pub/maja-kogut/46/89b/929" title="LinkedIn"></area> <area></area> <area></area> <area></area> </map> </div> Similar TutorialsI have a website where the main heading is formatted text that is the same on each page. To acheive this, each page has the same block of text in it....this is fine but is a real pain when i have to change it. If you look at http://www.tauntonflowershow.co.uk you will see what I mean. The text i am referring to is the name of the show and the date. So, how can i specify this text once (presumably in a separate text file) and have each page refernece this file. That would mean i only would have to change it once. Same would go for the main menu bar.... Many thanks in anticipation. i'm looking for a cheap way out of making collapse/expand code. i've learned a lot of 'ghetto' techniques n thought mayb i can use something similar to the html tricks i've learned in the past. the theory i have is.. i use the title of the collapse/expand text as a link to the text below it to open and close by using the navigating tags: Code: <a name="content">opening/closing text here</a> and the title above the content: Code: <a href="#content">Title</a> to open the area of text. now my idea of a shortcut around the whole css/html/javacript combo is to make the text below it use a Code: <font size=0>content</font> at default and have the href title link change the font size to the default 9pt but I don't know if that's even possible. Is it possible with the Code: <div> tags? and if so, using that, would i still b able to make a link like that? Is it possible to trigger the action of a form with a submit button that's outside the form tags? If so, how should this example be rescripted to make the input tag work outside the form tags? [/code] <html> <body> <form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="FirstName" value="Mickey" /><br /> Last name: <input type="text" name="LastName" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> [/code] Hi I'm currenty learning how to use div tags I was wondering if anyone had any resources on the attributes of the div tag, havent came across anything that relates to the code i am currently working on. HTML Code: <div style = "z-index:2;left:40px;top:100px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
<p> Division 1 </p>
</div>
<div style = "z-index:2;left:00px;top:250px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
</div>
Does div tags generally just handle borders or can u fill a division with colour as in make a rectangle or whatever? Heres some code i have been presented by my lecturer, I can read the attributes well i think but if someone could explain it i would be greatfull just to check my understanding Thanks CW Hi all, I'm working on a wordpress site with nextgen plugin (not really important) My problem is this: Let's say i have this structu HTML Code: <p>
<a href="">
<img src="" />
</a>
</p>
Now if my img is 100px height, the <p> still stays 0px, and i think that's because of the <a> tag. But the <p> has to adjust its height to whatever height the <img> is. How can i achieve this? I hope you understand what i mean here Thanks already. Should be something simple to figure out, I know... but I'm having some trouble with the div tags in a section of my site. What I'm trying to do is place a few images side by side, 160 pixels from the top and center alignment. It places the images 160px from top but not in the center... This is the code I'm using: <div style=" top: 160; position: absolute; z-index: 1; visibility: show; align: center; "> Why won't it work??? Hello there, I need some help with my DIV tag as it isnt doing what I tell it to do. Heres a screenshot of it: And here is the CSS code: Code: body{
background-image: url(img/bg.gif);
font-family: verdana, arial;
font-size: 12px;
color: black;
}
#content{
height: 100%;
width: 750px;
background-color: #afafaf;
margin-left: auto;
margin-right: auto;
border: medium;
border-color: red;
border-style: solid;
padding-left: 5px;
padding-top: 5px;
}
#copyright{
height: 20px;
width: 740px;
background-color: #9f9f9f;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-bottom: 15px;
border: medium;
border-color: black;
border-style: solid;
}
Its the "copyright" one that is messing with me, as you can see the red border is there. But the small div tag wont center in the div tag. I hope you understand what I mean hi my name is salil. m working on a website completely in .jsp all the links are called in div containers. so just wanted to ask if is it possible to use the back button of the browser in that case... if yes how can we use it? currently when i click on the back button of the browser then i go to the previous visited site. thanking all of you for your feedbacks. salil i have a problem about using div tags in general and positioning layers on a page. i'm a beginner so forgive my way of asking but i would appreciate any help i could get in understanding it. hello, I have a html file that contains many lines. I want add a tag in every line so that I can display them with different color. How to do it? Thanks Who can HELP ME with divs First post on here, but I'm not really new to HTML. I just have a problem with the placing of a picture on a page. My website is www.fcumania.co.uk, which was created mainly with the use of a website designer - though these days I just edit it through Notepad. I have a problem whereby I need to add a small picture in the box where the crude "Hi-Resolution pictures" form is located. I can't seem to be able to edit the code, and the div tags in order to do this. I know it has something to do with the CSS, and so presuming you can view the source code on the main site, the CSS files are located he www.fcumania.co.uk/index_p.css www.fcumania.co.uk/index_g.css I'm sure all of you on here will be able to resolve this, and TIA if you can. Alastair. I was doing reading and practicing at the w3 site and came along the <pre>/</pre> tag section. I find it easier using these tags instead of the <p>/<p> tags as you don't have to insert <br> tags everytime you want to start a new sentence within your paragraph. Does it really matter as far as coding goes if you use this or is it just considered not proper coding techiques? Note: Also,i added a paragraph at the very end of my test page just using the <pre>/</pre> tags and the "Style/Type Attributes" did not apply to it.Why is this? Kindly, Texan This thread at the other site hasn't helped: http://www.coffeecup.com/forums/webs...colored-lines/ Is there any code I can use that will render a color line in Internet Explorer and the other browsers? All I have working now at http://www.ColoradoProcessServers.net is the Netscape browsers. Hi, " SPRAY TAGS" I've noticed this on CS source. Does anyone what exactly it is and know how to do them? Is it possible to define coordinates for the area in percentages of the image instead of pixels? For the map I want to use an image that resizes depending on the viewport resolution. Then pixel coordinates obviously don't work. I'm working on getting an article formatted, and have run into a problem putting links to sources in superscript. When used throughout the body of the article, the tags are working exactly like I'd want them to. However when I use the exact same tags after text in a bullet-point list, the font size for the link is larger than in the rest of the article. You can see what I mean he http://www.whatarenootropics.com/noo...ist/piracetam/ Any ideas why this is happening? I understand that there should only be one H1 tag in a document, but what about H2, H3 etc. For example if I had a page listing products I would apply the H1 tag to the category, but I think the products in the list would be of equal importance, so would it be semantically correct to apply H2 tags to the products? And to take it a bit further, if each of the product had options (i.e. sub-products), would it be correct to apply H3 tags to the options? e.g. <h1>Dogs</h1> <h2>Labrador</h2> <h3>Golden</h3> <h3>Chocolate</h3> <h3>Black</h3> <h2>Collie</h2> <h3>Border</h3> <h3>Rough</h3> <h3>Bearded</h3> <h2>Boxer</h2> <h2>Retreiver</h2> <h3>Golden</h3> <h3>Flat coat</h3> Thanks Hi there, I would like to recreate the image alt tag from ie in firefox.... well actually to be more specific create text to appear like that, when mouse over an image thats a button for a magnifyer. I expect its really simple, Ive been browsing the web for an answer but expect its too simple to be listed. Can someone give me the html code? can I slot it into the code below? <td height="547" colspan="3"> <div><a href="bic-vbig3.jpg" class="MagicMagnify" rel="disableAutoStart:true; size:200px;"><img src="images/paint/bic-big2.jpg" border="0"/></a></div></td> thankyou from a newbiee |
|||||||