|
HTML - 2 Images/links On One Line. Please Help!
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! Similar TutorialsI'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. 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> 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" > 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 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 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 ? please, check http://members.dodo.com.au/~rouslan/...ite/index.html I need to know how to get rid off strange effect down the bottom and how do I make text and image aligned on the same "line", "level" e.g. image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text Hi, Just wondering what the best technique is for creating links with image icons? Like this: [icon 16px x 16px] link text Would appreciate any advice offered. Thanks John For some reason, in IE8 (or all IE's, for all I know) there is a mysterious little purple line at the bottom left corner of all of my navigation button images, excluding the first one. In FF it works just fine..Chrome, Safari and Opera I don't have, so for all I know it could just be FF that's displaying it correctly. Here's my code: HTML HTML Code: <a href="index.html" style="margin:0"> <img src="images/nav_home.png" alt="HOME" onmouseover="this.src='images/nav_home_hover.png';" onmouseout="this.src='images/nav_home.png';" /> </a> <a href="the-author.html"> <img src="images/nav_author.png" alt="THE AUTHOR" onmouseover="this.src='images/nav_author_hover.png';" onmouseout="this.src='images/nav_author.png';" /> </a> <a href="contact.html"> <img src="images/nav_contact.png" alt="CONTACT US" onmouseover="this.src='images/nav_contact_hover.png';" onmouseout="this.src='images/nav_contact.png';" /> </a> CSS Code: img
{
border: 0px;
margin-left: 1.75em;
}
I also attached a screenshot. Thanks, C-Style I'm working on a site with an image gallery which directly links to images. I'd like to modify this so that, when those images are small, they are no longer displayed off-center and on a white background. At some point in the past I think I remember seeing a site that somehow passed display parameters to the browser along with the image link. Is this possible, or am I imagining things? Thanks for any info. (If this turns out to be impossible, I'll be rebuilding the gallery a bit, and any hints on an easy way to do this would also be apreciated.) Hello everyone! I'm diving head first into XHTML/CSS development. Up until this point I've been designing using only tables, background graphics, and PHP. I have seen the light so I'm now working with XHTML and am proud to say that what I've done so far is XHTML Strict valid! I took a look at phpbb.com's website and saw I really liked the layout and figured, what better practice than to create something like that, so I did! Unfortunatly I'm having trouble duplicating their method for the navbar. If anyone could point me in the direction of how to get the images all in the nav bar's div layer I'd be very thankful. Keep in mind it will need to be rollover/active/rollout classes capable. My website is http://xt-arts.com Thanks so much for your help!! I am having trouble getting an image to line up in a cell so that the text aligns left and the image directly to the right of it to match the other cells. http://smartvending.com/testindex.html Can anyone see what is wrong with the code that is preventing the Coin Counters & Sorters gray box from allowing anything to align closer to the right side of the box matching the other cells? Any help is greatly appreciated! Thanks Hello everybody, maybe someone can help me with a problem on my site. There is a form on the page where the user can select images from a dropdown list, it looks like this: Code: <FORM NAME="form"> <SELECT NAME="selbox" SIZE="1" ONCHANGE="imgchange()"> <OPTION VALUE="cards/gifs/deck1">Essential</OPTION> <OPTION VALUE="cards/gifs/fool">0</OPTION> <OPTION VALUE="cards/gifs/magician">I</OPTION> <OPTION VALUE="cards/gifs/priestress">II</OPTION> <OPTION VALUE="cards/gifs/empress">III</OPTION> </SELECT> </FORM> </TD> <TD VALIGN="TOP" ALIGN="CENTER"><BR> <FORM NAME="frm"> <INPUT TYPE="text" SIZE="18" NAME="indate"><P><INPUT TYPE="button" VALUE="show me" ONCLICK="getcard()"></P> </FORM> Now I would like to put a link on each image when it is shown on the page, so that the user can click on it and get the 'explanation window'. How should I write the links when the url should load in a popup window? The link for one image would look like this: Code: <A HREF='javascript:cards("cards/fool.html")' ONFOCUS="this.blur();">xxx</A>
Right now I do not even manage to open a link in the same window, let alone in a pop up.. Any help would be greatly appreciated, thanks for reading! Yatkha I am working on making a website, and learning as I go. I have been trying to figure out how I would make links and images appear in the same section of many different pages using code. Is this possible in HTML/CSS, which are the only languages I have any experience in. If you need anymore information, let me know and I'll add more details. Hello, I'm using this tutorial on creating an ipod-esque "cover flow" photo album for a presentation I'm putting together: http://www.elated.com/articles/cover...ss-and-jquery/ What I'm trying to figure out is how do I make each image a clickable link that will open a url in a new window. I know the code is Code: <a href="URL" target="_blank"</a> but I have no idea where to begin and end the tags. I either need it where I can click on each picture, or the text under each picture so that each one has a separate URL that opens in a new window. thanks 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! I have this div: Code: <div> Last Name <input name="data[Provider][last_name]" type="text" class="input_style" maxlength="100" value="" id="ProviderLastName" /> <input class="submit_style" type="submit" value="Search" /> </div> The way it's being displayed is having the last name string first and then the input and submit (both of them) under that last name string. I would like for all of these values to be on the same line. How can I do that? <p> doesn't work, tried it. Anything I can do in CSS? Just learning this stuff. I am having trouble controlling space between lines. My HTML coding is resulting in too much space between lines. I am afraid I have no idea how to control spacing. I have fiddled with different coding. Here is the current version: <td class="headerbg" colspan="2" width="600"> <div align="left"><p style="font-family:verdana; color:00bfff; font-size:30px;" >the amazing alexander technique </p><p style="font-family:verdana; color:00bfff; font-size:20px;" >so much more than 'posture' and pain relief </p> </div> </td> Thanks for any help. Pointing me to resource where I can read the solution would be great. http://credmond8.awardspace.com/home.phtml How can I get "Site Theme" and "Time" on the same line? |
|||||||