1 Pixel Wrong, How To Fix This Error?

Arne-Christian

Nov 18 2006, 12:25 PM

If you see here:
IPB 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

Saint_Michael

Nov 18 2006, 03:20 PM

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

shadowx

Nov 18 2006, 05:10 PM

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!

BuffaloHELP

Nov 18 2006, 05:38 PM

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?

Saint_Michael

Nov 18 2006, 06:58 PM

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.

Arne-Christian

Nov 18 2006, 08:07 PM

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.

CODE

<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(&quot;url&quot;,&quot;url&quot;);"><img src="source/wysiwyg/img/hyperlink.gif" width="25" height="24" border="0" class="w_button" /></a><a href="java script:insert_bb_promt(&quot;img&quot;,&quot;img&quot;);"><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

jlhaslip

Nov 18 2006, 08:24 PM

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"

Arne-Christian

Nov 18 2006, 10:03 PM

CODE

.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

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE