View Full Version : Resolved display: block; problem
Blatch 04-02-2009, 11:55 PM 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, 03:07 AM validate
Excavator 04-03-2009, 03: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, 04:10 AM It is completely valid...
Any other suggestions?
twodayslate 04-03-2009, 04: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, 04:46 AM Didn't work. I've tried firebugging it, but to no avail.
TinyScript 04-03-2009, 05: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, 05: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, 05:16 AM The hex value doesn't make a different -_-
oesxyl 04-03-2009, 05: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, 05:20 AM To make you happy, I changed it. It still doesn't work...
oesxyl 04-03-2009, 05: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, 09: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, 09: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, 05:57 PM Ok thanks.. I'll use this temporarily while I get someone to recode my divs xD
Excavator 04-03-2009, 07:55 PM Hello Blatch,
try this -
ul {
list-style-type: none;
margin: 0px;
padding: 0px;
clear: both;
}
|