|
HTML - Problem Whit Dir Attribute In Chrome
Similar TutorialsHey,I use an iframe on my site but if i wanna open a page it opens in a popup but its supposed to open in the iframe.. what am i doin wrong?? this is my iframe: Code: <iframe src="Home.html" name="Content" width="100%" height="400" marginwidth="0" marginheight="0" frameborder="0" > </iframe> this is my menu: Code: <h1>Home</h1>
<a href="../index.html" target="content"">Index</a>
<a href="forum.html" target="content>Forums</a>
<a href="mailto:" target="content>Contact</a>
<h1>Anime</h1>
<p><a href="naruto.html" target="content">Naruto</a>
<a href="dragonball.html" target="content">Dragonball </a>
<a href="dragonballz.html" target="content">Dragonball Z</a>
<a href="dragonballgt.html" target="content">Dragonball GT</a>
<a href="bleach.html" target="content">Bleach</a>
<h1>Games</h1>
<p><a href="f2p.html" target="content">F2P MMORPG</a>
<a href="p2p.html" target="content">P2P MMORPG</a>
<a href="role.html" target="content"><strong>TBRPG</strong></a></p>
Hi Guys, This is my first post on this forum. Basically, Ive agreed to turn someone website, into a joomla template, and then format articles and such until it looks exactly like the original site. This would give them the ability to add their own content without my help(I offered to redo the site, but they like their current one even though its quite bad). All was going well, and I sent out an email to check the progress of the site to the client, and he replied to me that the site was all distorted in Safari. Being a windows programmer, I was used to IE/firefox, Safari and the other browsers never really crossed my mind. Anyway, I downloaded safari, chrome and opera, and tested the sites out. Opera they were fine, but chrome and Safari, some things align WAYYY to the left, almost off screen. I'm guessing it may be a CSS issue, but Ive checked, rechecked, deleted, restored almost everything and its still messed up in those browsers! This is a paying client, so I need to get this sorted out as soon as possible. The pages in question are he http://www.longboardcapital.net/inde......7&Itemid=27 http://www.longboardcapital.net/inde......48&Itemid=2 Ive paused on content creation, as this is a big problem. Have any of you ever experienced the same or similar problem? can you all offer any suggestions? Thank you so much for your help, -Tim problem is fixed, no need to read. Hello, I have a website that displays fine in every browser I've tested but Chrome. The only problem is my borders. In order to get fading rounded edges I made each block a 3x3 table, like this: Code: <div class="general"><table class="bgtable"><tr><td class="bgtopleft"></td><td class="bgtopcenter"></td><td class="bgtopright"></td></tr> <tr><td class="bgleft"></td><td class="primary"> example post </td><td class="bgright"></td></tr><tr><td class="bgbottomleft"></td><td class="bgbottomcenter"></td><td class="bgbottomright"></td></tr></table></div> and here's the applicable portion of my stylesheet: Code: body
{
font-family: sans-serif;
font-size:11pt;
letter-spacing : 0.03em;
line-height : 130%;
color:white;
background-color:white;
}
.container
{
margin: 0 auto 0 auto;
width: 900px;
}
.general
{
background-color:#70a055;
margin: 0px 135px 10px 130px;
}
table.bgtable
{
border:none;
border-collapse: collapse;
width:635px;
}
table.bgtable tr
{
border:none;
}
.bgtopcenter
{
height:20px;
background-image:url(/data/bgtopcenter.gif);
background-repeat:repeat-x;
}
.bgtopleft
{
height:20px;
background-image:url(/data/bgtopleft.gif);
width:18px;
overflow:hidden;
}
.bgtopright
{
height:20px;
background-image:url(/data/bgtopright.gif);
width:18px;
overflow:hidden;
}
.bgbottomcenter
{
height:20px;
background-image:url(/data/bgbottomcenter.gif);
background-repeat:repeat-x;
}
.bgbottomleft
{
height:20px;
background-image:url(/data/bgbottomleft.gif);
width:18px;
overflow:hidden;
}
.bgbottomright
{
height:20px;
background-image:url(/data/bgbottomright.gif);
width:18px;
overflow:hidden;
}
.bgleft
{
background-image:url(/data/bgleft.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
.bgright
{
background-image:url(/data/bgright.gif);
background-repeat:repeat-y;
width:18px;
overflow:hidden;
}
In most browsers everything lines up right, but in chrome it looks like this: Any suggestions? Thanks for reading. hello , i have been trying to create a sort of image slideshow. the problem is that in firefox it displays correctly with rounded corners , but in chrome the rounded corners ( using css3 ) are being 'hidden' at the back although it is there . here's a demo of my work : http://anisa.me/work/ Any help would be highly appreciated . Hello, I'm new to the forums =) I'm currently having a problem with my navigation which involves images. Initally I used the traditional image map method using area maps and the usemap function but it only worked in the webpage itself, and when the webpage shows in an iframe the links are nonexistent. So I sliced my navigation to give the sliced images the url link instead. As usual, they work on their own but when the page is shown in an iframe, some of the links disappear (you can't even hover on them) only in Firefox, Chrome and Safari. But some of the links are also still intact. In IE and Opera they work perfectly fine. Below is the code for the page which contains the navigation and links aforementioned, which will be displayed in an iframe of another page: Code: <!-- ImageReady Slices (mainframe.jpg) --> <table id="Table_01" width="971" height="565" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="4"> <img src="images/mainframe_01.gif" width="200" height="531" alt=""" style="z-index:-3;"></td> <td> <a href="defence.html" target="_parent" onmouseover="window.status='STET Defence'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_02.gif" width="332" height="163" border="0" alt="" style="z-index:1;"></a></td> <td rowspan="4"> <img src="images/mainframe_03.gif" width="438" height="531" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="163" alt=""></td> </tr> <tr> <td> <a href="maritime.html" target="_parent" onmouseover="window.status='STET Maritime'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_04.gif" width="332" height="134" border="0" alt="" style="z-index:1;"></a></td> <td> <img src="images/spacer.gif" width="1" height="134" alt=""></td> </tr> <tr> <td> <a href="homelandsec.html" target="_parent" onmouseover="window.status='STET Homeland Security'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_05.gif" width="332" height="138" border="0" alt="" style="z-index:1;"></a></td> <td> <img src="images/spacer.gif" width="1" height="138" alt=""></td> </tr> <tr> <td rowspan="2"> <a href="centre.html" target="_parent" onmouseover="window.status='STET Centre'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_06.gif" width="332" height="130" border="0" alt="" style="z-index:1;"></a></td> <td> <img src="images/spacer.gif" width="1" height="96" alt=""></td> </tr> <tr> <td> <a href="https://mail.stet.com.sg/owa/auth/logon.aspx?url=https://mail.stet.com.sg/owa&reason=0" target="_parent" onmouseover="window.status='Login to Intranet'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_07.gif" width="200" height="34" border="0" alt="" style="z-index:1;"></a></td> <td> <a href="sitemap.php" target="mainframe" onmouseover="window.status='Lost?'; return true;" onmouseout="window.status=''; return true;"> <img src="images/mainframe_08.gif" width="438" height="34" border="0" alt=""></a></td> <td> <img src="images/spacer.gif" width="1" height="34" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> <div id="pict" style="position:absolute;top:200px;left:10px;z-index:0;"> <iframe name="news" src="news.php" FRAMEBORDER=no name="frame" allowTransparency scrolling=auto style="filter:chroma (color=#FFFFFF)" width="185" height="90"></iframe> </div> There is another iframe in this page which I wonder might be causing the problem. However even when I removed it the problem remains. Any ideas how to fix it? Would really appreciate the help, thanks! I 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? 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 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? 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? 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 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 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. 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 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! 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 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! Greetings Again, My page is hosted he http://dmrosemark.webuda.com/index.html So 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?? |
|||||||