|
HTML - Making Links Align Horizontally Not Vertically
Hey, well i know alot of people put myspace questions here, and not to be another one of those myspaces i have a question... my myspace url is myspace.com/cherylishot haha dont ask. But on the bottom table i cannot get my links to align left to right, not vertical and in that scroll box. Any help would be appreciated thanks alot!
Similar Tutorialshow do i center the body of this page: www.discoveryfilmsuk.com/ i want to align to the middle of the page, vertically and horizontally I have no idea why, but the pictures in the table at https://www.wagnermeters.com/california1.php are aligned vertically instead of horizontally as it seems they should be. Am I going crazy? What can I do about it? Ok folks, new dilemma .... I finally got the Flickr code set up inside one of my content boxes, but now the group of images is uneven and for the life of me I can't get them to align in the center of the box. Here is the code (and you can view it on my blog).... <style type="text/css"> /* ------ FLICKR ------ */ .container_flickr { width:225px; height:46px; background-image:url(http://dougcloud.net/show/headflickr.png); } .container_flickr { overflow:hidden; } .sidebar_flickr { width:203px; height:125px; background:#FEF6D2; font-family:Arial, Helvetica, sans-serif; border-width: 0px 1px 1px 1px; border-spacing: 0px; border-style: none solid solid solid; border-color: #4F3314; padding:10px; margin:0 0 20px 0; font-family: 'Trebuchet MS', sans-serif;color: #4F3314; font-size:11px; } div.flickrimg { width: 200px; padding: 3px 3px; } div.flickrimg a { float: left; padding: 0 0 5px 0; margin: 0 5px 0 0; border: none; } div.flickrimg a:hover { border: none; opacity: 1; } div.flickrimg a img { border: 1px solid #4F3314; height: 40px; width: 40px; } div.flickrimg a:hover img { border: 1px solid #ba742a; } #flickrmeta img { padding: 0px 5px 0px 2px; margin: 0; float: none; } </style> <div class="container_flickr"></div> <div class="sidebar_flickr"> <div class="flickrimg"> <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&display=random&size=s&layout=x&source=user&user=263327 75@N00"></script> </div> <div><span id="flickrmeta"><a href="http://api.flickr.com/services/feeds/photos_public.gne?id=26332775@N00&lang=en-us&format=rss_200" title="My Flickr RSS Feed"><img src="http://dougcloud.net/show/feed-icon-16x16.png" border="0"></a><a href="http://www.flickr.com/photos/26332775@N00/" title="My Flickr Photostream"><img src="http://dougcloud.net/show/morebuttonbrwn.png" border="0"></a></span></div> </div> Any help would be appreciated. Thanks I've been trying for 2 days to get my text to vertically-align middle in IE, but it just won't listen. I'm building the site www.acadianacomputerrepair.info; the title and menu items need to be aligned to the middle of their div containers, but they want to clip to the top. I'm setting the parent div's to display as tables and the child as a table-cell. It works great in firefox and perfect, even in IE, on a simple html test page, but I can't get it to work for the site, in IE. I don't know what else to try. Can someone help? Hey, I want an image in the dead center of a frame. All I have so far is: <center><img src="images/banner_ani.gif"></center> I don't know how to vertically align the image. Could someone please fix it for me or tell me how. I tried googling everywhere but all I could find was stuff that involved CSS. Thanks Hi, I've got an image 25x25px which i'm trying to vertically align in a 35px high list element. The css attached to the image is: width: 25px; height: 25px; border: 0px; vertical-align:middle; and the css attached to the list element is: font-size: small; height: 35px; border-style: ridge; border-width: 0px 0px 2px 0px; I'm trying to find a way of getting the browser to vertically align through css. I'm not trying to use padding, etc on the image, because i'm worried that when a user enlarges the text, or its rendered by different brwosers, etc, the image will mis-align itself. I thought vertical align was the right attribute, because i thought it vertically aligned all inline elements. but when i've attached it to the image, nothing has happened. http://www.tendervendors.com/contact.php I'm trying to vertically align the little picture of a house, in the navigation bar. I'm greatful for any help you can give, Matthew Millar I have a table that is saved from Photoshop. It's a table with a load of cells inside. How can I vertically center the table? Not its content, I mean the actual table itself so it centers itself no matter the resolution of the screen it's being displayed on. Thanks, Simon Hi there, I have a question, in my photo gallery I have three columns: http://leilanimunter.com/photogallery.htm On a PC, the columns are aligned at the top in Firefox, but look all messed up in IE. On my Apple, it looks fine in Safari but they are not aligned properly in Firefox. I am just adding breaks at the bottom to move the other shorter columns up. Is there a code where I can vertically align these columns at the top so it will work on all browsers? Thanks for any help you can offer! Leilani When I place links on my bands myspace page the link text displays on the page vertically instead of horizontally on some computers. It displayed correctly (Horizontally) on the PC I created it on, but when i view it on other PCs the text was vertical. Here is the page. It's the white text near the top. (Add To Friends, Send Message etc.) http://profile.myspace.com/index.cfm...ndid=445328869 or www.myspace.com/theengineersband1 Here is the code for the links. I am a beginner with HTML. Thanks, James Kelly HTML Code: <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD00NDUzMjg4Njk=" style="position:absolute; top:360px; left: 160px;"><font size=1; color=white><b> Send Message</a> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD00NDUzMjg4Njk=" style="position:absolute; top:360px; left:290px;"><b><font size=1; color=white>Add To Friends </a> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcklEPTQ0NTMyODg2OQ==" style="position:absolute; top:360px; left:425px;"><b><font size=1; color=white>Block </a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZFYyJmZyaWVuZElEPTQ0NTMyODg2OSZmPWZvcndhcmRwcm9maWxl" style="position:absolute; top:360px; left:510px;"><b><font size=1; color=white>Forward </a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=445328869" style="position:absolute; top:355px; left: 620px;"><b><font size=1; color=white>View Pics </a> <a href="http://www.myspace.com/topshelfrecords" style="position:absolute; top:360px; left: 700px;"><b><font size=1 color=white>TSR </a> Hi I am trying to align these pics side by side. I am using html <p><a href="car.jpg"><img src="car.jpg" border="0"><br>full size</a></p> <p><a href="car.jpg"><img src="car.jpg" border="0"><br>full size</a></p> The text is aligned using css to the center and that works fine. Is there a way to make an image or image map link to 2 different places when clicked? Thanks in advance Hello, I'm a new web designed building my first web page. I'm using Dreamweaver CS 3. I want to make certain links open in a new window or tab when the user clicks on them, and in Dreamweaver I thought this was done by adding the _top target to the link, but that seems to do nothing. So how do I do this? Website Address: http://taras.shacknet.nu/~public1/plpp/ Thank you! Hello, On the website I'm currently building, I've got several places where I intend to use the <a name> tag to refer to different places around the page. However, when I link to that point, rather than having the page load with that point at the top of the page, I would like it to be positioned a specified amount further down the page. I'm racking my brains and coming up stumped - is there anyone who can think of a way that might be achieved? I have some buttons that open new pages in new windows. How do I tell or force the browser to open them in new tabs, instead of in new windows or the same window? 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 I need to post images vertically spaced evenly apart. How do I make the images do that? http://i409.photobucket.com/albums/pp174/Keevu/egg.jpg this is whats wrong theres a bunch of wasted space. Below is my code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>One Nice Day</title> </head> <body> <div style="margin:5% 15% 0 15%;border:1px solid black;"> <img style="border:1px solid green" src="http://www.oneniceday.com/Artwork/Notice.gif" alt="[One Nice Day] now contains nudity : photographs and drawings of nude men and women, of which I will be posting on this site solely for the purpose of learning figurative art, in which I am using them as learning references / aids. If you are offended by such images, please click the Back button on your browser." /> </div><br /><br /> <div style="margin:1% 15% 0 15%;font:14pt 'Trebuchet MS',Arial,sans-serif;text-align:center;"> <a href="http://www.oneniceday.com/wordpress/" style="font-weight:bold;">ENTER</a> </div> </body> </html> When I view my web page, the <div> doesn't shrink to fit the size of the image, and there's a huge gap next to the image. U can see the result at www.oneniceday.com How do I center my image horizontally on the page? Thanks! Here's my CSS-code for an item in a list: li { margin: 0em 0em 0em 4em; padding: 2px 0px 0px 2px; font-size: 9pt; } Now when I try to make a sublist, the problem is that the items in the sublist start from the same horizontal position than the items in the "main" list. Anyway to fix this? Should a make a new CSS item but with different margins and padding? How is that going to work since there's only one "li" available? How should I name it then? 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! Hi everyone, this is my first post. I am hoping to find someone who can help me. I need to make it so a table on my page is centered veritcally (the same way the center tag centers it horizontally) so that it will always be in the center of the page regardless of screen resolution or if the person resizes their browser window - is such a thing possible? If javascript is needed that is fine. Thanks |
|||||||