14 replies [Last post]
bgbs
Offline
Enthusiast
Last seen: 10 years 20 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

I'm having issue with "boarder-header" div. For some reason it doesnt inclose the class elements. Another words if I apply attributes to it, the "titlegreen" and "wts-wtb" are not effected, they sort of flow out of the "boarder-header div.

Am I missing something?

<div id="board-header">
 
   	  <div class="titleGreen">
		<?PHP 
 
		if ($currentPage != "search") 
			{echo "Wireless Market Listings: $type"; } 
		else { 
			$currentPage = "search";
			$searchuserid = $_REQUEST[searchuserid];
		$searchco = $db->get_row("SELECT co_name FROM user WHERE id = '$searchuserid'");
 
		echo "Results for: <strong>\"$q\"</strong>";
		if ($searchuserid!='')
			{echo " From: ".$searchco->co_name; }
 
		} ?> 
      </div><div class="wts-wtb"> <a href="/trade/?type=wtb">Only WTB</a></div><div class="wts-wtb"><a href="/trade/?type=wts">Only WTS</a></div>
</div>

#board-header {
	margin-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	height: 50px;
	display: block;
}
 
.titleGreen {
	font-size:25px;
	font-stretch:ultra-condensed;
	color:#33cc33;
	margin-left: 15px;
	padding-bottom: 5px;
	width: 500px;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
	padding-top: 10px;
	}
 
.wts-wtb {
 
padding-right: 20px;
display: inline;
float: right;
}

css-helper
Offline
Enthusiast
UK
Last seen: 13 years 6 weeks ago
UK
Joined: 2009-04-24
Posts: 120
Points: 4

You've probably had this

You've probably had this said to you before but: the best way to get feedback is to provide a link to a live page. The next best is to provide the full HTML (after server side processing) and the full CSS.

Regards

=========================================================================
If you are climbing a mountain the person most useful to you is just ahead of you on the rope (since they are still learning too).
The person who has already made it to the top is usually not much help whilst you are struggling on the rock face.
=========================================================================

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 17 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You haven't enclosed your

You haven't enclosed your floats.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

bgbs please don't post

bgbs please don't post server side code; with 49 posts to your name I shouldn't have to be saying this. Smile

Quote:

if ($currentPage != "search")
{echo "Wireless Market Listings: $type"; }

If it were important to understand your Styles as they related to Markup, how on earth would I know what the above snippet of code was actually going to echo?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

bgbs
Offline
Enthusiast
Last seen: 10 years 20 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

I will post the links. I'm

I will post the links. I'm remaking an old site built by another developer and converting all tables to css right now. It is a difficult procedure.

Original http://wassociation.com/trade/
CSS http://wassociation.com/trade/index.css.php

I'm also trying to figure out how to make the hover function just like in the table listings. If you move your mouse over a listing it changes background color to #EEE. When I try to do the same effect with my own css it makes the text EEE color and individual cells.

I'm not sure what I need to do to fix this

Thanks

#listings {
	margin-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	overflow: hidden;
	display: block;
	width: auto;
}
 
#listings :hover {
	background-color: #EEEEEE;
}

css-helper
Offline
Enthusiast
UK
Last seen: 13 years 6 weeks ago
UK
Joined: 2009-04-24
Posts: 120
Points: 4

You've heard this before

You've heard this before too: validate your code. The results for the link you gave are:
1487 Errors, 19 warning(Drunk

You might want to address those errors before doing anything else.

Regards

=========================================================================
If you are climbing a mountain the person most useful to you is just ahead of you on the rope (since they are still learning too).
The person who has already made it to the top is usually not much help whilst you are struggling on the rock face.
=========================================================================

bgbs
Offline
Enthusiast
Last seen: 10 years 20 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

I'm addressing those as I

I'm addressing those as I go.
I had 2000, down to 1277

bgbs
Offline
Enthusiast
Last seen: 10 years 20 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

down to 6 errors, can I get

down to 6 errors, can I get some help now?

css-helper
Offline
Enthusiast
UK
Last seen: 13 years 6 weeks ago
UK
Joined: 2009-04-24
Posts: 120
Points: 4

Are we looking at the same

Are we looking at the same thing? When I check your page the number of errors shows as having increased to 1568. See this link:

[url]http://validator.w3.org/check?uri=http%3A%2F%2Fwassociation.com%2Ftrade%2F&charset=(detect+automatically)&doctype=Inline&group=0[/url]

Regards

=========================================================================
If you are climbing a mountain the person most useful to you is just ahead of you on the rope (since they are still learning too).
The person who has already made it to the top is usually not much help whilst you are struggling on the rock face.
=========================================================================

bgbs
Offline
Enthusiast
Last seen: 10 years 20 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

Uou are looking at the old

bgbs
Offline
Enthusiast
Last seen: 10 years 20 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

Does anyone care about this

Does anyone care about this topic anymore?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 29 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

It's only been a couple

It's only been a couple hours...

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

css-helper
Offline
Enthusiast
UK
Last seen: 13 years 6 weeks ago
UK
Joined: 2009-04-24
Posts: 120
Points: 4

You appear to have heeded

You appear to have heeded Tyssen's observation and enclosed your floats. That leaves the hover issue you then added part way down the thread. Try removing the space in front of the hover pseudo class so that the line reads:
.listings:hover {

Picking up on Deuce's comment, you should remember that anyone offering you feedback is doing so entirely voluntarily and a pushy attitude is not likely to win you any friends. Given that it's also the weekend you are lucky to get any feedback at all tonight.

And validation still throws up errors and warnings: 116 errors and 18 warnings. Over to you.

=========================================================================
If you are climbing a mountain the person most useful to you is just ahead of you on the rope (since they are still learning too).
The person who has already made it to the top is usually not much help whilst you are struggling on the rock face.
=========================================================================

bgbs
Offline
Enthusiast
Last seen: 10 years 20 weeks ago
Timezone: GMT-6
Joined: 2007-08-29
Posts: 102
Points: 52

Thanks man, how am I

Thanks man, how am I supposed to know that a simple thing as removing a space fixes everything? What does space do anyways? Maybe you can recommend a good place or book for me to learn more about CSS.
I'll donate some cash for you guys, this forum deserves it.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 17 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

bgbs wrote:I'll donate some

bgbs wrote:

I'll donate some cash for you guys, this forum deserves it.

There's a donate button in the left column for the One Laptop per child program.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference