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.

CSS Forum


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



Reply
Divs creating breaks in my blockquote borders
Old 11-12-2008, 06:11 AM Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
I'm having this annoying issue with Internet Explorer of course...

I have a blockquote with 1px border all around... withing this blockquote I have a few div classes...

The problem I'm getting with stupid Internet Explorer (no other browser gives me this problem) is that the blockquote border breaks wherever those divs are placed...

Is there a way to fix this?
oceankid is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-12-2008, 07:29 AM Re: Divs creating breaks in my blockquote borders
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
Can you send a link to that page?
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-12-2008, 09:03 AM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
Here's the link:

http://6dollarmills.com/free_instant

View it in Internet Explorer... it's the only browser that's giving me this problem.
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 09:38 AM Re: Divs creating breaks in my blockquote borders
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
I fixed it by putting those inside div classes you mentioned into container like this:
<div style="width:500px;">
your div classes
your div classes
your div classes
.........
here you should clear them with (you didn't clear them and they have float:left:
<div class="Clear"></div>
</div>

This should work for you, checked it in FF, IE6 and IE7
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-12-2008, 09:44 AM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
I did clear them. I used .Clear,br

much better than div class clear. I just put a <br> after the last div and it clears. I'll try that div style you put. I'll let you know my results.
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 09:53 AM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
Yep. The div style worked.

I never used that before.. explain to me how that works? and why 500px? I think any number could have been used, and it wouldn't have made a difference.

Last edited by oceankid; 11-12-2008 at 09:59 AM..
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 10:12 AM Re: Divs creating breaks in my blockquote borders
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
I have just put some width, you may put the width you like, just don't go over 540px, you may put some class there and place that width into css...Yeah I see now, you cleared it with <br> but you used that <br> also in places where you didn't need to clear things, that is one of the reasons you should use <div class="Clear"></div> instead. You should clear things only when you need it.
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-12-2008, 10:30 AM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
The <br> has multiple purposes... its intended use is a line break, and that's what i used it for in those areas where no clear was needed... Check out my next page. http://6dollarmills.com/instant

After using the div style to fix the blockquote breaks, my text no longer wraps around the images as it did before (the images of the 2 ebooks). What do you suggest?

Last edited by oceankid; 11-12-2008 at 10:37 AM..
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 10:41 AM Re: Divs creating breaks in my blockquote borders
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
Here is how I done it for one of your books:

<div style="width: 500px;">
<div style="float:left;"><a href="http://6dollarmills.com/Google_Adwords_Made_Easy.pdf" target="_blank"><img src="instant_files/GAW_ebook.jpg" alt="Ebook: Google Adwords Made Easy" style="float:left;"></a></div>
<!--Begin WordWrap-->
<div class="WordWrap">
<p><span class="Red">Click the first ebook and start reading.</span></p> </div>
<!--End WordWrap-->
<div class="Clear"></div>
</div>
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-12-2008, 10:58 AM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
I think you might have made a mistake in your code

--> style="float:left;"></a></div> <--

that doesn't look right.
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 11:04 AM Re: Divs creating breaks in my blockquote borders
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
Well try it first, it will work....
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-12-2008, 11:13 AM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
Yep.. It worked. I've never used div style.. it's great
Thanks a lot for the help.

Last edited by oceankid; 11-12-2008 at 11:20 AM..
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 11:38 AM Re: Divs creating breaks in my blockquote borders
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
you may make a class, I just did that way so you can see what is done
<div class="something">

and then add it to css file:

.something {
width:500px;
}
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-12-2008, 11:53 AM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
Can't get the other ebook to wrap... for once Internet explorer is not the problem... firefox is not wrapping the text for the 2nd ebook
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 12:07 PM Re: Divs creating breaks in my blockquote borders
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
Here is the code for both books:

<div style="width: 500px;">
<div style="float:left;"><a href="http://6dollarmills.com/Google_Adwords_Made_Easy.pdf" target="_blank"><img src="instant_files/GAW_ebook.jpg" alt="Ebook: Google Adwords Made Easy" style="float:left;"></a></div>
<!--Begin WordWrap-->
<div class="WordWrap">
<p><span class="Red">Click the first ebook and start reading.</span></p> </div>
<!--End WordWrap-->
<div class="Clear"></div>
</div>

<div style="width: 500px;">
<div style="float:left;"><a href="Adsense_Arbitrage_KE_Case_Study_1.pdf"><img alt="Ebook: Adsense Arbitrage" src="Images/GAS_ebook.jpg"/></a></div>
<!--Begin WordWrap-->
<div class="WordWrap">
<p><span class="Red">Once you have read the first ebook, click and read the second one.</span></p>
<p>When both ebooks have been read, you'll need to purchase the keyword gererating software to complete the triple threat. <a target="_blank" href="http://deekaygee.bryxen4.hop.clickbank.net">Click Here Now</a> to do so.</p>
</div>
<!--End WordWrap-->
<div class="Clear"></div>
</div>
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-12-2008, 12:51 PM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
I created a class instead. It's not wrapping around the image though... I'll upload the page and you can take a look. http://6dollarmills.com/instant

Now I also realized something looks terribly wrong in Internet Explorer... It's the lack of sleep - I know I can fix these issues... I guess I'm just being lazy or just really out of it.

Last edited by oceankid; 11-12-2008 at 12:57 PM..
oceankid is offline
Reply With Quote
View Public Profile
 
Old 11-12-2008, 01:05 PM Re: Divs creating breaks in my blockquote borders
Skilled Talker

Posts: 52
Name: Delon
Trades: 0
Ok I decided to stop being lazy, and I fixed it.

Instead of all of the div styles, I assigned a class and gave it width 500

I then wrote a selector class, targeting the images within that class and floated it left... all I have to do now is give some right padding
oceankid is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Divs creating breaks in my blockquote borders
 

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.00579 seconds with 12 queries