...

View Full Version : Resolved display: block; problem



Blatch
04-03-2009, 12:55 AM
http://www.darkgamer.com/

If you look at my left navigation, the "Home" link's block onfocus touches the top part that says "DarkGamer".

How do I get it to work like my other links? It works fine in tables.. just not divs.

twodayslate
04-03-2009, 04:07 AM
validate

Excavator
04-03-2009, 04:43 AM
Hello Blatch,
It does act a lot different with a DocType.
There is a sticky in this forum about DocTypes, also a link in my sig about them.
There's also links about validating in my sig.

...

Blatch
04-03-2009, 05:10 AM
It is completely valid...

Any other suggestions?

twodayslate
04-03-2009, 05:36 AM
Wrap that whole block in a div



<div class="box">
<h3>Site name</h3>
<ul>
<li>link</li>
</ul>
</div>

You may want to wrap the h3 in a div or something to get the rounded corners

Blatch
04-03-2009, 05:46 AM
Didn't work. I've tried firebugging it, but to no avail.

TinyScript
04-03-2009, 06:06 AM
<div id="leftnav">


<div style="float: left;">
<div class="tleft"></div>

<div class="tmiddle" style="width: 188px; line-height: 26px;">
DarkGamer
</div>
<div class="tright"></div>
</div>what's this one closing?
<div>

oesxyl
04-03-2009, 06:15 AM
Didn't work. I've tried firebugging it, but to no avail.
try to validate css, it give me a error:


26 #header Value Error : background-color orange is not a color value : orange

I guess will work after.

best regards

Blatch
04-03-2009, 06:16 AM
The hex value doesn't make a different -_-

oesxyl
04-03-2009, 06:18 AM
The hex value doesn't make a different -_-
it make because when a browser detect a error in a css declaration ignore everything is inside.

regards

Blatch
04-03-2009, 06:20 AM
To make you happy, I changed it. It still doesn't work...

oesxyl
04-03-2009, 06:28 AM
http://www.darkgamer.com/

If you look at my left navigation, the "Home" link's block onfocus touches the top part that says "DarkGamer".

How do I get it to work like my other links? It works fine in tables.. just not divs.


To make you happy, I changed it. It still doesn't work...


#header {
background-color: #fff;
margin: 0;
padding: 100px 200px;
}

change values how you need.

regards

Blatch
04-03-2009, 10:36 AM
Dude... that's not my problem >_<

Ok, look where I put the link "test". When you are onfocus (click, but move the mouse) you will see the selection spans to the name of the category "Links". I want to remove this - meaning fix it so it matches the other links in terms of display: block;

oesxyl
04-03-2009, 10:49 AM
Dude... that's not my problem >_<

Ok, look where I put the link "test". When you are onfocus (click, but move the mouse) you will see the selection spans to the name of the category "Links". I want to remove this - meaning fix it so it matches the other links in terms of display: block;



<a style="display: block; outline: none;" href="#">test</a>

but this is a improvisation, the size of the block remain the same.

regards

Blatch
04-03-2009, 06:57 PM
Ok thanks.. I'll use this temporarily while I get someone to recode my divs xD

Excavator
04-03-2009, 08:55 PM
Hello Blatch,
try this -

ul {
list-style-type: none;
margin: 0px;
padding: 0px;
clear: both;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum