Jump to content
xisto Community
Sign in to follow this  
Arne-Christian

1 Pixel Wrong, How To Fix This Error?

Recommended Posts

If you see here:

Posted Image

You will see that its 1 pixel wrong, the upper pixel i can fix, but the one in the middle there i want fixed, it looks weird like that, so i would like if its possible to fix this error?

 

Thank you all

Share this post


Link to post
Share on other sites

I do not see it at all, but my guess would be to slowly erase that line and then redraw it.

Share this post


Link to post
Share on other sites

are you sure theres a problem? I cant see it either and i zoomed in to about 4x zoom and it all looks aligned perfectly to me!

Share this post


Link to post
Share on other sites

Ah... I don't know what we're talking about here. Are you asking for HTML table error where an extra 1px width is showing the picture above? The figure you provided, is that your construction of a script of part of Windows programs?Just to share my experience. I tried long ago to make my webpage identical to the Windows help "look." And I noticed that the gap between top menu of the browser and my webpage there was this "fade in embeveled" line. I tried to get rid of it but the bottom line is that it was all browser's fault. Internet Explorer automatically creates the separation 1px line between the browser menu and the webpage.Is that what you are talking about?

Share this post


Link to post
Share on other sites

OOOOOh I see it now duh you have 2 pixel lines instead of 1 is that what you are talking about? If thats the case grab your pen tool and select white as your color and redraw over it.or another way to do is grab your horizontal marquee tool and then fill it that way, it would the same thing but just quicker.

Share this post


Link to post
Share on other sites

Eh, none of thats right, i will try explain, if you see closely on the bit i zoomed you will see 1 line more then i want, thats the background colors, now i want that little line removed, everything there is CSS and the small images are some i created myself, now as you see that line makes the whole WYSIWYG editor look weird.

<script src="source/wysiwyg/eW.js" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="source/wysiwyg/eW.css"><!-- Toolbar (1) --><div class="w_toolbar">	  <select name="select" onChange="java script: insert_font(this.options[this.selectedIndex].value);" style="height:1px;">		<option value="0" selected="selected">Font</option>		<option value="Arial" style="font-family: Arial;">Arial</option>		<option value="Arial Black" style="font-family: Arial Black;">Arial Black</option>		<option value="Courier New" style="font-family: Courier New;">Courier New</option>		<option value="Impact" style="font-family: Impact;">Impact</option>		<option value="system" style="font-family: System;">System</option>		<option value="Times New Roman" style="font-family: Times New Roman;">Times new roman</option>	  </select>	  <select name="select2" style="height:22px;" onChange="java script: insert_bb('size=' + this.options[this.selectedIndex].value);">		<option value="0">Size</option>		<option value="1">1</option>		<option value="2">2</option>		<option value="3">3</option>		<option value="4">4</option>		<option value="5">5</option>		<option value="6">6</option>		<option value="7">7</option>	  </select>	  <br />	  <a href="java script: insert_bb('b');" accesskey="CTRL+B"><img src="source/wysiwyg/img/bold.gif" alt="Blod Text" width="25" height="24" border="0" class="w_button" /></a><a href="java script:  insert_bb('i');"><img src="source/wysiwyg/img/italic.gif" alt="Italic" width="25" height="24" border="0" class="w_button" /></a><a href="java script: insert_bb('u');"><img src="source/wysiwyg/img/underline.gif" alt="Underline" width="25" height="24" border="0" class="w_button" /></a><img src="source/wysiwyg/img/separator.gif" width="2" height="20" /><a href="java script: insert_bb('left');"><img src="source/wysiwyg/img/left_just.gif" alt="Left Align" width="25" height="24" border="0" class="w_button" /></a><a href="java script: insert_bb('center');"><img src="source/wysiwyg/img/centre.gif" alt="Center" width="25" height="24" border="0" class="w_button" /></a><a href="java script: insert_bb('right');"><img src="source/wysiwyg/img/right_just.gif" alt="Right Align" width="25" height="24" border="0" class="w_button" /></a><img src="source/wysiwyg/img/separator.gif" width="2" height="20" /><a href="java script: popup('color.htm');"><img src="source/wysiwyg/img/textcolor.gif" width="25" height="24" border="0" class="w_button" /></a><a href="java script:insert_bb_promt("url","url");"><img src="source/wysiwyg/img/hyperlink.gif" width="25" height="24" border="0" class="w_button" /></a><a href="java script:insert_bb_promt("img","img");"><img src="source/wysiwyg/img/image.gif" width="25" height="24" border="0" class="w_button" /></a><img src="source/wysiwyg/img/separator.gif" width="2" height="20" /><a href="java script: insert_bb('quote');"></a><a href="java script: insert_bb('quote');"><img src="source/wysiwyg/img/quote.gif" width="25" height="24" border="0" class="w_button" /></a><a href="java script: insert_bb('code');"><img src="source/wysiwyg/img/code.gif" width="25" height="24" border="0" class="w_button" /></a></div>	<!-- End of Toolbar(1) -->	<!-- WYSIWYG Editor Input -->	  <textarea name="writer" cols="10" rows="10" wrap="physical" class="w_textarea" id="writer" style="width: 99%; height: 200px;" ></textarea>	<!-- WYSIWYG Editor Input [END] -->	<br />

Thats the full CODE, yes its a mess :blink:

Share this post


Link to post
Share on other sites

Can you post the CSS file for the page? It may have something to do with the borders, etc surrounding the div's and textarea. Are there borders for both? Maybe drop the bottom border for the div containing the icons and have the textarea borders take effect ?Specifically: this class : class="w_toolbar"

Share this post


Link to post
Share on other sites
.w_toolbar{padding-left: 2px;padding-top: 2px;height: 52px;width: 98.6%;background: #F0F0EE;border: 1px solid #cccccc;border-bottom: 0;}.w_button:hover,.w_button img:hover{	background-color: #B6BDD2;	margin-top: 2px;}.w_button,.w_button img{	margin-top: 3px;}.w_textarea{	border: 1px solid #a6a6a6;	font-family: Verdana;	font-size: 10px;}.w_input{	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}
There you go, did a little edit before i posted it, but not a big one :blink:

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.