|
HTML - Link Problem With Css.
I am having problem with links creation. Please have a look at http://www.outsourcingi.com/articles.php you will see there are two link bars one is at top and other one is on left side.
now if i click on a link it get disappeared same is the case of top links. One more thing can i give <h1> to my link or not? thanks Similar TutorialsHey everyone, i am using 000webhost.com and i am trying to hook up my products link. I made a file called something.html and this is going to be the link that my site goes to afte they click products So in link section of the code that is defaulted to "#" i put something.html but it didnt work... i uploaded the something.html with ftp to my file manager... What do i put in the "#" part to get it to link up to my new filleee thanks.... Hi I would like to know what is wrong with my coding, because for some reason my links doesn't want to work and I can't understand why. This is my code: Code: <div id="container">
<div id="banner">
<h1>
Welcome to the Grada djeri
</h1>
</div>
<div id="nav">
<?php echo $this->page('view');?>
</div>
<div id="content">
</div>
<div id="footer">
<a href="/pages/about_me">About Me</a>
<a href="/pages/contacts">Contacts</a>
</div>
</div>
The links are in the footer section I am having problem with a hyperlink to PDF file with form fields. When I click on the hyperlink the new window opens and says "done" but the PDF file does not open automatically. "Right-click and save target as" works, though. I tried linking PDF file without the form field and worked fine. Definitely something to do with the form on pdf file. Could anybody give me some help? I want this form to be open when I click...Thanks... Hello, I've got the following problem: <a href="webpage.html"><h2>textlink<h2></a> This works! But I need more text links on one line and so I typed: <h2><a href="webpage.html">link to page</a> <a href="webpage2.html">link to page2</a></h2> Result: links are working, they are on one line, BUT the <h2> is not working anymore and the text is default. What Do I have to do now? Cheers! Roy Hey, im making a portfolio site and i am linking my images except when i link them i get a small blue border around it whihc moves it down a bit and it looks outta place i was wondeirng is there anyway to take this border out or not plz help. heres what it looks like be4 and after. In IE this code (not underlined link in table at the end of page) <TABLE width="300" border="1"cellspacing="2" cellpadding="2"> <TR> <TD ALIGN="center"> <style type="text/css"> <!--A:link {text-decoration:none; color="white"} A:visited {text-decoration:none; color="white"} A:hover { text-decoration: none; color="RED"} --></style><font face="ARIAL" size="3" ccolor="white"> <a href="index.html" style="cursor:crosshair"><b>HORARY SPORTS ASTROLOGY</b></a> </TD></tr></table> works fine (regarding colors) but when I look same page in Mozilla Firefox colors does not works. In IE color of "HORARY SPORTS ASTROLOGY" is white in Mozilla color is light green? Page:http://www.astrosport07.webs.com/kimitrue.html Is there something that I could add (and where? I am not expert) to make that colors works in Mozilla too? Thanks for answer. Hi all, I am a beginner. I'm using frames and I'm putting a 1 by 1 table inside a link so that the whole cell is a link: <a href="./home.html" target="rt" style="text-decoration: none"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr style="font-weight: bold; color: rgb(255, 255, 255);"> <td style="vertical-align: top; background-color: rgb(0, 102, 0);">   Home </tr> </td> </tbody> </table> </a> Everything works fine in Firefox but the links don't work in Explorer. Any tips? Thank you! The entire .html files are below. The main file (1) index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title> Homepage of David Titley-Peloquin </title> </head> <noframes> You need a frames-enabled browser to view this website!!! <meta http-equiv="refresh" content="3;URL=http://www.cs.mcgill.ca/~dtitle/indexold.html"> </noframes> <frameset frameborder="100" framespacing="0" border="0" rows="100,*"> <frame marginheight="20" marginwidth="20" noresize="yes" border="0" scrolling="off" src="./logo.jpg"> <frameset frameborder="100" framespacing="0" border="0" cols="180,*"> <frame marginheight="0" marginwidth="10" noresize="yes" border="0" scrolling="auto" src="./menu.html"> <frame marginheight="0" marginwidth="10" noresize="yes" border="0" scrolling="auto" src="./home.html" name="rt"> </frameset> </frameset> </html> and the menu in the left frame (2) menu.html <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>menu</title> </head> <body> <a href="./home.html" target="rt" style="text-decoration: none"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr style="font-weight: bold; color: rgb(255, 255, 255);"> <td style="vertical-align: top; background-color: rgb(0, 102, 0);">   Home </tr> </td> </tbody> </table> </a> </body> </html> I need help with HTML problem that i am having. I am using Dreamweaver to design a web site. I have created a music link <a href="Reciters/Mishary-Rashid-Alafasy/001-Fatihah.mp3">Al-Fatiha</a> In Browser when I click this link it opens window Media player and starts to play the mp3 file but my main web page is replaced with blank page and i can not understand why the main page is replaced with blank page. Your help in this is very much appreciated. Thanks I am having a problem with my anchor links disappearing when I click on one. I don't know what is causing this to happen. Here is the link to the problem. When you click any of the links, it takes you to the right place. But scroll back up and you will see that 2 of them disappear. http://www.white-candle.net/Our-Other-Products.html Relevant Code: HTML Code: <CENTER><p> <a href="#bathnbody">Natural Bath And Body Products</a><br> <a href="#cosmetics">Natural Cosmetics</a><br> <a href="#skincare">Natural Skin Care</a></p></CENTER> and the anchor names: HTML Code: <a name="bathnbody"><hr></a> <a name="cosmetics"><hr></a> <a name="skincare"><hr></a> Ok, what is the code to put in to get this done? I have image at: images/tables/image.jpg and i need to show it at work/portfolio/index.html The problem is if i link to images/tables/image.jpg it will now show it cause the path is wrong at work/portfolio/index.html, how do i set path to the image? do i just put ../images/tables/image.jpg or what is the right code? thanks! http://alexc.awardspace.com/index.htm I made a div box into a link and in IE it works fine, only the outlined div is clickable. However in FF not only is the outlined div clickable, but the whole top part is. Its weird and I don't know whats wrong with it. Heres the code: html <body> <div id="main"> <a href="index.htm"><div id="logo"></div></a> </div> </body> </html> CSS body { background:url(images/cork.png); margin:0; padding:0; } #main { width:950px; height:750px; background:url(images/bg.jpg); margin:0px auto; } #logo { width:480px; height:90px; margin-left:45px; cursor:pointer; border:1px solid #000000; } i'm trying to give a url link to a image...but after i gave the link, that image appears to be bumped up and automaticaly put a blue border around that image. site reference is mahinthan.net46.net plz help me to get rid from this problem thanks Hey all. I'm having a problem with my website's image links. For some reason there are orange bars around all of the images that are in link tags, and when you click on them they turn purple. They're very tacky and I have no idea why they're there. Here's my website's URL: www.populous3.co.nr Here's the code for one of the pictures: Code: <a href="images.htm"><img src="/images/images.jpg" /></a> Any help will be appreciated! Thanks, Suleiman I have taken over a newsletter and was attempting to recreate a menu item using Dreamweaver used by the previous author in the newsletter menu that she created using constant contact and was successful of course on my computer, but when I sent out the newsletter, if one used the a href link instead of being taken to the document a name link as intended it began a search on the recipients computer. Any suggestions. Thanks hello, i'm having a problem where i have a simple link on my web page, when i click on this link i want a window to open in the center of the screen with simple text and a close button. in a standalone environment, the following code almost does it for me: Code: <html>
<head>
<script>
<!--
function wopen(url, name, w, h)
{
w += 32;
h += 96;
wleft = (screen.width - w) / 2;
wtop = (screen.height - h) / 2;
var win = window.open(url,
name,
'width=' + w + ', height=' + h + ', ' +
'left=' + wleft + ', top=' + wtop + ', ' +
'location=no, menubar=no, ' +
'status=no, toolbar=no, scrollbars=no, resizable=no');
win.focus();
}
// -->
</script>
</head>
<body>
<a href="page1.html" target="popup"
onClick="wopen('page1.html', 'popup', 300, 200); return false;">
Open Window</a>
</body>
</html>
My question is, how do integrate this into my webpage. In the place where I have the link, I obviously have to use the "<a href="page1.html"..." but how do I seperate the function wopen and the html page above. Because the way the above code works is that it gives me a "Open Window" link, when I click on it - the new page also has the "Open Window" link in it. any guidance will be helpful. thanks! Hi, I am working on a website: hxxp://www.webjuicer.be When I click on "contact" I've added <a name="top"> tag on that page, that's why the url includes #top. (the browser should automatically scroll down to that tag on the page) Normally, like I've always learnt, this is a basic tag and should work in all browsers. However, it seems that Internet explorer has more difficulties with it. In IE it only works when I press "contact" twice, and therefore it's useless. Any one knows what I've did wrong? Thnx very much! Hi I have this problem that my comment script is located at public_html/comments but the page that needs it is at public_html/hamburgerbar/fish/dish so in the code when i have the php include pointing at /comments, its not working how do i make the browser understand where the comments its? cause i tried with http://www.mysite.com/comments and it says permission denied. However when i move the target page in the comment folder it works like a dream. So how do i point my include link there? Thanks for help! I am having trouble with a link in a widget on my blogger blog. The widget is titled "NQTC Followers" The words "Follow This Blog" leads to a blank screen. The link is "javascript:_FollowersView._openPopup("http://www.blogger.com/follow-blog.g?blogID=7259025587922523478");" When I click that its just blank, so I jsut want it to link to "http://www.blogger.com/follow-blog.g?blogID=7259025587922523478". I can't seem to figure out how to edit the HTML though to change the link from the first thing to the second thing. Here is what the HTML shows for this widget: Code: <b:widget id='Followers1' locked='false' title='NQTC Followers' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<data:codeSnippet/>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>
<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
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! |
|||||||