HTML - Stop Spacing Between Pics?
Hi there, I'm trying to get the pictures he http://profiles.no-nick.com/example/
To look more like this: http://profiles.no-nick.com/pictures/female/ How can I get the gap out from between them? Similar TutorialsHey, i got a little problem with the pictures on my html site (http://www.cnc2.de.vu). Many pictures don't work and i don't know why PLS HELP!!! Go to: http://jmillerteam.com/complete2.html So my client says that sometimes when he loads this page the pics on it aren't loading. He even sent me a screenshot. I have no clue why most of the time they load and sometimes they don't. I can't reproduce the problem. If anyone goes to the page do the pics not load (the first time) for you? My pics are not showing up on one of my pages? Can anyone help me out? Thanks! Here is the link: http://www.adiktedapparel.com/LINESHEET.html Bill www.adiktedapparel.com Ok, I have a button, which i will call button.jpg I have a picture, which I will call picture.jpg I can make the image of the button change when I hover over it, but I ALSO want picture.jpg to change. The other pics are button2.jpg and picture2.jpg So when I hover over button.jpg it will change to button2.jpg and picture.jpg will change to picture2.jpg Any help? Hi: My simple website has 4 .jpg pics on it (one in each corner of the page) and text all thru the middle. These pics (and test) show perfectly when my form is first loaded. However, when the user 'clicks' on the submit button, and I re-send the same page, those four pictures disappear and the 'alt=xxx' statement appears in place of the pics. THe text still shows perfectly. Question: Why don't the pics appear on the second and subsequent times ?? I'm puzzled, because the page I'm sending is identical in all cases. Thanks for any insights on this. -Mel Smith Mesa, Arizona Hey there! Is it possible to have a random GIF file loaded each time you open the site? For example if you open the page now, an animated GIF will load to advertise x and when you go to the same page later, an ad will load to advertise y. Thanks in advance! I Hi everyone, The pics on this page are being pushed down, no matter what I do, the pics don't want to go up and align with the word "Categories". Does anyone know what I did wrong and what I cab do to fix it? Here's the link to the page: http://PracticeWriter.com/vu/?605B8 Thanks in advance Ning Hi guys I have a pic in my templates folder with the html document in the the same folder. So what i want to do is add the picture to the HTML document so that it appears on the browser. surely this code should work but at the moment it is not? <img src=/"templates"/"dog.jpg"> HELP Internet Explorer - Firefox - Why does my site look so bad in Internet Explorer? Internet Explorer says there are errors on the page... Line: 61 Char: 1 Error: Expected identifier, string or number Code: 0 URL: http://www.lucaschu.com Internet Explorer doesn't feature the animated sidebar (About, Contact) and the videos are arranged wrong with some weird gray block next to them. Firefox and Chrome make it look nice. How to make IE version better? Hello all, I have this site: http://www.votingforrewards.com/nba-champions/main/nba-champions/{keyword}/ As you can see I have two pics here and the name of each player below each pic. How would I be able to have 4 pics accross with each (4) names below each pic. The way I am doing it now is that I use Photshop to place two pics on 1 canvas (don't know if I am doing this correct). The players links use to be a yes and no. So I guess I am cheating. I don't know. Would I use a table? I have been trying to play with the code but can't figure it out. Please help and if you can be as newbie friendly as possible, I would appreciate it immensely. I am using dreamweaver for editing the code, the file has php in it, and it also has a css file to let you know. Thanks, Geo Hi, I am trying to set up a pictures page on a web site. My first idea was to set up two iframes so that the user could scroll sideways on the top through the pictures and each picture would link to itself in a bigger size targeted to another iframe... like this. I put a few of the pictures in here just to show you what I was thinking... the page really isn't working well, I just threw it together to show you the structure I'm talking about. This would work, but I'd also like the description to change, so I was thinking of using Javascript (I don't actually know javascript yet, so I'm guessing at this) so each picture would change TWO iframes, one as the picture and the other would be the description. The problem with that would be that I would have to make a new html page for each description... I guess I could do that, but would there be anything easier? All the solutions I have thought of like using a getElementByID javascript to change the picture and text wouldn't work because of the iframe. If there is another solution, I don't even need an iframe. I was just checking to see if anyone had any suggestions on this, either a simpler solution to the iframe idea or a completely different idea. It really doesn't matter, I just want a good looking, easy to use pictures page. Ok, newbie here... I have two questions about background pics... I downloaded an image which I want to use as a background pic. The pic is located in the same folder as the my html script (Wordpad). I can get it to display but the pic is "broken up"; the image basically cuts off on the right, and then starts over. How can I fix it? This is a page for my sister-in-law; I wanted to email her a sample page but when I test-emailed it to myself, the background pic didn't display. I am pretty sure it has to do with the path; any recommendations? Thanks so much for your help! S. Hi guys I have a pic in my templates folder with the html document in the the same folder. So what i want to do is add the picture to the HTML document so that it appears on the browser. surely this code should work but at the moment it is not? <img src=/"templates"/"dog.jpg"> HELP THIS PROBLEM IS WITH --IE-- ONLY I have this piece of code that I simplified as much as I could to show a simple example: PHP Code: <table width="50%"> <tr><td colspan="2">short</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> <table width="50%"> <tr><td colspan="2">long long long long long long long</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> For some reason when long-long-long text is long enough, it pushes a-a-a-a to the right even through one of the cells is limited to 128 pixels.. If I color the backgrounds of the cells in different colors, it is evident that it is the cell pushing, not text-alignment problem Question, why the cell is affected but the upper cell text length even through it is properly col-spanned..? http://goldenworldgoods.awardspace.com/ Hello again, I did this site in Dreamweaver, looked fine in my dreamweaver editor, uploaded it and voila everything goes nuts. List of Problems: The Links are not positioned properly, not big enough plus the drop downs to the bottom and not to the right. That was properly my fault since I just copied a suckerfish method... But can someone help with this. If you study the News Header in the CSS, it says it has a background image, how ever it doesn't show when I uploaded it. I know the url and the pic is correct cause it worked in Dreamweaver... The background for "welcome" is all the way up there which isn't supposed to happen, it supposed to be right on top of the Hello text but that isn't happening either. The hello and welcome are supposed to be aligned to the left of the right header. Thats about it, please can someone help me. I've changed the format of this like 3 times just to get it correctly done, but nothings working. Thank you And don't worry I got it all validated and what not Alright i'm having a little trouble. When I add stuff to the side boxes, they are farther down then i want them to be, here is a pic: I'm wanting to move it up some, but I don't know how, I have been trying for a long time though. Here is the HTML Code: Code: <div class="box2 margin1"> <div class="tail-right"> <div class="corner-right-bottom"> <div class="corner-left-bottom"> <div class="corner-right-top"> <div class="corner-left-top"> <div class="indent"> <h3><span><span>Partners</span></span></h3> <div class="indent2"> <center><a href="http://www.elitepvpers.de"><img src="http://img230.imageshack.us/img230/2364/31421454.png" border="0"></a></center> <center><a href="http://www.4botters.com"><img src="http://img814.imageshack.us/img814/2599/88029646.png" border="0"></a></center> <div id="vent"><div style="font-weight: bold; font-size: 12px; text-align: center;"><a href="ventrilo://94.75.238.76:4696/servername=EQGVent" style="text-decoration: none;"></a></div></div> </div> </div> </div> </div> </div> </div> </div> </div> Here is the CSS: Code: .box2 {background:#bec2c5 url(images/box2-bottom-tail.gif) bottom repeat-x;} .box2 .tail-right {background:url(images/box2-right-tail.gif) right repeat-y;} .box2 .corner-right-bottom {background:url(images/box2-corner-right-bottom.gif) right bottom no-repeat;} .box2 .corner-left-bottom {background:url(images/box2-corner-left-bottom.gif) left bottom no-repeat;} .box2 .corner-right-top {background:url(images/box2-corner-right-top.gif) right top no-repeat;} .box2 .corner-left-top {background:url(images/box2-corner-left-top.gif) left top no-repeat; width:100%;} .box2 .indent {padding:4px 6px 6px 4px;} .box2 .indent2 {padding:15px 12px 0px 6px;} Any help will be greatly appreciated. Thank you. Ok so I'm learning along the way by playing around with what my web designer started. I'm having trouble working out what part of the html does the spacing between my text and the input box. Here's what I'm stuck at: You can see how where it says 'click for more fonts' the box isn't in line with the others. Any help would be much appreciated.... I'm starting to go cross-eyed lol. Hello Everyone: I am a novice HTML user - I use it to create a Help file (for an MS/Access database), using HTML Help Workshop. My question concerns line spacing, using the following code: <b><u>Server:</u></b> <ul> <li>First List item...</li> </ul> Using this code, there will be a blank line between "Server" and "First List item...". Is it possible to eliminate this line and have the list start in the next line after "Server"? Thanks. . . Tony N. Hey folks... I've searched and searched for an answer for this, but with no luck. Probably because I don't know how to exactly describe my problem. Anyway, the issue is my page is displaying differently in IE and Firefox (surprise!). The spacing between the top image and the body divs are different. I'm not sure if it's an HTML issue or a CSS one. The page in question is: http://www.project-43.com/ The CSS file is he http://project-43.com/images/style.css It displays the way I want it too in Firefox. If you look at it in IE, you'll see the top image looks short, but that is because the spacing between the left menu area and the body on the right is too big. I appreciate any pointers that you might be able to offer. Thanks! I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's. body { font-family:georgia,'times new roman',times,serif; color:#BD0A70; background-color:#F2F2F2; } ul.navbar { list-style-type: none; padding:0; width:32em; float:left; } ul.navbar li { display:inline; font-size:125%; background-color:#007BA7; margin:.10em; } ul.navbar a,ul.navbar a:visited { color:#ffffff; text-decoration:none; } ul.navbar a:hover { background:#00008B; } form.jump { /* position: absolute; */ float: left; } div.floatright { /* position: absolute; */ float: right; } h1 { clear:both; font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif; } ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My first styled page</title> <link rel="stylesheet" href="mystyle.css"> </head> <body> <a charset="ISO-8859-1"> <!-- Site navigation menu --> <ul class="navbar"> <li><a href="index.html">Change email</a> <li><a href="musings.html">Change Password</a> <li><a href="town.html">F.A.Q.</a> <li><a href="town.html">Contact</a> <li><a href="links.html">Log out</a> <li> </li> </ul> <form class="jump" action="/reredirect.php" align="left" method="post"> <input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''"> <img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img> </form> <div class="floatright"> <script type="text/javascript"><!-- /* 234x60, created 11/22/08 */ google_ad_slot = "0343255875"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- Main content --> <table> <tr> <td> <form method="post" action="/redirect.php" name="event"> <select name="select" class="breakinline" onChange="this.form.submit()"> <OPTION SELECTED>Select friend <OPTION value="/users/sharon">name1 <OPTION value="/users/carrie">name2 <OPTION value="/users/capy">name3 <OPTION value="/users/charla">name4 </SELECT> </FORM> <td> <form id="myeventz" method="post" action="/changeevent.php" name="myevent"> <select name="myevent" class="tabletxt" onChange="this.form.submit()"> <OPTION SELECTED=>12/25 Christmas</option> <OPTION value="0101 Event One">01/01 Event one <OPTION value=" 0202Eventtwo">Remove this event <OPTION value=" ">Add a new event </SELECT> </FORM> </td> </tr> </table> <p>Select item's to remove</p> |