w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
ON CONFLICT IGNORE - How to insert data into a dupes table if there is a conflict instead of ignoring
Are you looking for this? Tables CREATE TABLE programs ( programId INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, programName TEXT NOT NULL, episodeName TEXT, UNIQUE(programName, episodeName) ON CONFLICT IGNORE ); CREATE TABLE program_dupes ( programId INTEGER, programName TEXT, episodeName TEXT ); Trigger CREATE TRIGGER tg_programs_insert BEFORE INSERT ON programs FOR EACH ROW BEGIN INSERT INTO program_dupes (programId, programName, episodeName) SELECT programId, NEW.programName, NEW.episodeName FROM programs WHERE programName = NEW.programName AND episodeName = NEW.episodeName; END Here is SQLFiddle demo

Categories : SQL

Conflict resolution or conflict avoidance in GIT?
Should we be using branches to work separately? Yes: he should have done a git pull --rebase (for a branch not yet pushed), before pushing his changes, at which point you would have been able to merge his branch as a simple fast-forward merge. See also merge vs. rebase and a similar blog post. (from Git Is Your Friend not a Foe Vol. 4: Rebasing) More generally, yes, merge locally before pushing.

Categories : GIT

menu borders, current menu borders css
You could use a bit of jquery: $('.current-menu-item').css('border','none'); $('.current-menu-item').next('li').css('border-left','none'); $('.current-menu-item').prev('li').css('border-right','none'); Demo: http://jsfiddle.net/sDFzS/

Categories : Javascript

How to make css two borders?
This may work: .border { border:2px solid #36F; position:relative; z-index:10 } .border:before { content:""; display:block; position:absolute; z-index:-1; top:2px; left:2px; right:2px; bottom:2px; border:2px solid #36F }

Categories : CSS

show off borders in GXT 3
I've found my problem. When you want to set off ContentPanel borders, you should do this: public class LayoutPanel extends ContentPanel { public LayoutPanel() { ... setBodyBorder(false); ... } }

Categories : Gwt

CSS Borders workaround
Instead of scaling, you should use the below properties in your CSS, this way, the borders and paddings will be counted inside the element instead of outside as normal box model does. * { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } Also, you shouldn't use position: absolute; cuz I don't see any reason of using that over here.

Categories : HTML

3d borders on a html row
Both are visible on my side. Little alternative or addition to achive 3d effects: You can use CSS Outline. Its like a second border. http://www.w3schools.com/css/css_outline.asp

Categories : HTML

ios - Rectangles with borders overlapping
The reason the top line is thinner than the other ones is that you have a self.cellBorder line thickness that is greater than 0 and you are drawing that on a line where y = 0. When you do this, you will only see half of the line's thickness since the other half is above the drawing rect. To fix this, you simply need to draw your top lines at the y-position self.cellBorder / 2. Here's how the code would change: for (int i = 0; i < 7; i++) { // ... CGContextBeginPath(context); CGContextSetStrokeColorWithColor(context, [UIColor blackColor].CGColor); CGContextSetLineWidth(context, self.cellBorder); CGRect dayRect; if (i > 0) dayRect = CGRectMake(i*cellWidth+self.marginX - 1, self.cellBorder / 2, cellWidth, cellHeight); else dayRect = CGRectMak

Categories : IOS

How to create two borders - Pure CSS
If you simply want two borders without using CSS's outline property, why don't you simply create a border bottom for div#headerWrapper and one for div#headerContent making that of headerWrapper darker: div#headerWrapper { border-bottom: solid 1px #3D9ED5; } div#headerContent { border-bottom: solid 1px #81CEFA; background-color: #54BEFB; } If you want the exact appearance of your picture, you can do so by adding the following code (assuming that the part below the border should be empty): header { height: 50px; background-color: #FBFBFB; } If text should be inserted into the lower half of the picture, add it after the outer div (in header) and remove the height from the CSS.

Categories : CSS

Blur borders on image via css
Whilst you can't apply a box-shadow directly to an image you could apply it with a :before or :after HTML <div class="shadow"> <img src="http://lorempixel.com/400/200/" /> </div> CSS .shadow { display:block; position:relative; } img { width: 100%; height: 100%; } .shadow:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,1); box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,1); }

Categories : HTML

is it possible to "merge" two table borders into one another?
You could override the styles with adjacent sibling selectors: table + table { border-top: 0; } Or general sibling selectors table ~ table { border-top: 0; } Fiddle #1 Update In this case, It's better to collapse the borders first: table { border-collapse: collapse; } table, td, th { border-style:solid; border-width:1px; border-color:#000; } table + table, table + table tr:first-child > * { border-top: 0; } Fiddle #2

Categories : HTML

WPF DPI rendering issues with two borders
Bravo Microsoft - https://connect.microsoft.com/VisualStudio/feedback/details/798513/wpf-dpi-rendering-issues-with-two-borders Yet again, this issue will not be addressed nor fixed.

Categories : Wpf

CSS fading top and bottom "borders"
Do you want something like this? Demo (Some breathing space for your content, I've used margin there, just make sure that it will apply to both, :before as well as :after, so if you want to separate, declare margin separately for each, p.s - I've made colors lil lighter) /* Using only background gradients */ .one { width: 400px; padding: 20px 25px; margin: 40px auto; } .one:before, .one:after { content: ""; height: 1px; /* I've removed the vendor prefixes, if you are looking to support older browsers then refer to older version of this answer. */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%); display: block; margin-bottom: 10px; margin-top: 10px; } Explanation: I've used :before

Categories : CSS

Borders don't show up in firefox
In the .trap CSS rule this is breaking Firefox filter: url(#drop-shadow); Remove it or comment it out and they will show up. Also I don't think you can pass an ID based selector to a url() in CSS though I could be wrong.

Categories : Jquery

How to make borders collapse (on a div)?
here is a demo first you need to correct your syntax error its display: table-cell; not diaplay: table-cell; .container { display: table; border-collapse:collapse } .column { display:table-row; } .cell { display: table-cell; border: 1px solid red; width: 120px; height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

Categories : CSS

How to set Borders graphics G JAVA
You could calculate the 'future position' for a move, and test for collisions. If a collision occur, dont'move, otherwise you're ok to move. See if this logic can help you: public boolean willCollide(int row, int col, Board map) { return map[row][col] == 1; } public void moveLeft(Hero hero, Board map) { //watch for index out of bounds! int futureCol = hero.y - 1; if (! willCollide(hero.row, futureCol) hero.y = futureCol; }

Categories : Java

Borders are not not rounded in html
Easy, your anchors doesnt have any border radius so overlaps the UL borders... apply a class to the first child, with a border radius on left corners (top and bottom) and another to last child with the same on right. Something like this: .menubar > li:first-child a { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .menubar > li:last-child a { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } Any question, let me know

Categories : HTML

CSS Linear gradient borders
I'd recommend checking out a site like: http://www.colorzilla.com/gradient-editor/ Play around with the gradient settings, and it will auto-generate the CSS you need (including support for older browsers). At the very least, the code provided might help you figure out any of your syntax errors.

Categories : CSS

Expand borders on xaml app?
If your buttons are in a stack panel, you can lock (anchor) the stack panel to the bottom of your LayoutRoot and set the height of the stack panel to a height close to the height of your buttons. Then, I would look at setting the LayoutRoot width and height to auto. You can also configure your grid with rows and cols along with their dimensions. try this xaml: <Grid> <StackPanel HorizontalAlignment="Center" Margin="0,278,0,0" Width="517" Orientation="Horizontal" Height="50" VerticalAlignment="Bottom"> <Button Content="Button"/> <Button Content="Button"/> </StackPanel> </Grid> On your grid you'll see little locks positioned at the center of ever side of the grid. If you add an object and move your mouse along the locks your c

Categories : C#

How to get shadow to appear between borders on a table?
Do you want to achieve something like this: http://img856.imageshack.us/img856/8865/tableim.jpg ? My only idea currently is to set few absolute positioned divs in table (but then table cells width and heights should be set), and to add box-shadow to these divs...

Categories : HTML

Border over borders CSS List
it is normal, borders reaches each other to the corners. you may draw your line with box-shadow: http://jsfiddle.net/T6KrE/32/ #contactList > li { font-weight: bold; color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -2px 3px -2px gray;; background-image: -webkit-linear-gradient(#ededed, #eff0f2); background-image: -moz-linear-gradient(#ededed, #eff0f2); background-image: -ms-linear-gradient(#ededed, #eff0f2); background-image: linear-gradient(#ededed, #eff0f2); border-left:10px solid green; border-right:1px solid #999999; height:55px; }

Categories : CSS

Using borders cause wrong alignment with Bootstrap 3
Your problem occurs because of the additional CSS class header-news-section on your first row with margin-left: 0px;. This overrides the original margin which is defined for column classes and therefore the news articles appear more left than your Jumbotron. This is the relevant part at the bootstrap docs: Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and last column via negative margin on .rows. Just add another div inside the columns like this where you may apply custom styling: <div class="col-xs-12 col-sm-4 col-lg-4"> <div class="header-news-section"> <img src="{{ URL::to('TEST/haber.jpg') }}"class="img-rounded header-news-section-image pull-left" alt="Haber"> <a href="#

Categories : HTML

JFrame - setting locations / borders?
For simple splitting of a JFrame you can use a GridLayout with 2 rows and 2 columns. frame.setLayout(new GridLayout(2,2,3,3)); //3,3 are gaps frame.add(grid); //add components here...

Categories : Java

KendoUI Grid without borders request
Try: .k-grid, .k-grid * { background: white !important; border: 0 !important; } This forces all background for k-grid to white removing gradients and background images and sets borders to 0px (no border).

Categories : Kendo Ui

How to create CSS browser-specific borders
If FireFox is bugging out, it may be worth going down the route of images for firefox. You could have some classes: .tr, .tl, .br, .bl { display: none; /* Don't show for normal browsers. */ } @-moz-document url-prefix() { /* Activate for FF. */ div { /* Probably best to tie this to a class / id. */ position: relative; } .tr, .tl, .br, .bl { display: inline; position: absolute; } .tr { /* top right */ background-image: url("curved_top_right.gif"); top: 0; right: 0; } .tl {} /* top left - Use .tr as a ref */ .bl {} /* bottom left - Use .tr as a ref */ .br {} /* bottom right. - Use .tr as a ref */ } Then in your Html <div> <div class="tr"></div> <div class="tl"></div> <div

Categories : CSS

CSS 3 specials rounded corners in borders
look into this answer: Custom Shape with Border & Background my advice would be an SVG as background (as it is a vector gfx (stays crisp) and you can define how parts of it should behave when resizing). see: http://caniuse.com/#feat=svg-css

Categories : HTML

Multiple borders around a div with a transparent layer
I think the only way to do this is by using a wrapper unfortunately. I'm not sure if it is possible to get the transparency through the button background. Although, if you know the background color, you can use that in the border obviously, but of course this won't work for background gradients. Here is a proposed jsFiddle showing knowing the color, and another using a wrapper: http://jsfiddle.net/eD6xy/ HTML: <div class="box one-div">(1 div, know color)</div> <div class="two-div"> <div class="box">(2 divs, pure transparent)</div> </div> CSS: /* With one div, works fine with a constant color (#abc) But with gradient, probably won't match up correctly */ .one-div { margin: 15px 10px; border: 5px solid blue; box-shadow: 0 0 0 5px #abc

Categories : HTML

How to set custom DataGridView Borders in C# winforms
You need to do a little custom painting by adding code to the CellPainting event handler. For setting the cells border to None, use CellBorderStyle: dataGridView1.CellBorderStyle = DataGridViewCellBorderStyle.None; // CellPainting event handler for your dataGridView1 private void dataGridView1_CellPainting(object sender, DataGridViewCellPaintingEventArgs e) { if (e.RowIndex == -1 && e.ColumnIndex > -1) { e.Handled = true; using (Brush b = new SolidBrush(dataGridView1.DefaultCellStyle.BackColor)) { e.Graphics.FillRectangle(b, e.CellBounds); } using (Pen p = new Pen(Brushes.Black)) { p.DashStyle = System.Drawing.Drawing2D.DashStyle.Dash; e.Graphics.DrawLine(p, new Point(0, e.CellBounds.Bottom-1), new Po

Categories : C#

How can I show text touching div borders?
You can with pure CSS if the font-size is a fixed value, by using an extra span: HTML: <div id="box"><span>FAKTURA</span></div> CSS: #box { height: 20px; overflow: hidden; border-bottom: 1px solid black; display: inline-block; } #box span { font-size: 24px; } Check JSFiddle However, your point 3 says that the font-size can be different. Than you can't fix it with pure CSS. However with JQuery you can: HTML stays the same. CSS: #box { overflow: hidden; border-bottom: 1px solid black; display: inline-block; } #box span { font-size: 24px; } JQuery: $(document).ready( function() { var fontSize = parseInt( $("#box span").css('font-size'), 10); fontSize = fontSize - 4; $("#box").height( fontSize+"px" ); }); A

Categories : Jquery

td borders were hidden behind tr background color in IE8
I'm checking your Code. and the first thing that pop to my eyes is that you enclosed your body with a form. it's supposed to be the other way around. Change this: <html> <head></head> <form> <body> .. </body> </form> </html> To this: <html> <head></head> <body> <form> .. </form> </body> </html> Secondly: close your input tags. Change this: <input name="pid[]" type="checkbox" value="itemOne"> <input name="pid[]" type="checkbox" value="itemTwo"> To this: <input name="pid[]" type="checkbox" value="itemOne" /> <input name="pid[]" type="checkbox" value="itemTwo" /> Third: ID should be unique. you have

Categories : CSS

html table with borders of different widths
giver header border thickness and others thinnes th { border: 4px solid black; } td { border: 1px solid black; } Demo

Categories : HTML

Flot Grid with Customised Borders
Which version of flot are you using? The borderWidth property did not accommodate an object as the value until version 0.8. Make sure you are using the latest version (0.8.1) and give it another shot. The only other thing I notice is the missing comma after the borderWidth values. Should be "left: 1 }, borderColor..."

Categories : Javascript

TComboBoxEx with VCL-Styles: Borders flicker
This Border flicker issue is not the product of using Delphi VCL Styles. (The same problem can be observed without using VCL styles) The culprit here is the Desktop Window Manager which is an essential part of Windows Visual Styles and Themes. The reason why you are seeing this issue and others may not, is because you have at some point changed the default Windows Theme (aero theme) or you've changed a specific Visual effect property of your selected theme. You perhaps also have intentionally or unintentionally disabled the Desktop Window Manager since it runs as a Windows service. To be more exact, the issue is resolved if you enable the Desktop composition feature. This feature is only available in Aero themes(default) but not in Basic or Classic, tho sometimes it can appear to be

Categories : Delphi

Fullscreen video without black borders
If you know the aspect ratio of your video, you shouldn't even need Javascript. You can use a percentage-based padding-top. I could post code, but I'd recommend you read this entire article anyway.

Categories : Javascript

Collapse Borders on Specific td class
You could remove the cellspacing from the whole table so it would look like this: table class="maintable " width="100%" cellpadding="0" align="center" cellspacing="0"> Then add a border or spacing to the td's that you do want to have a white line on.

Categories : CSS

Bootstrap table without stripe / borders
Try this: <table class='borderless'> CSS .borderless { border:none; } Note: What you were doing before was not working because your css code was targeting a table within your .borderless table (which probably didn't exist)

Categories : HTML

How to make TabPane borders green
You can set the style on the TabPane (set it to a blank string afterwards): tabPane.setStyle("-fx-padding: 1; -fx-background-color: green, -fx-control-inner-background; -fx-background-insets: 0, 1;"); OR if you want to be really cool, you could do it all in a CSS style sheet (and add the styleClass "dragTab" to all your Tab Panes when you start the drag (and remove when the drag ends). It eliminates two mouse listeners at least. .dragTab:hover { -fx-padding: 1; -fx-background-color: green, -fx-control-inner-background; -fx-background-insets: 0, 1; }

Categories : Java

What's the issue with this 9-png , showing black borders?
Possible solutions:- Have you created 9-patch images properly. check out this site and create 9patch image. donot remove .9 extension from image like sample.9.png Donot resize image after creating 9 patch image. Refresh-Clean-build project to apply changes you made in resource folders Hope this helps...

Categories : Android

right and left borders appears on top of the top border
I second what @Curt says - though you can get the desired behaviour by overlaying an absolutely positioned pseudo-element on the div: div { background: #e8e3dd; border-top: 4px solid #172e4e; height: 100px; position: relative; width: 100px; } div::after { content: ""; position: absolute; bottom: 0; top: 0px; left: 0; right: 0; border-right: 4px solid khaki; border-left: 4px solid khaki; } http://jsfiddle.net/vpHW5/2/

Categories : CSS

Why parent and child borders do not overlap?
If you want to include borders within hight/weidth of a boxe, you should use : box-sizing:border-box; http://www.w3.org/TR/css3-ui/#box-sizing0 (prefix might be needed :) )

Categories : HTML



© Copyright 2017 w3hello.com Publishing Limited. All rights reserved.