Hey guys got a question about location of text and css. At my site <!-- w --><a class="postlink" href="http://www.digitaleyesandears.com/testing/One/center1.html">www.digitaleyesandears.com/testing/One/center1.html</a><!-- w --> I have a plus sign, well I want the menu to appear to be center with that plus sign. In my css I do have text-align:center but because I know have the Prev and Next links it centers the text to those. Is it possiable to do this with css? Also after clicking the plus sign in firefox it leaves a line around the plus sign. Is there a way to remove this?
my css is <!-- w --><a class="postlink" href="http://www.digitaleyesandears.com/testing/One/general.css">www.digitaleyesandears.com/testing/One/general.css</a><!-- w -->
Thanks alotThe onfocus solves the selection box.
All the extra css and div will center the menu on the plus sign.
The -2px margin is required to fix the duplicate character bug (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/explorer/dup-characters.html">http://www.positioniseverything.net/exp ... cters.html</a><!-- m -->) in IE<div id="navlist">
<div style="overflow:hidden;width:15em;margin:0 auto;">
<a style="text-align:right;display:block;width:6em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/back.html" onfocus="this.blur();">Previous</a>
<a style="display:block;width:3em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:document.getElementById('divTable').style.visibility=(document.getElementById('divTable') .style.visibility=='hidden')?'visible':'hidden'">{+}</a>
<a style="text-align:left;display:block;width:6em;float:left;margin-right:-2px;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/front.html" onfocus="this.blur();">Next</a>
</div>
<div id="divTable" style="visibility: hidden;">The onfocus solves the selection box.
All the extra css and div will center the menu on the plus sign.
The -2px margin is required to fix the duplicate character bug (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/explorer/dup-characters.html">http://www.positioniseverything.net/exp ... cters.html</a><!-- m -->) in IE<div id="navlist">
<div style="overflow:hidden;width:15em;margin:0 auto;">
<a style="text-align:right;display:block;width:6em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/back.html" onfocus="this.blur();">Previous</a>
<a style="display:block;width:3em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:document.getElementById('divTable').style.visibility=(document.getElementById('divTable') .style.visibility=='hidden')?'visible':'hidden'">{+}</a>
<a style="text-align:left;display:block;width:6em;float:left;margin-right:-2px;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/front.html" onfocus="this.blur();">Next</a>
</div>
<div id="divTable" style="visibility: hidden;">
Hey fang i tested this locally but it doesn't work with FF. Do you know why?Works in IE and FF
Post it on your site.Works in IE and FF
Post it on your site.
ok i did and now it doesn't even appear hmmm.......
*EDIT*
Ok I see it but firefox has the menu all the way to the right. Do you see that?Also it pushed it down a few pixels how can I fix that ?Displays the same in IE6 and FF1.5, except for the font which you did not define in css.Displays the same in IE6 and FF1.5, except for the font which you did not define in css.
try it in screen res 1152.
Its all pushed over to the right for me in FF
Sorry I am talking about after you click the plus sign in FF the menu below it is pushed to the right alittle
*bump*
Anybody know why this happens?
my css is <!-- w --><a class="postlink" href="http://www.digitaleyesandears.com/testing/One/general.css">www.digitaleyesandears.com/testing/One/general.css</a><!-- w -->
Thanks alotThe onfocus solves the selection box.
All the extra css and div will center the menu on the plus sign.
The -2px margin is required to fix the duplicate character bug (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/explorer/dup-characters.html">http://www.positioniseverything.net/exp ... cters.html</a><!-- m -->) in IE<div id="navlist">
<div style="overflow:hidden;width:15em;margin:0 auto;">
<a style="text-align:right;display:block;width:6em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/back.html" onfocus="this.blur();">Previous</a>
<a style="display:block;width:3em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:document.getElementById('divTable').style.visibility=(document.getElementById('divTable') .style.visibility=='hidden')?'visible':'hidden'">{+}</a>
<a style="text-align:left;display:block;width:6em;float:left;margin-right:-2px;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/front.html" onfocus="this.blur();">Next</a>
</div>
<div id="divTable" style="visibility: hidden;">The onfocus solves the selection box.
All the extra css and div will center the menu on the plus sign.
The -2px margin is required to fix the duplicate character bug (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/explorer/dup-characters.html">http://www.positioniseverything.net/exp ... cters.html</a><!-- m -->) in IE<div id="navlist">
<div style="overflow:hidden;width:15em;margin:0 auto;">
<a style="text-align:right;display:block;width:6em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/back.html" onfocus="this.blur();">Previous</a>
<a style="display:block;width:3em;float:left;" href=http://www.webdeveloper.com/forum/archive/index.php/"#" onclick="javascript:document.getElementById('divTable').style.visibility=(document.getElementById('divTable') .style.visibility=='hidden')?'visible':'hidden'">{+}</a>
<a style="text-align:left;display:block;width:6em;float:left;margin-right:-2px;" href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.digitaleyesandears.com/testing/One/front.html" onfocus="this.blur();">Next</a>
</div>
<div id="divTable" style="visibility: hidden;">
Hey fang i tested this locally but it doesn't work with FF. Do you know why?Works in IE and FF
Post it on your site.Works in IE and FF
Post it on your site.
ok i did and now it doesn't even appear hmmm.......
*EDIT*
Ok I see it but firefox has the menu all the way to the right. Do you see that?Also it pushed it down a few pixels how can I fix that ?Displays the same in IE6 and FF1.5, except for the font which you did not define in css.Displays the same in IE6 and FF1.5, except for the font which you did not define in css.
try it in screen res 1152.
Its all pushed over to the right for me in FF
Sorry I am talking about after you click the plus sign in FF the menu below it is pushed to the right alittle
*bump*
Anybody know why this happens?