Jump to content

Search the Community

Showing results for tags 'links'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 25 results

  1. Hello, I have the problems that when i use a link in a w3css Navbar, the link is at the top of the bar. What i have when i write everything in a single entry: Code: <div class="w3-bottom" style="margin-right: 20%"> <ul class="w3-navbar w3-red"> <li> Powered by <a href="https://www.w3schools.com/w3css/" title="w3css"> w3css </a> and <a href="http://fontawesome.io" title="fontawesome"> fontawesome </a> </li> </ul> </div> What i have when i write it in single entrys: Code: <div class="w3-bottom" style="margin-right: 20%"> <ul class="w3-navbar w3-red"> <li> Powered by <a href="https://www.w3schools.com/w3css/" title="w3css"> w3css </a> and <a href="http://fontawesome.io" title="fontawesome"> fontawesome </a> </li> </ul> </div> What i will have: I hop you can help me //Cripi
  2. Local links

    As i know local links are used to navigate between documents of a same website, but when i create a local link to a website ,it says File not found. What does it mean?
  3. Setting an href in a stylesheet

    I'm making a <table> of politicians. <th colspan="2">Name</th> <td><img></td> <td>List of Committes They Belong To <ul> <li>Budget</li> <!- These will -> <li>Finance</li> <!- be links -> </ul> </td> Something like that. Now, I want to make each committee name link to something that may change at some point - maybe, to start, it links to the Wiki about that committee, and maybe later I decide I'd rather link to the ".gov" instead. I'd like to avoid having to change every link in the HTML to do this. Is it possible to somehow use classes in the HTML and put the actual links in the CSS so I can make one change there to change all the instances of each link in the HTML? Did I explain that well enough?
  4. Random Links

    Hey so I am creating just a fun program where you can mix and match different tops, pants, and shoes. When you click an arrow button it changes the top, pants, or shoes. My code is not work. Please help, I think the problem is the way the link are placed. Please help. Here is my html: <!DOCTYPE html><html><head> <link rel='stylesheet' href='style.css'/> <script src='script.js'></script></head><body> <div class = "top"><div id = "randomtop"></div></div> <div id = "topright" onclick="toprightfnc()"><img class = "imgright" src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAAEaCAMAAABtrpZTAAAAM1BMVEX///+/v7+8vLzd3d3b29vBwcHs7OzMzMz7+/vX19fr6+vOzs709PTExMTg4ODn5+f29vaQxP3sAAAC50lEQVR4nO3d227iQBCE4eCEZMkCyfs/7bKKUAz4MB5Puqviv665+DTqLkuW8Dw9FeR8LvmVVM5d54Y+d7udGfr5QjZDf5Gt0FeyEfqbbIPuk03Qt2QL9D3ZAP1IlkcPkcXRw2Rp9BhZGD1OvqCfs3WDmSKLoqfJkug5siD6ZZYsh54/ZTl0GVkKXUoWQpfMshh6CVkEvYwsgV5KFkAvJ6eja8jJ6DpyKrqWnIiuJ6eh15CT0OvIF/SLHTkBvZ4cjm5BDka3IceiPxqZQYMGDboWfXBEW540aNCgq/PuWHmgQYMGDRo0aNCgQYPeGPrVEf3eyAx6LpbjARo0aAV0I7Mp+q8jmpkGDRp0Hdqy8kCDFkFbLiJo0OM5NjLTHqBBr8jRsj1AR6EbmUHPoveG6FdHtOd4gAY9gebhEoW2rDzQoCfQjcygQcugLRcRtB36zRFNe4CeQAfO9KcjeuPtARq0BtqyPUCHoR1n2nIRPdEnQ/TZ71XvRyPxbrc/RpFbnTLkGPIn5ACy4WAYkg0HAzJkyJCLc/IjG54yZMiQ08iGJQf5V5GbvS2KWz/IkH+Y7Ld+HWTIg4EcQd7/gQz5Md3JkGy3fpAhD8dv/QxLzpBs2cuGZLvGgDyR8kuRZ8lRs9yMHPcoaUcO6+UtDwZkyJAhQ1YjB4k3fsp+5DfIAWTDwQgjt7rg25McJN42OawxIEOGfE+mlyEPksP+Crrp9YM8ngNkK3JYyUH2Ioc9Sja9fpAh/xpykBgy5B8nG64f5PG0ugo9kNwKHfl9qEboYHILdDh5/f3tCeS16BTyuvGI/AjvTerv5ksj1590Irn2pJNmeQ06mVyDTicvv5tPgLy0pyXIy9CpjdFP+UzLkMvRQuRStBS5DC1GLkGLNEY/cz0tSJ5DS5Kn0XKzfM04WpY8vojC5DG0NHkYLU4eQsuTH9EG5Pv2sCDfok3IfbQN+RttRL6irchft9Wakf+j7cgX9CFb0M8/kH9frqpfpFQAAAAASUVORK5CYII="></img></div> <div id = "topleft"><img class = "imgleft" src = "https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR1pyUMwdx_XBdS_318Mi-l39JKwwmrTJ6onBiVNM-WpyEul9Er"></img></div> <div class = "moretop"></div> <div class = "pants"></div> <div id = "pantsright"><img class = "imgright" src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAAEaCAMAAABtrpZTAAAAM1BMVEX///+/v7+8vLzd3d3b29vBwcHs7OzMzMz7+/vX19fr6+vOzs709PTExMTg4ODn5+f29vaQxP3sAAAC50lEQVR4nO3d227iQBCE4eCEZMkCyfs/7bKKUAz4MB5Puqviv665+DTqLkuW8Dw9FeR8LvmVVM5d54Y+d7udGfr5QjZDf5Gt0FeyEfqbbIPuk03Qt2QL9D3ZAP1IlkcPkcXRw2Rp9BhZGD1OvqCfs3WDmSKLoqfJkug5siD6ZZYsh54/ZTl0GVkKXUoWQpfMshh6CVkEvYwsgV5KFkAvJ6eja8jJ6DpyKrqWnIiuJ6eh15CT0OvIF/SLHTkBvZ4cjm5BDka3IceiPxqZQYMGDboWfXBEW540aNCgq/PuWHmgQYMGDRo0aNCgQYPeGPrVEf3eyAx6LpbjARo0aAV0I7Mp+q8jmpkGDRp0Hdqy8kCDFkFbLiJo0OM5NjLTHqBBr8jRsj1AR6EbmUHPoveG6FdHtOd4gAY9gebhEoW2rDzQoCfQjcygQcugLRcRtB36zRFNe4CeQAfO9KcjeuPtARq0BtqyPUCHoR1n2nIRPdEnQ/TZ71XvRyPxbrc/RpFbnTLkGPIn5ACy4WAYkg0HAzJkyJCLc/IjG54yZMiQ08iGJQf5V5GbvS2KWz/IkH+Y7Ld+HWTIg4EcQd7/gQz5Md3JkGy3fpAhD8dv/QxLzpBs2cuGZLvGgDyR8kuRZ8lRs9yMHPcoaUcO6+UtDwZkyJAhQ1YjB4k3fsp+5DfIAWTDwQgjt7rg25McJN42OawxIEOGfE+mlyEPksP+Crrp9YM8ngNkK3JYyUH2Ioc9Sja9fpAh/xpykBgy5B8nG64f5PG0ugo9kNwKHfl9qEboYHILdDh5/f3tCeS16BTyuvGI/AjvTerv5ksj1590Irn2pJNmeQ06mVyDTicvv5tPgLy0pyXIy9CpjdFP+UzLkMvRQuRStBS5DC1GLkGLNEY/cz0tSJ5DS5Kn0XKzfM04WpY8vojC5DG0NHkYLU4eQsuTH9EG5Pv2sCDfok3IfbQN+RttRL6irchft9Wakf+j7cgX9CFb0M8/kH9frqpfpFQAAAAASUVORK5CYII="></img></div> <div id = "pantsleft"><img class = "imgleft" src = "https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR1pyUMwdx_XBdS_318Mi-l39JKwwmrTJ6onBiVNM-WpyEul9Er"></img></div> <div class = "morepants"></div> <div class = "shoes"></div> <div id = "shoesright"><img class = "imgright" src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAAEaCAMAAABtrpZTAAAAM1BMVEX///+/v7+8vLzd3d3b29vBwcHs7OzMzMz7+/vX19fr6+vOzs709PTExMTg4ODn5+f29vaQxP3sAAAC50lEQVR4nO3d227iQBCE4eCEZMkCyfs/7bKKUAz4MB5Puqviv665+DTqLkuW8Dw9FeR8LvmVVM5d54Y+d7udGfr5QjZDf5Gt0FeyEfqbbIPuk03Qt2QL9D3ZAP1IlkcPkcXRw2Rp9BhZGD1OvqCfs3WDmSKLoqfJkug5siD6ZZYsh54/ZTl0GVkKXUoWQpfMshh6CVkEvYwsgV5KFkAvJ6eja8jJ6DpyKrqWnIiuJ6eh15CT0OvIF/SLHTkBvZ4cjm5BDka3IceiPxqZQYMGDboWfXBEW540aNCgq/PuWHmgQYMGDRo0aNCgQYPeGPrVEf3eyAx6LpbjARo0aAV0I7Mp+q8jmpkGDRp0Hdqy8kCDFkFbLiJo0OM5NjLTHqBBr8jRsj1AR6EbmUHPoveG6FdHtOd4gAY9gebhEoW2rDzQoCfQjcygQcugLRcRtB36zRFNe4CeQAfO9KcjeuPtARq0BtqyPUCHoR1n2nIRPdEnQ/TZ71XvRyPxbrc/RpFbnTLkGPIn5ACy4WAYkg0HAzJkyJCLc/IjG54yZMiQ08iGJQf5V5GbvS2KWz/IkH+Y7Ld+HWTIg4EcQd7/gQz5Md3JkGy3fpAhD8dv/QxLzpBs2cuGZLvGgDyR8kuRZ8lRs9yMHPcoaUcO6+UtDwZkyJAhQ1YjB4k3fsp+5DfIAWTDwQgjt7rg25McJN42OawxIEOGfE+mlyEPksP+Crrp9YM8ngNkK3JYyUH2Ioc9Sja9fpAh/xpykBgy5B8nG64f5PG0ugo9kNwKHfl9qEboYHILdDh5/f3tCeS16BTyuvGI/AjvTerv5ksj1590Irn2pJNmeQ06mVyDTicvv5tPgLy0pyXIy9CpjdFP+UzLkMvRQuRStBS5DC1GLkGLNEY/cz0tSJ5DS5Kn0XKzfM04WpY8vojC5DG0NHkYLU4eQsuTH9EG5Pv2sCDfok3IfbQN+RttRL6irchft9Wakf+j7cgX9CFb0M8/kH9frqpfpFQAAAAASUVORK5CYII="></img></div> <div id = "shoesleft"><img class = "imgleft" src = "https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR1pyUMwdx_XBdS_318Mi-l39JKwwmrTJ6onBiVNM-WpyEul9Er"></img></div> <div class = "moreshoes"></div></body></html> And here is my javascript: function picture(img) { this.link = link;}//*All clothingvar top = new picture(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqsdG9ZJSEOvFjdUC3Z8SpHh02ML1kbmoq-zF8thO6OiPRESR_);var top2 = new picture(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqsdG9ZJSEOvFjdUC3Z8SpHh02ML1kbmoq-zF8thO6OiPRESR_);var pants = new picture();var pants2 = new picture();var shoes = new picture();var shoes2 = new picture();//*All topsvar tops = [top, top2];//*All pantsvar pants = [pants, pants2];//*All shoesvar shoes = [shoes, shoes2];//*topright random generatorfunction toprightfnc(){ var random = Math.floor(Math.random() * tops.length); var tops_generate = tops[random]; document.getElementById("randomtop").innerHTML = tops_generate.link;} Why isn't it working?
  5. Hi all I'm fairly new to html so bare with me... I have several restaurant websites, adapted from a template. I'll use this one as an example: http://feastaway.com/basic/ You'll see there is a navigation bar, with links to 'Welcome', 'Contact Us', 'Opening Times' and 'View Menu'. The first three are internal links to that section of the page and work like a dream. The fourth one, 'View Menu', is an external link which is supposed to open up a new tab, but when you click it all that happens is it becomes highlighted. It doesn't open the new tab or indeed the link in the existing tab. However, right-clicking and choosing 'open link in new tab' does the trick, so it obviously knows the link is there. Source code: </header> <nav id="navigation"> <div class="nav-container"> <ul> <li><a class="active" href="#welcome">Welcome</a></li> <li><a href="#contact">Contact <span class="extrabold">Us</span></a></li> <li><a href="#times">Opening <span class="extrabold">Times</span></a></li> <li><a href="http://feastaway.com/Campaigns/redir.php?ID=182" target="_blank">View <span class="extrabold">Menu</span></a></li> </ul> </div><!-- end .nav-container --> </nav> Any ideas!? Many thanks Graham
  6. HTML FORM HELP NEEDED

    I have a website I created by using WIX. I am trying to Create a Form for First Name, Last Name and E-mail address that I would like to Pass the First Name, Last Name and E-mail on to a URL: The URL http://www.mb103.com/lnk.asp?o=6189&c=71590&a=120164&s1=fname&s2=lname&s3=emaill/ The S1, S2 & S3 are sub ID fields. My Question is how do I get the s1, s2, & s3 data after hitting the submit button to be inserted in the url above. <!DOCTYPE html><html><body> <form method="get" action="http://www.mb103.com/lnk.asp?o=6189&c=71590&a=120164&s1=email&s2=email/">First Name: <input type="text" name="fname"><br><br>Last Name: <input type="text" name="lname"><br><br>E-mail: <input type="text" name="email"><br><br><input type="submit" value="Submit"></form> </body></html> Thanks.
  7. Need to Link Social Icons

    I just need help please with linking to my facebook correctly. Please be nice , and I'm sure this is pretty easy for everyone else, but I am having trouble with it. I have attached the file and image, if anyone can be good enough to help me out. My email is cafedesignercafe@gmail.com My Skype is evolution2design My facebook is facebook.com/rcmp004 Thank you so much ! config.xml
  8. loading a page in PHP

    Is there a way to load a page in PHP? Similar to the <a href=...../a> statement in HTML.
  9. Drop Down Menu Not Working

    My navigation's drop down menu just quite working. I'm not sure what the problem is. The coding is all there and looks fine, so does the CSS. I don't see anything that should be effecting it. Help? You can see the design here: http://sugar-baby.org/The navigation SHOULD drop down like this: http://i43.tinypic.com/1zodpbb.jpg
  10. I was studying this "You try it" on the W3 site:http://www.w3schools.com/css/tryit.asp?filename=trycss_linka:link {color:#FF0000;} /* unvisited link */a:visited {color:#00FF00;} /* visited link */a:hover {color:#FF00FF;} /* mouse over link */a:active {color:#0000FF;} /* selected link */and used the code in a page of mine.But my page always opened with the link colored green, as if the link had already been visited; whereas the sample shows its initial state as red, or unvisited, as the code comment indicates it should be.Curious, I changed the destination in the sample from "default.asp" to "http://www.google.com/" Then the unvisited, initial state of the link was green like mine, not red.I downloaded the code and replicated the sample on my website, with the same results when the destination was changed.Please advise.Thanks
  11. Hi Can someone point me in the direction of a tutor so I can learn how to remove or hide things using css. I'm running a wordpress woocommerce store and need to add css in a plug-in box that will remove or hide items. If I have to I can find the css sheet for the plug-in and work from there. I know how to build a basic css sheet to make my own pages but never tried to remove anything using css. Any help of where I can find a good tutor would be much appreciated.Kimberly
  12. Links aren't clickable

    I have anchor links on icons for social media at the top of my page. As far as I can tell, the links and anchors are coded correctly.But for some reason, I can't get the icons to be clickable.The website is www.cleantelligent.comHere's the code for the icons themselves: <!--SOCIAL LINKS--><style>#UpperLinks{ position: absolute; left: 50%; margin-left: 380px; white-space: nowrap; padding-top: 27px;}#UpperLinks img{ width:auto;}#PhoneTop{ font-family: 'News Cycle', sans-serif; color:#D1D1D1; position: absolute; left: 50%; margin-left: 345px; white-space: nowrap; margin-top: -12px;}</style><div id="PhoneTop"><img style="position:relative; top: 8px;" src="/wp-content/themes/cleantelligent/images/phonetrans.png" />(801) 375-0375</div><div id="UpperLinks"><a href="http://www.linkedin.com/company/cleantelligent_software" target="_blank" ><img height="22" width="22" src="/wp-content/themes/cleantelligent/images/linkedin.png" /></a><a href="https://twitter.com/#!/CleanTelligent1" target="_blank" ><img height="22" width="22" src="/wp-content/themes/cleantelligent/images/twitter.png" /></a><a href="http://www.facebook.com/CleanTelligent" target="_blank" ><img height="22" width="22" src="/wp-content/themes/cleantelligent/images/facebook.png" /></a><a href="https://www.youtube.com/CTsoftware" target="_blank" ><img class="socialicons" height="22" width="22" src="/wp-content/themes/cleantelligent/images/YouTubePlay.png" /></a></div><!--END OF SOCIAL LINKS-->
  13. Gallery Debugging help?

    I'm using a ZooEffect Gallery, which is great-except for two things; A) The images do not read links-despite them being a gallery option. You can't seem to change the font within the gallery-I tried being adjusting the CSS-to no avail, I put it back and then after a few days, ZooEffect got back to me with a solution, Which also didn't work. Most people seem to be able to pinpoint these issues using Safari Developer or FireBug. Can anybody pinpoint for me or at least tell me how I would do this? ThanksLauren
  14. Image links positioning...

    Hi all! I have a problem I can't figure out at all. In the image provided below, (you can also check http://www.simuscape...utalk/index.php), I have some imagelinks, (marked in red), located below the header and above the gold/beige background. But only the top of those imagelinks are visible, rather than being positioned in the middle of that dark background, approx. 17 px up from their current positioning. However, no matter how I try to change what's in the stylesheet, it also affects the Simuscape Index and Logout navigations, (marked in blue). What am I doing wrong and what do I need to do? Codes in stylesheet; /* Navigation--------------------- */ #menu { padding: 8px 0 0 1px; overflow: hidden;} #nav { padding: 0; margin: 0 auto; list-style-type: none; float: left; position: relative; left: 50%;} #nav li { float:left; position:relative; right:50%; } #nav a { display: block; width: 24px; height: 19px; margin: 0 0px 0 0px; Edit to add 1// Made another change in the stylesheet for each imagelink; Code from; .home { background: url("{T_IMAGESET_LANG_PATH}/home.png") 0 0 no-repeat; to; .home { background: url("{T_IMAGESET_LANG_PATH}/home.png") 0 -18px no-repeat; The result; The images were placed more accurate, but parts of the top is cut off and the hover images are in the wrong position... Edit to add 2// Okey, by reducing the transparent area between the home.png and the hover effect on the same .png, I have managade to allign them. The only actual problem at the moment is that these image links are cut off on the top... How to address this issue?
  15. Iframe links for mobile phones

    I have put a few amazon banner links on my website, but I am noticing that they are not clickable when viewing on a smart phone. I am assuming this is because they are wrapped in an Iframe.Is there a way to make this work on mobile devices? I am thinking I could try wrapping the iframe in an <a> tag that points to the same page but with its own link. So the banner link will show like a picture, but it wont be the actual link. Would this work? And would it affect the banner link itself when clicked on in a normal browser. <iframe src="http://rcm.amazon.com/e/cm?t=jonsonliport-20&o=1&p=12&l=ur1&category=software&banner=0BSSVHTA3XB4Y210FD82&f=ifr" width="100%" height="250" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>
  16. Javascript Links [SOLVED]

    Can someone please give me some example code so I can link a webpage to another using javascript? This is my code at the moment:- document.onkeydown = function(e) { e = e || window.event; // because of Internet Explorer k = e.which || e.charCode || e.keyCode; // because of browser differences... if (k == 49 && !e.altKey && !e.ctrlKey && !e.shiftKey) { string.link(link.html) } else { return true; } return false; } This won't link me to the other link when "1" on the keyboard is pressed... Please Help!
  17. Create pagination links and function

    Hi, I'd like some help please. I'm trying to create a pagination that will display the links of the pages like this:<a href="#">First Page</a><a href="#">Previous Page</a><a href="#">Next Page</a><a href="#">Last Page</a>Not showing numbers Here's my code so far: <?php$per_page = 20;$page = (isset($_GET['page']) === true) ? (int)$_GET['page'] : 0;$start = $page * $per_page; $query = "SELECT `users`.`user_id` AS `id`, `users`.`first_name` AS `firstname` , `users`.`last_name` AS `lastname`, `users`.`email` AS `email`, FROM `users` ORDER BY `users`.`user_id` DESC"; $query_limit = sprintf("%s LIMIT %d, %d", $query, $start, $per_page);$sql = mysqli_query($connection, $query_limit) or die(mysqli_error());$row_sql = mysqli_fetch_assoc($sql); $all = mysqli_query($connection, $query);$total_rows = mysqli_num_rows($all); $total_pages = ceil($total_rows/$per_page)-1;//$previous_page = ($page > 0) ? $page - 1 : 0;//$next_page = $page + 1;?><html>....<?php do { ?><td><?php echo $row_sql['firstname']; ?></td><td><?php echo $row_sql['lastname']; ?></td><td><?php echo $row_sql['email']; ?></td><?php } while ($row_sql = mysqli_fetch_assoc($sql)); ?>...<!--- pagination links go here ---> Is it also possible to put it and inside a function where I can pass the $query and the $per_page so that I can re-use it???
  18. Organizing / Cross-Posting "Linkblog"

    Hello, At my website, I am trying to design a record of the articles I read similar to Richard Stallman's Political Notes or, Dave Winer's more complicated linkblog. Browsing Stallman's html, I understand that each note has an anchor that organizes it by date. Then, I'm not totally sure how, the notes are sort of cross posted to date-specific pages available from the links at the top of the page. In Stallman's markup, there's a comment indicating a line needed for scripts, which leads me to believe that Stallman uses some kind of script to quickly organize each note into the date-specific pages. Without having to create a script, is there some way I can organize my links into category-specific pages with them also appearing on the main notes subdomain? If I do need to use a script, does anyone know of something basic I can use to do what I need? Thanks for any and all help. Let me know if this needs to be clarified. Take care, Gabriel
  19. footer links vs in paragraph links

    I have a basic page set up. I have <a href></a> links in the body and in the footer. My page is set up with divs and ids and all the styles are set in my CSS sheet. How to I set the links in the footer to a different color than the ones in the body?
  20. Border around links

    Hello!When making a border in CSS, can you put a border around a bunch of links? I wanted to make a square over my side bar of links.Thanks.
  21. Hi I'm just learning CSS/HTML (self-taught) and am curious about the process required to achieve something like the image that can be seen on this blog page: http://theletteredcottage.net/our-house/ Any advice/info, and in particular some example code, would be fantastic. As stated, I'm only a newbie so simple explanations with limited jargon much appreciated :-) Thanks so much!
  22. Textarea Ruins Footer Navigation

    Hi. I have a website using a PHP require_once template that I created myself. I required the template file in my head, and it has functions to include the header, top navigation, and footer (which includes a smaller navigation menu as well). The whole website works like a charm, except for the footer navigation on the contact page. It works perfectly fine on all other pages, as well as when I comment out the textarea on the form. I have been studying and experimenting with HTML and CSS for some time now, and have never run into this problem. If I put a link immediately after the submit button, it works fine. But the navigation in the footer is rendered as text rather than links when my form has the textarea. Here is my HTML, pulled from View Source so as to show what each PHP function is doing, rather than having to post the PHP template file as well: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><!-- Title --><title>Brink Roofing Division</title> <!-- Meta Information --><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><meta name="author" content="Mark" /> <!-- Stylesheets --><link rel="stylesheet" type="text/css" href="css/style.css" /><link rel="stylesheet" type="text/css" href="css/formStyle.css" /> <!-- !IE7 Fix --> <!--[if !IE7]> <style type="text/css"> #container { display: table; height: 100%; } </style> <![endif]--></head><body><div id="container"> <div id="header"> <div class="content"> <a href='index.php'><img src='images/brinklogo.jpg' alt='Brink General Contractors' /></a> <ul id='header_nav' class='menu'> <li><a href='index.php'>Home</a></li> <li><a href='about.php'>About</a></li> <li><a href='services.php'>Services</a></li> <li><span class='current_page'>Contact</span></li> </ul> </div> </div> <div id="main"> <div class="content"> <!-- Form --> <form method="post" action=""> <!-- Name --> <div class="line"> <div class="label"> <label for="name"> Name: </label> </div> <div class="input"> <input type="text" id="name" name="name" tabindex="1" /> </div> </div> <!-- E-Mail --> <div class="line"> <div class="label"> <label for="email"> E-Mail: </label> </div> <div class="input"> <input type="text" id="email" name="email" tabindex="2" /> </div> </div> <!-- Subject --> <div class="line"> <div class="label"> <label for="subject"> Subject: </label> </div> <div class="input"> <input type="text" id="subject" name="subject" tabindex="3" /> </div> </div> <!-- Message --> <div class="line"> <div class="label"> <label for="message"> Message: </label> </div> <div class="input"> <textarea id="message" name="message" tabindex="4"></textarea> </div> </div> <!-- Submit --> <div class="line"> <div id="submit"> <input type="submit" id="send" name="send" tabindex="5" value="Send" /> </div> </div> </form> </div> </div></div> <div id="footer"> <div class="content"> <span class='left'>© Brink General Contractors <br />Website by Mark Little</span> <span class='right'> <ul id='bottom_nav' class='menu'> <li><a href='index.php'>Home</a></li> <li>|</li> <li><a href='about.php'>About</a></li> <li>|</li> <li><a href='services.php'>Services</a></li> <li>|</li> <li><a href='contact.php'>Contact</a></li> </ul> </span> </div></div></body></html> And my main CSS file: @charset "UTF-8";*{ margin: 0; padding: 0;} html, body{ margin: 0; padding: 0; height: 100%; background-color: #ffffff; font-family: Tahoma, sans-serif;}/* Div */#container{ position: relative; display: block; margin: 0 auto; min-height: 100%; width: 100%;} #header{ position: relative; display: block; margin: 0 0 -136px 0; height: 136px; border-bottom: 2px solid #0c71b7; background-color: #ffffff; z-index: 2;} #main{ position: relative; display: block; padding: 150px 0 80px 0; z-index: 1;} #footer{ position: relative; display: block; margin: -60px auto 0; height: 60px; width: 100%; background-color: #0c71b7;} .content{ position: relative; display: block; margin: 0 auto; width: 970px; overflow: auto; padding: 0 5px; height: 100%;} #footer .content div { position: relative; display: inline-block; width: 250px; height: auto; margin: 10px 0 0 0; } #footer .left { float: left; } #footer .right { float: right; } /* Navigation */ul.menu{ position: relative; display: inline; margin: 0; padding: 0; float: right; list-style-type: none;} ul.menu li{ position: relative; display: inline; margin: 0 5px 0 0; padding: 0; float: left;} ul.menu li:last-child{ margin: 0;} ul.menu li a{ position: relative; display: block; margin: 0; padding: 0; width: 100%; text-decoration: none; color: black;} /* Header Nav */ul#header_nav { position: absolute; bottom: 0; right: 5px; } ul#header_nav li, ul#header_nav li a, ul#header_nav li span { width: 100px; background-color: #0c71b7; border-top-right-radius: 5px; border-top-left-radius: 5px; } ul#header_nav li span { display: block; background-color: #000000; } img{ border: none;} /* Text */ul#header_nav li, ul#header_nav li a, ul#header_nav span{ text-align: center; text-decoration: none; color: #ffffff; font-weight: bold;} #footer, #footer a{ font-size: 12px; color: #ffffff;} #footer a:hover{ text-decoration: underline;} And my form CSS file: @charset "UTF-8";form{ position: relative; display: inline; float: left; width: 490px; height: auto;}/* Div */.line{ position: relative; display: block; width: 490px; height: auto; overflow: auto; margin: 0; padding: 15px 0 0 0;} .line:first-child{ padding: 0;} .line .label{ position: relative; display: inline; margin: 0; padding: 0; width: 60px; height: auto; float: left; clear: left; text-align: right;} .line .input{ position: relative; display: inline; margin: 0; padding: 0 0 0 10px; width: 420px; height: auto; float: left; clear: right;}/* Input */input[type="text"]{ position: relative; display: block; width: 200px; height: 20px; border: solid 2px #0c71b7; border-radius: 5px; -moz-border-radius: 5px;} textarea{ position: relative; display: block; min-width: 400px; max-width: 400px; width: 400px; min-height: 250px; max-height: 250px; height: 250px; border: solid 2px #0c71b7; border-radius: 5px; -moz-border-radius: 5px;} /* Text */label{ font-size: 14px;} input[type="text"], textarea{ font-size: 12px; font-family: Tahoma, Geneva, "sans-serif"; padding: 3px 5px 3px 5px;} input[type="text"]:focus, textarea:focus{ border: solid 2px #999999;} input[type="submit"]{ position: relative; display: block; width: 90px; height: 30px; float: right; margin: 0 5px 0 0; font-weight: bold; background-color: #0c71b7; color: #ffffff; border: 1px solid #0c71b7; border-radius: 5px; -moz-border-radius: 5px;} input[type="submit"]:hover{ background-color: #000000;} input[type="submit"]:active{ background-color: #999999;} Any help would be greatly appreciated! I have tried putting a line break after the textarea. That was the only kind of answer I found on Google. I have also tried to put the form in a fieldset, thinking that may work. Nothing seems to work except for eliminating the textarea, which isn't exactly logical. Thanks,Mark
  23. Troubles with Navigation Bar

    I'm learning with your tutorials how to build a web using css and I have problems to style the navigation bar. First, My logo (which is also my link to the home page) appears with a square around it with links characteristics but it only happens in IE. I also want to put the text that are the links to the inner pages on an image (circle) but i don't find the way to do it. Could anybody help me with these two problems please?
  24. In the HTML tutorials, all images were added from a web location (img src="url"/>), when creating my new site, how do i add the images which are on my computer. Do I have to upload the images to a FTP location on the web first and then create the web pages? OR Should i create everything under one folder on my computer and then upload the entire folder to the web host?
  25. Link Display Issue In Ie7

    I have text-decoration: none for links in my code which works fine in Google Chrome, Firefox and IE9 but in IE7 some links randomly display as underlined. Any way of fixing this? Here's the code: a:link {color: #42413C;text-decoration: none;}a:visited {color: #42413C;}a:active, a:focus {text-decoration: none;}a:hover {color: #980000;} Thanks
×