Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Linked image taking up unwanted space!
Old 08-05-2008, 11:50 AM Linked image taking up unwanted space!
wildbackpacker's Avatar
Extreme Talker

Posts: 162
Name: Colton
Location: Utah, USA
Trades: 0
On one of my pages, http://www.outdoorhighadventure.com/thekalalautrail.htm, my first main title of the page, Kalalau Trail, seems to be spaced a centimeter right of where it should be. I've discovered that it is because I have the <img> code right before it, when I move the image, the 'Kalalau Trail' lines up with the line below it. Can anyone help me so that I can have the image in the same place but have the Kalalau Trail title line up with the rest of my lines? Thanks.
__________________
Colton
Wild Backpacker

Please login or register to view this content. Registration is FREE
wildbackpacker is offline
Reply With Quote
View Public Profile Visit wildbackpacker's homepage!
 
 
Register now for full access!
Old 08-05-2008, 02:03 PM Re: Linked image taking up unwanted space!
rolda hayes's Avatar
Wannabe Adventurer...

Posts: 961
Name: Darren
Location: England
Trades: 0
use this in your css code

.imageright {
float: right;
margin: 0 5px 9px 0;
}

and give the image that class and adjust accordingly
__________________
I Just a test to see what happens...
Please login or register to view this content. Registration is FREE

"Let us be thankful for the fools. But for them the rest of us could not succeed..."
rolda hayes is offline
Reply With Quote
View Public Profile
 
Old 08-05-2008, 02:34 PM Re: Linked image taking up unwanted space!
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Pretty much what I told him to do the last time he asked this same question - float the image!
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-05-2008, 02:38 PM Re: Linked image taking up unwanted space!
rolda hayes's Avatar
Wannabe Adventurer...

Posts: 961
Name: Darren
Location: England
Trades: 0
I thought I'd seen a similar post around here recently!!!
__________________
I Just a test to see what happens...
Please login or register to view this content. Registration is FREE

"Let us be thankful for the fools. But for them the rest of us could not succeed..."
rolda hayes is offline
Reply With Quote
View Public Profile
 
Old 08-05-2008, 05:06 PM Re: Linked image taking up unwanted space!
wildbackpacker's Avatar
Extreme Talker

Posts: 162
Name: Colton
Location: Utah, USA
Trades: 0
Well you guys are going to have to help me some more because I'm pretty sure that is what I just did and it didn't work. I am a beginner.

CSS
Code:
img.floatRight {
float: right;
margin: 0 5px 9px 0;
}
HTML
Code:
<A href="http://www.zanderography.com/detail.php?photoID=315" target=_blank>
<IMG class="floatRight" height=150 src="http://www.outdoorhighadventure.com/kalalau/kalalausmall.jpg" width=228 alt="Kalalau Trail, Na Pali Coast - Zanderography" border=0>
</a>
__________________
Colton
Wild Backpacker

Please login or register to view this content. Registration is FREE
wildbackpacker is offline
Reply With Quote
View Public Profile Visit wildbackpacker's homepage!
 
Old 08-05-2008, 07:50 PM Re: Linked image taking up unwanted space!
angele803's Avatar
Perfectly Imperfect

Posts: 1,772
Name: Stephanie
Location: Oklahoma
Trades: 2
It looks good to me. I must not understand the problem. Can you take a screen shot of the problem area and post it?
Thanks!
Stephanie
__________________

Please login or register to view this content. Registration is FREE
angele803 is offline
Reply With Quote
View Public Profile
 
Old 08-05-2008, 08:44 PM Re: Linked image taking up unwanted space!
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Quote:
img.floatRight {
float: right;
margin: 0 5px 9px 0;
Only 1 problem - when you float an element you MUST give it a width.

I dug into it some more, the problem is NOT the floated image, it's the padding and margins you have on the <a> tag. Zero out padding and add margin: 0; to the a tags, including the :visited pseudo-class and the space goes away.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-05-2008, 11:14 PM Re: Linked image taking up unwanted space!
wildbackpacker's Avatar
Extreme Talker

Posts: 162
Name: Colton
Location: Utah, USA
Trades: 0
Quote:
I am a beginner.
Like I said earlier in my 'other thread' of this problem, I knew it was the <a> tag. Sounds great that you found my problem though, but like I said I'm a beginner and most of that last paragraph made no sense to me. haha I'm really sorry to be bothering you when I'm not very smart. If you could just explain how to fix it in more plain english that would be awesome! Thanks.
__________________
Colton
Wild Backpacker

Please login or register to view this content. Registration is FREE
wildbackpacker is offline
Reply With Quote
View Public Profile Visit wildbackpacker's homepage!
 
Old 08-05-2008, 11:45 PM Re: Linked image taking up unwanted space!
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
In your CSS, you have this:

Quote:
a, a:visited {
color:#486301;
padding:1px 3px;
text-decoration:underline;
}
Change it to this:

a, a:visited {
color:#486301;
padding:0;
margin: 0;
text-decoration:underline;
}
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-06-2008, 01:50 PM Re: Linked image taking up unwanted space!
wildbackpacker's Avatar
Extreme Talker

Posts: 162
Name: Colton
Location: Utah, USA
Trades: 0
Thank you. That fixed it!
__________________
Colton
Wild Backpacker

Please login or register to view this content. Registration is FREE
wildbackpacker is offline
Reply With Quote
View Public Profile Visit wildbackpacker's homepage!
 
Reply     « Reply to Linked image taking up unwanted space!
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.48085 seconds with 12 queries