Code Newbie
News     Forums     Search     Members     Sign Up    

My Code Newbie
Username

Password

Articles/Snippets
ASP Classic
ASP.NET
C
C#
C++
HTML / CSS
Java
Javascript
Linux / BSD
Perl
PHP
Python
Ruby
SQL
VB 6
VB.NET

C.N. Friends
  Planet Rome

Link to Us!
Code Newbie
  Code Newbie
    forums
Old 09-22-2003, 01:15 PM   #1 (permalink)
Admin
$_['Your_Mom'];
 
Admin's Avatar
 
Join Date: May 2002
Location: Santee
Posts: 627
Admin is on a distinguished road
Advanced CSS

anyone in here really good with CSS? i have a couple of problems that i am having trouble solving....
__________________


Urban Clothing
Admin is offline   Reply With Quote
Old 09-22-2003, 03:38 PM   #2 (permalink)
bdl
Senior Contributor
 
Join Date: May 2002
Location: vta.ca.usa
Posts: 555
bdl is on a distinguished road
I'm 'ok' with CSS, what sort of problem do you have?
bdl is offline   Reply With Quote
Old 09-27-2003, 09:27 AM   #3 (permalink)
Admin
$_['Your_Mom'];
 
Admin's Avatar
 
Join Date: May 2002
Location: Santee
Posts: 627
Admin is on a distinguished road
well, i got most of it figured out. but i am stuck on this last one.

http://mattmcinvale.com/index_new.php

scroll down to the monster energy drink image. it goes outside my <div> tag. how can i prevent this?
__________________


Urban Clothing
Admin is offline   Reply With Quote
Old 09-27-2003, 10:40 AM   #4 (permalink)
bdl
Senior Contributor
 
Join Date: May 2002
Location: vta.ca.usa
Posts: 555
bdl is on a distinguished road
Well for starters, you have several ID declarations on the same page; you can only use one instance of an ID per page (you can use several different IDs, not used more than once each), so you want to make #postBody a class (.postBody) so you can use it over and over in the same page. Same thing with 'postHeader', anything you are using more than once per page. Whats probably happening is since the <div> element is defined as an ID it breaks out over the structure of other <div> elements, therefore the image breaks out and does its own thing.

Change your CSS, and then <div class="postBody">, etc.

You might consider also changing the postBody definition altogether, make it solely for use with the <div> element, like

div.postBody { somestuff here; }

ID's are great for one single element structure, like <div id="header"> stuff like that.

I also notice in your postBody definition for 'text-align:' is left blank, I would comment it out unless you want to place a value there.

[edit] edited for clarification [/edit]
bdl is offline   Reply With Quote
Old 09-27-2003, 11:39 AM   #5 (permalink)
Admin
$_['Your_Mom'];
 
Admin's Avatar
 
Join Date: May 2002
Location: Santee
Posts: 627
Admin is on a distinguished road
thanks for the info

i changed them all out to be classes but its still expanding into the next class.

i messed with div.postBody but that didnt fix it either.

if you have any other ideas please send them over.
__________________


Urban Clothing
Admin is offline   Reply With Quote
Old 09-27-2003, 01:47 PM   #6 (permalink)
bdl
Senior Contributor
 
Join Date: May 2002
Location: vta.ca.usa
Posts: 555
bdl is on a distinguished road
Weird. I was sure changing it over to a class would make it fit into the div. I'll monkey with it and get back.
bdl is offline   Reply With Quote
Old 09-27-2003, 03:40 PM   #7 (permalink)
Admin
$_['Your_Mom'];
 
Admin's Avatar
 
Join Date: May 2002
Location: Santee
Posts: 627
Admin is on a distinguished road
thanks
__________________


Urban Clothing
Admin is offline   Reply With Quote
Old 09-29-2003, 10:26 PM   #8 (permalink)
bdl
Senior Contributor
 
Join Date: May 2002
Location: vta.ca.usa
Posts: 555
bdl is on a distinguished road
Well after much head scratching I was able to mangle it worse than it was before. The only thing I can think to do is add 'overflow: hidden' to your postBody class definition, which will just clip the image and keep it from jumping out of the box like that. No idea why it's doing it, sorry.
bdl is offline   Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

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 On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Explorer trouble (of course) easilyi HTML, XML, Javascript, AJAX 6 11-11-2004 03:59 PM
Need someone to streamline my CSS stylesheet for £/$ plonkeroo HTML, XML, Javascript, AJAX 0 01-18-2004 05:16 AM
CSS question Miststlkr HTML, XML, Javascript, AJAX 7 12-05-2002 07:29 AM


All times are GMT -8. The time now is 08:49 AM.


Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.0.0 RC8





Copyright © 2000-2008, Milano Interactive
Web Hosting provided by Portal 360 Web Hosting