|
HTML - Double Line Spacng On Links
Hi,
I had a previous post but have changed teh way teh links are styled so thought it need a new subjest to solve a different problem. The links in teh bottom left column appear nicely in IE but have double line spacing in FF Here is the link www.creativecogs.com/new Here is the CSS style for the links in questions Code: .links {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:underline;
color:#6ba033;
}
and the HTML Code: <p><span class="links"><a href="#" class="links">Web Design Somerset</a><br> <a href="#" class="links">Web Design Dorset</a><br> <a href="#" class="links">Web Design Devon</a><br> <a href="#" class="links">Web Design Yeovil</a><br> <a href="#" class="links">Web Design Taunton</a><br> <a href="#" class="links">Web Design Bath</a><br> <a href="#" class="links">Web Design Bridgewater</a></span></p> Any ideas how to stop the double line spacing in FF? I have tried using ul and li tags but i come accross other problems posted in this thread http://www.htmlforums.com/html-xhtml...tml#post596995 A soultion to either one would be appreciated. CC_DESIGN Similar TutorialsShort Sersion: What the best way to make a link dragabal but not clickable while being dragged? Long Version: I have a bunch of icons links (in layers) that the visitor can drag over the screen and even remove if they want to. (it's totally cosmetic, and everything is reset as soon as the page is refreshed, but it ads a level of detail - hence why am doing it) Since this is an unnecessary function it cannot interfere with the visitor’s ability to use the site smoothly. Therefore my issue; Since the links are dragabal, as soon as you click the link to drag it does what a link does and loads the page (after you release/drop it) Fix 1. The Shift. The quickest fix is to set the top margin of the button to the height of the image of the button. This way when you click it the button is shifted down and the handle becomes the area above the button, this way you can’t click the button while dragging. This does somewhat kill the effects, it looks a little odd when you go to click and drag the link and suddenly the links shifts down and you are holding the empty space above it. But it does solve the problem very simply and there for should be considered. Fix 2. The DblClick This is even a simpler fix to fix1 but it could interfere with the usability of the site… Setting the link to activate on a double click instead of a single click. This way the click to drag the button doesn’t activate the link. http://www.htmlforums.com/showthread.php?t=84281 Fix 3. “Block Layer” Another thought is to show a hidden layer when the drag function is activated this will block the link from being clicked. The “block’ layer can be hid again once the button is dropped, or in my case since I am already using the on drop event and have “only when snapped” checked, set the “block” layer to hide on mouse out, and assign a onclick link to the “block’ layer as well, incase the visitor tries to click the link after dragging it without mouseing off it first. This as far as I can see is the best compromise, however it adds a lot of additional code and mouse events that could effect the performance of the page. The best fix would be to disable the onclick event while dragging but I am not sure how to do that, and if you even can. Additionally I would assume that if disabled, the onclick event would need to be enabled after dragging, and since I am already using the on drop/ when dropped event and have “only when snapped” checked that could pose a problem. Any thoughts? Hey. Does anyone know why sometimes, after clicking on a link on my site, a dotted line appears around the link??? It doesnt matter if its a jpg, text or image map link. It doesnt always do it, but sometimes it does and looks ****ty.... thx Dear HTML senseis, I'm trying to make a "Previous | Next" link in the bottom center of the page, but what I get from this script is "Previous" in the bottom center, and "Next" below it instead of next to it. Here's what I'm using: <p style="text-align: center;"><a href="F:\Webcomic\TheEyeoftheWorld.html">Previous</a></p><p align="center" |</p><p style="text-align: center;"><a href="F:\Webcomic\TheEyeoftheWorld3.html">Next</a> Hi, as you can tell by the title, I'm having trouble placing 2 image links next to each other on Myspace. If i can post the links and someone can help me, I'd be very grateful. (I'm not trying to promote my band or anything here, no one has to listen) I am wanting this Facebook image: http://s86.photobucket.com/albums/k1...logo_black.jpg linked to our facebook page: http://www.facebook.com/pages/Teenag...19513834790706 And this Twitter logo http://s86.photobucket.com/albums/k1...0_allblack.png linked to our Twitter page: http://twitter.com/#!/teenagemaryuk I have already managed to get the Twitter link on our Myspace (www.myspace.com/teenagemary) but I'm pulling my hair out trying to get them next to each other, I've even tried tables to no avail. Any help would be extremely appreciated! Hey, i have been using a javascript file to display images when you roll over a thumbnail and this works fine but for some reason a tiny blue line keeps showing after all of my thumbnail images. Heres the code for the thumbnail. If you need more please say. Thanks Code: <a href="http://benmilne.webs.com/HouseFive.jpg" rel="enlargeimage" rev="targetdiv:loadarea" ><IMG src="http://benmilne.webs.com/HouseThumb5.jpg" > I'm trying to position text, links and pictures to follow one after the other, but it doesn't work. I want to see "Homepage" on the left corner of my webpage "Next" on the right corner of my webpage Unfortunately this command doesn't work properly. <div style="text-align:left;solid 2px #ff0000;"><a href="F:\Webcomic\Website Folder\NWvisuals-Index.html"> Home</a> <p align=right><a href="F:\Webcomic\TheEyeoftheWorld3.html">Next</a></div></p> It makes the "Next" go down a line, instead of being in the same line of the "Homepage". Also, on that vein, is there any way I can align images and text on the same line without using spaces*? As in: <p align="left">Hello</p> <p align="center">Hello</p> <p align="right">Hello</p> But they all should stay on the same line. Any guides, or even links to tutorial about my issue would be appreciated. I've been trying to google for a while, it's becoming frustrating. *I think the problem with spaces is that people with different resolution would see the text in different places than I want them to see. I made some slices in photoshop to manage the links from Front Page but the links look like this.Check the photo... any one knows what shall i do ? Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! How do I double indent? I use <dd> for a single indent, but I need a double indent, so something like this I currently have this: Single indent I need this: Double indent Hi there. I am upkeeping a website in wordpess and one of the posts has links which always appear to be double-spaced. I want them to be single-spaced. I have tried changing around the html coding and such but it has not changed the spacing. I don't know much about html so my attempts have been experimentational. The html tags in there are ul, li and a href=. I've tried taking each out to no avail. What should I do? Thank you very much for your help. I've got a scanned in document that has been processed by OCR - Omnipage - and saved as html. The paragraphs often list five or six items. Most of the paragraphs are single space but some are double spaced. In the original all are single spaced. I would like them all to be single spaced. The code seems very complicated with 'spans' and 'divs' and 'box' and 'style' and long lists of parameters repeated frequently. Too frequently I imagine, machine generated stuff, but I'm not an html coder. The point is I couldn't figure out for the life of me what it was that caused one para to be double spaced and another to be single spaced. Here's a sample of the code that causes double spacing (hope its okay to put snippets of code in these posts, moderator? ) <p><span style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">* To be informed of, and involved in, Centre Management and practices;</span></p> <p><span style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">* To have accessibility to information about the Centre through written policies and programs; and </span></p> <p><span style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">* To be provided with support and assistance in the parenting role. </span></p> <p style="margin: 4.8px 0px 9.6px 9.6px; background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; line-height: normal;"> </p> </div> <div class="Box" style="border: 0pt none rgb(255, 255, 255); background-color: rgb(255, 255, 255); width: 549.65pt; left: 99.15pt; top: 1107px; height: 192px;"> <p What I'm planning to do now is copy the whole section and paste to notepad to get rid of all html and then pick it up again and put it back into html. I've tried NVU, Frontpage and Dreamweaver and I can't find a way in any of them to simply strip out all the crap and - obviously - I can't find a way to strip out this double spacing thing. regards, ab I'm coding a simple HTML email in BBedit. Everything looks perfect and opens up fine in most email client, Gmail, yahoo, hotmail... all but Outlook 2007. Apparently Outlook doesn't like HTML because it keeps adding an extra space between sentences and extra spaces after all my <p> and <br /> tags. Does anyone know what code I have to add to fix this issue? I've searched the web for the past two days and can't find an a clear answer. Thanks! I've seen this used but I can't find any info on what it's meant to do. example: <<style>#saleDiv{display:none;}</style>> It's a user entered css on a social site. Please help. I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E. Hi I have site it has windows media player embeded in it, it plays some live stream, I want page to load than stream to load it take about 5 seconds to load, I want html code to double click on windows media player so it will be full screen automatically without user doing it. Please help me Thank you. Please help. I have a set of web pages with a horiz nav bar across the top that has buttons that load various pages in the iframe target area on the lower 3/4 of the screen. We want the entire screen scrollable with one scrollbar as one solution, OR the entire iframe area scrollable with a single scroll bar as another possible solution, does not matter which. What we do not want is for the user to have two manipulate two scroll bars (the iframe one and the outside one) in order to view the bottom of the iframe area. Thanks in advance, Ron E. ---------------------- Ok, I'm in the process of creating a file explorer using 2 cgi scripts and one html file. The html file creates 2 frames, and calls 1 of the cgi scripts in each frame. The cgi scripts are written in python and html code. What I want I need to do is be able to click on a directory in the left frame and it opens it up in the right frame, while also opening the directory up in the left frame. Now link is dynamic seing as there are several directories. So I want to make it so that when I click on the directory link, it opens two links, modifying both frames. So I tried adding this underlined code in my code in the script that is called in the left frame: frame2 is the name of the second frame. #!/usr/bin/python print "Content-type: text/html\n\n" import re,os,sys def arbre(repertoire): liste=os.listdir(repertoire) print "<html>" +str(sys.argv[1])+ "<html>" for fichier in liste: if os.path.isdir(repertoire+"/"+fichier): print "<html>" "<div style='position:relative; top:15; width:500; height:20;'>" "<a href='http://localhost/cgi-bin/liste.cgi?"+str(sys.argv[1])+"/"+str(fichier)+"' onClick='parent.frame2.location.href='http://localhost/cgi-bin/contenu.cgi?"+str(sys.argv[1])+"/"+str(fichier)+"'>" "<img src='http://localhost/apache2-default/repertoire.gif' width='25' height='25' alt='blarr' align=left border=no>" "</img>" "</a>" "<h5>" ,fichier, "</h5>" "</div>" "</html>" arbre(sys.argv[1]) This does not work, the left frame(frame1) works the same, but the second frame is not modified, help please? This might you give you a better idea of what I'm talking about: hello wizards, i am trying to create a site with image links which open a link in a new window and then the image changes. the target url of the link needs to be hidden too. the method will be repeated various times on the page. please help, i dont have any idea how to get a double function of the onclick command. any help would be great. cheers confusedidiot Code: <p><center><table width="50%" bgcolor="black" cellpadding="20px"><tr><td><a href="index.html">Home</a></td><td><a href="imglist.html">Img list</a></td></tr><td><a href="about.html">About</a></td></tr></table></center></p> in ie the center works fine, but in firefox its almost 2 inches to the left of being center, why would that be? ive tried to change the precent and all, but that doesnt do a thing. I hand coded my website myself, but whilst working perfectly in IE, there are some problems when viewing it using Firefox. Specifically, the table rows have double-spacings (scroll down to the 'Education' section he www.lombrozo.co.uk/resume.html), and also table borders have a 3D look (a black border to emphasise the shadow), again, this shadow is not visible in IE... Any ideas anyone? Any help would be most appreciated! |
|||||||