|
HTML - Misaligned Link And Text
It's a simple problem. I have a set of anchors that are the navigation for my site. They are very simply rendered as CSS-styled text with links. There's no Javascript (Not controlling the basic layout in any case).
The issue is that the "link" (The clickable area) is displaced vertically from the associated text. I'm guessing that this is a rendering bug in Firefox, but I'd like to be sure that I've not just done something stupid first. In any case, the site in question is http://portfolio.hoovesofdestiny.co.uk. The links are those at the top of the page. The pages all validate according to the W3C, as does the CSS. Jon Similar TutorialsHi guys, I got a quick question. I can't for the life of me understand why the youtube, facebook and twitter images below absolutely insist on having a few pixels of space to the bottom of it's line. It makes it so the following link-text seem to be too low on the line in comparison to the image. If you see in the lower left corner of www.leveldance.com you can see what i mean. Any ideas? (I have no padding added in the css) Thanks a million in advance! HTML Code: <div class="left_col_container">
<div><img src="images/navigation/sociables_headline.png" alt="Join Our Community!"/></div>
<p style="margin-top: 5px; margin-bottom: 0px">Join the newsletter!</p>
<style type="text/css">.af-form {margin:0 !important;}</style>
<script type="text/javascript" src="http://forms.aweber.com/form/36/693624936.js"></script>
<div style="margin-top: 5px">
<a class="sociables" href="http://www.facebook.com/leveldance" target="_blank"><img src="images/sociables/faceBook-icon.png" class="no_border" alt="Find us on Facebook!"/></a><a class="sidebutton" href="http://www.facebook.com/leveldance" target="_blank"> Find us on Facebook!</a>
</div>
<div style="margin-top: 5px">
<a class="sociables" href="http://www.twitter.com/leveldance" target="_blank"><img src="images/sociables/twitter-icon.png" class="no_border" alt="Follow us on Twitter!"/></a><a class="sidebutton" href="http://www.twitter.com/leveldance" target="_blank"> Follow us on Twitter!</a>
</div>
<div style="margin-top: 5px">
<a class="sociables" href="http://www.youtube.com/user/leveldancenyc" target="_blank"><img src="images/sociables/youtube-icon.png" class="no_border" alt="See us on YouTube!"/></a><a class="sidebutton" href="http://www.twitter.com/leveldance" target="_blank"> See us on YouTube!</a>
</div><br/>
</div> <!-- left_col_container end -->
so i'm working on my new site and everything seemed to be working find until i got to the 8th image since the image is wide instead of a scroll arrow appearing to scroll the page over, the image just collapses below my other divs to fit. can anyone help me fix this? thanks in advance guys this is the website http://www.paulodourado.com/x_milk.html and this is the page where I encounter problems http://www.paulodourado.com/thrice.html How do I Link text in a div, h1, h2, p to an external text file or xml file - I don't really know how to ask the question. I think I need an xml file that can be easily edited by a user saved to the server to update an xhtml page text without the user getting bogged down in html. I don't want to use joomla or cms. <Any ideas />? Best wishes, mas Hello, I am new here and relatively new to using HTML. I am a hardwood distributor and I am trying to get a text box and submit button that would allow a consumer to type in their zip code and have it link to a page that displays a list of our contractors. For example, a consumer navigates to our page looking to get their floor installed. They put their zip code in the text box, hit submit, and it brings them to a page that has names and contact info to installers in their area. I know I'll have to get a long list of zip codes, and I will need to have it link to another page that says "we have no installers in your area" if they input a zip code that is not in our distribution area. If anyone has an HTML script that I could use it would be greatly appreciated. Thank you so much! Brian Hey guys, in IE my text is fine but if you open http://canapictures.com/cast.html in firefox all the text is blue and is linked... How do I change this? How do I change the text size of a link HTML Code: <a href = "E:\Senior Project\pizza.html target="_blank" style= "color:blue">PIZZA</a> Hi On my site, I have a menu on the left hand side. When the mouse is over each option, the inner part of the table turns blue. Once you click on the text inside the mini table-button, it takes you to where you want to go. I would like it so that when you click on any part of the table-button it takes you to where you want to go, instead of having to pin-point the cursor to the text. If you try on my site, I'm sure you will see what I mean. It isn't a major problem, it is just somthing I feel would enhance the user-bility. www.vivalefrench.com Hope you can help, thanks Hello again I need to open a page of text from a text link as its too much on one page What is the code please to do it and I gues I have to find the page address too and upload the page with ftp? 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 Hi, My problem is i can a marquee scrolling up inside an image, but on different browsers load the text in different places. Is there a way i can code it so the text position is relevant to the image or will i have to maybe make it one image somehow? Thanks Tom Hello. I'm having this rather frustrating problem. I'm using GoLive to build a really simple site. For some reason, I've been having problems with random text links not working. In checking the code, everything looks okay to me. It works in IE, but I won't even get any indication (when it's moused over or clicked on) that a link exists when it's open in Firefox. The problem is evident in preview, and live. here's the code for the body of the part of the page it's in (I bolded it for the purposes of finding the broken link): < body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" > < div id="menu" class="menu" > < img src="image-files/darkbox.jpg" alt="" height="360" width="134" border="0" / >< /div > < div id="content" class="content" > < table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#cab388" > < tr > < td width="295" >< img src="image-files/tlcorner.gif" alt="" height="28" width="28" / >< /td > < td >< span style="float:right" >< img src="image-files/trcorner.gif" alt="" height="28" width="28" align="right" / ></span >< /td > < /tr > < tr height="41" > < td colspan="3" height="41" > < h2 align="left" >< font size="+1">Contact Us< /font >< br / > < img src="image-files/divider.jpg" alt="" height="15" width="341" align="top" border="0" / >< /h2 > < p align="left" >If you would like to get in touch with us, please use one of the following options:< /p > < dl > < dd > < p >< strong >Email us: < /strong >contact@anomalydog.com< br / > < strong >Reach us via snail-mail: < /strong >Anomaly Dog, 1644 Lake Road, Youngstown, NY 14174< /p > < /dd > < /dl > < p >< img src="image-files/divider.jpg" alt="" height="15" width="341" align="right" border="0" / >< /p > < br / > < br / > < p > If you would like information about applying as an artist, please look < a href="http://www.anomalydog.com/join/artistinfo.html" >here.< /a >< /p > < /body > The hyperlink to the page is http://www.anomalydog.com/join/artistinfo.html I am trying to pass variables to a php script from a text link. This is how I was doing it: <a href="page.php?variable=something"> However, my question is: is there a way to do this so that the variables are NOT included in the URL? So the destination URL would be 'page.php', and not 'page.php?variable=something', but the variable would still be passed? THANKS! Hi all, I would like to ask for your help here. How can I first have a few radio buttons on my page and when the user select one of those, a text box with a submit button will appear. The text box is for the user to key in some kind of code/password so that it will prompt the user to a url according to the code/password. Example: Code: YAH URL: www.yahoo.com Code: GOO URL: www.google.com And if the user keys the wrong code it will prompt a message box asking them to try again. If the user key the code wrongly for 3 times it will prompt to another url. Ive also attach an example of how it should look like. I would appreciate for your help. Thanks a lot! I know there's got to be a pretty easy way to do this but I am having difficulties. I'm making a FAQ for my website, and all I want to do is have a list of questions, and you can click the question and the answer will appear directly underneath it. Then if you click the question again, the answer will become hidden. Sounds easy enough right? How do I do it? I would like to add a text link to a page that would go to our search page. The pull down menu on the page would then be pre-populated with the search they are looking for. For instance it would say, "Click HERE to find retailers that has this color" (The word "HERE" is the link.) The link would go to the SEARCH page and the drop down menu on the page would have the (already existing) drop down menu showing "SILK COLORS." No need for the user to look for it on the drop down menu. Thanks for your help. Let me know if you need clarification. Simone I've looked all over the web and can't find an effective way to do this. Can someone please help? I need to make text drop down menus when you mouseover my links. This is a perfect example: http://www.stpatrick.org/ Thanks a lot! well the title should say it all: "Is it possible to have a text link that is not visible for the 5 seconds using html" if this is not possible with html is it possible with something else like css or java script *nos should say not in the title I have a website that I'm using as a test project of sorts. The link is he http://www.RyanzLair.com/OnTheFarm/index.html What I'm wanting to do is, when the user clicks on one of the thumbnails, for there to be a dynamic text box above the image in the main window that will also change depending on the picture. Basically I'm wanting to caption my photos. Right now I'm using a php script to load the pictures into the main window (so I don't have to create a separate page for each image). I'm new to all of this, so I don't know if you need me to copy and paste any code or what not, but I can get whatever you require to help out. Thanks! I have several links on my site, all in the form of <a href="http://www.mywebsite.com">mywebsite</a> How do I need to change it such that a new instance of the browser is used in which the linked site is displayed. Ive been working on a website in my free time, and I have been wondering if it's possible to hover over a link, and change the text color of another link. A picture of one of my web pages is shown in the link below. http://i223.photobucket.com/albums/d...screenshot.jpg I want to be able to hover over something from the side navigation bars and have various links in the bottom naviational bar change color. So like hovering over Blood Elf, would make Death Knight, Mage, Paladin, Warlock, Priest, Rogue, Hunter turn red Does anyone know how to do this? or even know if it is possible? |
|||||||