HTML Images
Pages: [1]
|
|
Programming Help
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
So I need to know how you display images side by side.
Here is my code:
code <!-- NAV BAR --> <center> <a href="file:///C:/Users/Sprinkles/Desktop/DreamPower/DreamPower.org.html"><img src="home2.png" alt="Your web browser sucks" /></a> <!-- direct to home --> <a href="file:///C:/Users/Sprinkles/Desktop/DreamPower/animals.html"><img src="animals.png" alt="Your web browser sucks" /></a> <!-- direct to animals/adoption --> <a href="file:///C:/Users/Sprinkles/Desktop/DreamPower/employment.html"><img src="employment.png" alt="Your web browser sucks" /></a> <!-- direct to employment/volunteer --> <a href="file:///C:/Users/Sprinkles/Desktop/DreamPower/aboutUs.html"><img src="aboutUs2.png" alt="Your web browser sucks" /></a> <!-- direct to about us --> </center> <!--END NAV BAR --> Here is what it displays:
So you see I want it to be a connecting nav bar.
...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 16:14
|
|
|
Rockbomb
Dog fucker
2009 Nov 13 • 1942
-190 ₧
|
1.) Make sure the images don't have any transparency on the sides or anything liek that.
2.) in the img tag add
|
|
|
|
|
2010 Aug 2 at 16:16
|
|
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
Did that, doesn't work.
...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 16:18
|
|
|
Rockbomb
Dog fucker
2009 Nov 13 • 1942
-190 ₧
|
Well befoer you continue trying to fix the alignement, fix the "about us" image, the black part is like 1 pixel lower than the others.
|
|
|
|
|
2010 Aug 2 at 16:20
|
|
|
the_cloud_system
polly pushy pants
2008 Aug 1 • 2832
-6 ₧
|
oh yah you work them sites
I am on a journey that I hope I will never finish.
|
|
|
|
|
2010 Aug 2 at 16:26
|
|
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
fixed.
...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 16:37
|
|
|
Rockbomb
Dog fucker
2009 Nov 13 • 1942
-190 ₧
|
Mind sharing what you did? I'm interested.
|
|
|
|
|
2010 Aug 2 at 16:38
|
|
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
I took the image in photoshop, and moved it 1 px up. Genius isn't it?
Still need help with my initial problem.
...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 16:40
|
|
|
Rockbomb
Dog fucker
2009 Nov 13 • 1942
-190 ₧
|
Oh, I thought you meant your inital problem.
|
|
|
|
|
2010 Aug 2 at 16:42
|
|
|
Rockbomb
Dog fucker
2009 Nov 13 • 1942
-190 ₧
|
Oh, I thought you meant your inital problem.
|
|
|
|
|
2010 Aug 2 at 16:42
|
|
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
Also, I want to make a banner that scrolls at the top of the page. "me n00b how me do this"
...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 17:00
|
|
|
Rockbomb
Dog fucker
2009 Nov 13 • 1942
-190 ₧
|
code <marquee>textgoeshere</marquee> |
|
|
|
|
2010 Aug 2 at 17:02
|
|
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
Sweet!
code <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">Certain important text went here!</marquee> ...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 17:13
|
|
|
superjer
superjer
2005 Mar 20 • 3762
|
Short answer: remove whitespace from between <img> tags.
Long answer: Your images are flowing inline like text. Since you have whitespace between them, they are acting just like if they were words, or individual letters. If your code was <p>a b c d</p> and you said you wanted the letters smashed together I would tell you to change it to <p>abcd</p>. Whitespace is meaningful in *HTML.
Alternatively, you can do this properly: choose/declare a doctype and follow it. Your />'s and <center> tells me you won't know what I'm talking about so look it up. Then make your image links block elements so they don't act flowy like text.
|
|
|
|
|
2010 Aug 2 at 20:53
|
|
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
Thank you, problem solved.
And, I know, I'm mixing between HTML, and HTML 5. 
Actually, I'm doing whatever is easiest.
...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 20:57
|
|
|
superjer
superjer
2005 Mar 20 • 3762
|
Trust me: it's not easiest to mix doctypes or quirksmode it. Unless you think totally random, uncontrollable behavior is "easy".
|
|
|
|
|
2010 Aug 2 at 20:59
|
|
|
sprinkles
2009 Sep 6 • 2480
10 ₧
|
Do you have a recommended HTML version/type/  .
...then I got some ap, and shot a big ass lazar at everyone.
|
|
|
|
|
2010 Aug 2 at 21:02
|
|
|
superjer
superjer
2005 Mar 20 • 3762
|
html code <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Seems to be the most widely supported doctype with the least surprising results in my experience.
YMMV. The important thing is to just pick something, otherwise you have no guarantee whatsoever how different browsers will render your page.
|
|
|
|
|
(Edited 2010 Aug 2 at 21:07)
2010 Aug 2 at 21:06
|
|
|
|
Pages: [1]
|
