Client Side Things
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Codewalkers Forums > Other Technologies > Client Side Things
Reload this Page

Div boxes are broken?

Discuss Div boxes are broken? in the Client Side Things forum on Codewalkers.
Div boxes are broken? Here is a place to talk and ask questions about HTML, CSS, Javascript, and other client side technologies.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Codewalkers Forums Sponsor:
Stay one step ahead of the competition. Evaluate and give feedback on some of the hottest web development tools on the market today. Make your opinion heard! Click Here
  #1  
Old April 20th, 2008, 04:45 AM
student101 student101 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Nov 2007
Posts: 98 student101 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 27 m 47 sec
Reputation Power: 1
Question Div boxes are broken?
I have read through a few of the box models and so on in css but can't get this fixed.

My problem area starts here:
Code:
<div id="furlogo">.</div>

It doesn't flow like the menu divs do.
It shoots straight to the top of the page instead of the top of the next div tag.

I had to use this css code below to get it to work in firefox:
Code:
<!--[if IE]>
<style type="text/css">
#outer {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1F74C7;
	border-right-color: #3F9CE1;
	border-bottom-color: #1F74C7;
	border-left-color: #3F9CE1;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	background-color: #2985D2;
	height: 35px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
</style>
<![endif]-->

I need to have these divs working with me not against me or working with the other divs not against them.

Is there anyone who could shed light on this one for me?
link to div issues, view source to get the code.

Cheers
__________________
[DWMX 2004]|[DWMX 8]|[DW CS3]|[MySQL]|[SQL]|[Access ]|[ASP/VBScript]|[PHP]|[XP-Pro]
Global fix: "Invalid Default Script Language"

Make it idiot proof and someone will make a better idiot.
Reply With Quote
  #2  
Old April 20th, 2008, 02:30 PM
student101 student101 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Nov 2007
Posts: 98 student101 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 27 m 47 sec
Reputation Power: 1
Can't DELETE this thread, got it working, thanks.

I looked at these ideas again.
http://blog.html.it/layoutgala/

Worked like a charm.

Cheers
Reply With Quote
  #3  
Old June 16th, 2008, 12:46 AM
JohnFrank JohnFrank is offline
Contributing User
Click here for more information
 
Join Date: Feb 2008
Posts: 36 JohnFrank User rank is Just a Lowly Private (1 - 20 Reputation Level)  Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4Folding Points: 1668701 Folding Title: Super Ultimate Folder - Level 4
Time spent in forums: 7 h 31 m 28 sec
Reputation Power: 1
Quote:
Originally Posted by student101
Can't DELETE this thread, got it working, thanks.

I looked at these ideas again.
http://blog.html.it/layoutgala/

Worked like a charm.

Cheers
Threads can't be deleted by users.

It would be great if you could post the findings about what fixed your problem for others in a similar situation.
__________________
Reply With Quote
  #4  
Old June 16th, 2008, 01:10 AM
student101 student101 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Nov 2007
Posts: 98 student101 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 27 m 47 sec
Reputation Power: 1
Thumbs up
I looked at the designs of these: http://blog.html.it/layoutgala/ in great detail...

I also realised that having divs on their own is a tricky business, better to wrap them up in one div.

PHP Code:
 div#wrapemup{
    float:right;
    width:37.5%;
    height: 120px;
    background-image: url(../img/image.gif);
    background-repeat: repeat-x;
}

div.float {
    float: right;
    margin: 10px 20px 0px 0px;
}

===========================================

<div id="wrapemup">
<div class="float"><img src="" alt="" width="102" height="102" /></div>
<div class="float"><img src="" alt="" width="102" height="102" /></div>
</div> 


Adjust the widths & heights as needed.

Cheeers
Reply With Quote
  #5  
Old June 20th, 2008, 04:08 AM
vokic's Avatar
vokic vokic is offline
Contributing User
Click here for more information. Click here for more information
 
Join Date: Apr 2007
Location: Beocin, Serbia
Posts: 152 vokic User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 53 m
Reputation Power: 2
Send a message via ICQ to vokic
Hey just gonna give you a tip about css... You might now this already and you might not... Just to shorten you some time writing css.. So here is your code:

PHP Code:
<style type="text/css">
#outer {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #1F74C7;
    border-right-color: #3F9CE1;
    border-bottom-color: #1F74C7;
    border-left-color: #3F9CE1;
    padding-top: 2px;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 0;
    background-color: #2985D2;
    height: 35px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
</style> 


and here is how it can be done with less coding:

PHP Code:
<style type="text/css">
#outer {
    border-top: 1px solid #1F74C7;
    border-right: 1px solid #3F9CE1;
    border-bottom: 1px solid #1F74C7;
    border-left: 1px solid #3F9CE1;
    padding: 2px 0;
    background: #2985D2;
    height: 35px;
    margin: 0;
}
</style> 


Just wanna help... not to be a smart as*.. Or maybe you like it your way to separate everything...
__________________
http://www.vokic.net
Reply With Quote
  #6  
Old June 20th, 2008, 04:17 AM
student101 student101 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Nov 2007
Posts: 98 student101 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 27 m 47 sec
Reputation Power: 1
Thank you, I looked at my css books for the short-handed versions of code, I am sure that this:
Code:
 
 border-top: 1px solid #1F74C7; 
 border-right: 1px solid #3F9CE1; 
 border-bottom: 1px solid #1F74C7; 
 border-left: 1px solid #3F9CE1;

Can become this:
Code:
 border: 1px solid;
 border-color: #1F74C7 #3F9CE1;

So the entire code would look like this:
PHP Code:
<style type="text/css"> 
#outer { 
    border: 1px solid;
    border-color: #1F74C7 #3F9CE1;    
    padding: 2px 0; 
    background: #2985D2; 
    height: 35px; 
    margin: 0; 
} 
</style> 
Last edited by student101 : June 20th, 2008 at 04:20 AM.
Reply With Quote
  #7  
Old June 20th, 2008, 04:51 AM
vokic's Avatar
vokic vokic is offline
Contributing User
Click here for more information. Click here for more information
 
Join Date: Apr 2007
Location: Beocin, Serbia
Posts: 152 vokic User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 53 m
Reputation Power: 2
Send a message via ICQ to vokic
Yup forgot about that one... So you know it... Sorry for me being smart as* then..
Reply With Quote
  #8  
Old June 20th, 2008, 04:59 AM
student101 student101 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Nov 2007
Posts: 98 student101 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 27 m 47 sec
Reputation Power: 1
It's cool,
just wish I could figure out this FCKeditor, can't upload anything - it sux that it's so complicated to use such a basic tool.

Fixed!

Cheers
Last edited by student101 : June 20th, 2008 at 05:07 AM.
Reply With Quote
  #9  
Old June 20th, 2008, 05:23 AM
vokic's Avatar
vokic vokic is offline
Contributing User
Click here for more information. Click here for more information
 
Join Date: Apr 2007
Location: Beocin, Serbia
Posts: 152 vokic User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 53 m
Reputation Power: 2
Send a message via ICQ to vokic
Yup... I've tried to use it too long time ago.. Too complicated..
So now i'm using TinyMCE with my custom upload...

Basically.. TinyMCE + Iframe just like wordpress... And one sigle command for adding content to TinyMCE after upload...
Reply With Quote
  #10  
Old June 20th, 2008, 05:42 AM
student101 student101 is offline
Contributing User
Codewalkers Newbie (0 - 499 posts)
  
Join Date: Nov 2007
Posts: 98 student101 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 7 h 27 m 47 sec
Reputation Power: 1
It would be cool if it worked out of the box - but that's like asking for a chocolate cake and eating it.

Tested TinyMCE just now - not cool that you have to create an upload function or pay for it.
FCKeditor seems to be pretty cool, not sure about the security risks with these open source apps.

I tested the Interakt KTML (don't bother with it, unless you want spam x999999...), security holes and backdoors like crazy - and you have to buy it - must be the reason it was discontinued.
Reply With Quote
Reply

Viewing: Codewalkers Forums > Other Technologies > Client Side Things > Div boxes are broken?

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support |