Dont know how to title this

14 replies [Last post]

Thu, 2009-09-10 21:33

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;
}

Tags:

Beginners CSS Questions

Fri, 2009-09-11 00:47

css-helper

Offline

Enthusiast

Last seen: 13 years 6 weeks ago

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.
=========================================================================

Fri, 2009-09-11 00:53

Tyssen

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

Fri, 2009-09-11 07:10

Hugo

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.

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

Fri, 2009-09-11 17:06

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;
}

Fri, 2009-09-11 17:23

css-helper

Offline

Enthusiast

Last seen: 13 years 6 weeks ago

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(

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

Regards

Fri, 2009-09-11 17:37

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

Fri, 2009-09-11 18:00

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?

Fri, 2009-09-11 18:37

css-helper

Offline

Enthusiast

Last seen: 13 years 6 weeks ago

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

Fri, 2009-09-11 18:44

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

Uou are looking at the old page with tables
I'm working on http://wassociation.com/trade/index.css.php which I will eventually replace

http://validator.w3.org/check?uri=http%3A%2F%2Fwassociation.com%2Ftrade%2Findex.css.php&charset=%28detect+automatically%29&doctype=Inline&group=0&verbose=1&user-agent=W3C_Validator%2F1.654

Fri, 2009-09-11 21:50

#10

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?

Fri, 2009-09-11 22:03

#11

Deuce

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

Fri, 2009-09-11 22:21

#12

css-helper

Offline

Enthusiast

Last seen: 13 years 6 weeks ago

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.

Fri, 2009-09-11 23:13

#13

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.

Sat, 2009-09-12 02:34

#14

Tyssen

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

Dont know how to title this

You've probably had this

You haven't enclosed your

bgbs please don't post

I will post the links. I'm

You've heard this before

I'm addressing those as I

down to 6 errors, can I get

Are we looking at the same

Uou are looking at the old

Does anyone care about this

It's only been a couple

You appear to have heeded

Thanks man, how am I

bgbs wrote:I'll donate some

User login

Navigation