Menu
  • HOME
  • TAGS

How can I remove the border of a TextView item in a ListView

android,listview,textview,border

If you want to set listselector null you can do it like below : in xml android:listSelector="#00000000" through coding : myListView.setSelector(new ColorDrawable(0x0));...

Border bottom center with fade out

css,border

use background effect on container box: background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#777), to(#fff)); ...

onclick css - border radius doesn't work

css,button,menu,border,radius

Add the following to your CSS #header-v4 #navigation ul#nav > li > a { border-top-left-radius: 8px; border-top-right-radius: 8px; } This should fix it. Hope this helps...

WPF DataGrid DataGridRow Selection Border and Spacing

wpf,datagrid,border,datatrigger

I've found that tweaking visuals is much easier with ListBox instead of DataGrid so maybe that could be one way to go. Try this as a starting point: <ListBox> <ListBox.ItemContainerStyle> <Style TargetType="{x:Type ListBoxItem}"> <Style.Triggers> <DataTrigger Binding="{Binding IsChecked}" Value="True"> <Setter Property="BorderBrush" Value="{StaticResource BorderColor}" /> <Setter Property="Background" Value="{StaticResource BackgroundColor}" /> </DataTrigger> </Style.Triggers>...

CSS bottom border hover “jitter”

html,css,colors,hover,border

The jittering seems to be caused by adding the extra 2px border at the bottom when you hover. That causes the text to rise up a bit. To fix this, make sure there's always a 2px border by changing your #navBarTop li a to this: #navBarTop li a { display:...

How to add row borders and zebra stripes (row striping) to datatables DT in R?

html,r,datatables,border

You can add the stripe and row-border class to the table container: library(DT) library(htmltools) datatable( head(iris, 20), container = tags$table( class="stripe row-border", tags$thead(tags$tr(lapply(colnames(iris), tags$th))) ) ) This will create the table container with both classes and the styling feature will be applied. You can add any other styling from the...

Border some cells in table via CSS

css,layout,border,cells

First add some classes to the cells you want to address. echo '<tr> <td class="border-tophalf">Bart</td> <td>189</td> <td>2</td></tr>'; echo '<tr> <td class="border-bottomhalf">Shirley</td> <td>211</td> <td>1</td></tr>'; Now you can add css to the specific classes: .border-tophalf{ border: 1px solid #000; /* adds full border */ border-bottom: none; /* removes bottom border */ }...

Extra misplaced pixel in border

html,css,animation,border

When you use % there is a chance that the width might not get divided properly. Let's say you have 3 items and you assign a width of 33% to each of them. If the browser's width is 100, then there's a chance that 1 of your items might get...

adjusting li border-bottom “length”

html,css,border

The problem is that your list-items should be displayed as regular block items. These would always scale to the full width of any container. For a <li> element that is actually the default behavior. By setting float: left; to the <li> items, alter this behavior. The following code would achieve...

Insert text in border CSS HTML

css,text,background-image,border

You can use the approach I described here Line separator under text and transparent background for the lines on the left/right of the titles. You can then use negative top/bottom margin to position them on the bottom and top borders : @import url(http://fonts.googleapis.com/css?family=Open+Sans:300); body { background-image: url(http://fr.playstation.com/media/5ZfqPjVF/BigSkyInfinity_Hero_EN.JPG); background-repeat: no-repeat; background-size:...

Create text-area dotted on each line

html,css,textarea,border

With textarea use an dot image as background. #contactform textarea { background: url("dot-bg.png"); } ...

HTML, remove border from top-left cell of a table

html,css,table,border

Try like this: Demo table tr.border-less>td { border-top: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; } ...

CSS/HTML : float left not working when I zoom out the browser

html,css,css-float,border

You can use border-box box-sizing to include the border when specifying the width of the elements: #main_container { width: 400px; margin: 20px auto; border: 2px solid #cccccc; padding: 5px; } .floated_box { border: 1px solid #990000; display:block; float: left; height: 100px; width: 198px; box-sizing: border-box; } <div id="main_container"> <div class="floated_box">box...

how to put border image inside of div [duplicate]

html,css,border,border-image

Codepen link Is that what you mean? HTML <div> <span> </span> </div> CSS div { border: 1px solid black; width: 200px; height: 200px; } span { box-sizing: border-box; display: block; width: 200px; height: 200px; border-width: 50px; border-image: url(https://www.castlejackpot.com/wp-content/uploads/dynamik-gen/theme/images/home-horizontal-border.png) 50 repeat; } ...

Div with border and top/right, bottom/left transparent edges

html,css,css3,border,css-shapes

It would be better to use box-shadow to create the above effect instead of pseudo-elements and borders. We would need two box shadows, one for the top and left areas and another (inset box shadow) for the right and bottom areas. The thickness of the bordering areas can be adjusted...

Border radius CSS3

html,css,css3,border,css-shapes

You could use pseudo effects to create something like this: html,body{ padding:0; margin:0; } body:before{ content:""; position:absolute; top:-50%; height:200px; width:100%; background:red; border-radius:100% } body:after{ content:""; position:absolute; height:200px; border-left:2vw solid black; border-right:2vw solid black; width:96vw; } It's basically made using an idea such as: /----------------\ <-- oval shape /------------------\ +--------------------+ <--top...

Modifying already added child elements

wpf,vb.net,border,parent-child,children

After endless series of trial and error, and persistent searches, I've found a solution that worked for me. To change the border color of any added Grid element with a mouse click on it, the mouse_down event looks like this: Dim ExistingBorder = CType(sender, Grid).Children.OfType(Of Border)().FirstOrDefault() ExistingBorder.BorderBrush = Brushes.Red Got...

Div border affected after removing display:table and table-cell

html,css,border

Try overflow:hidden on .all - http://jsfiddle.net/99e7cz8d/10/ .all { /*display: table-cell;*/ border: 2px solid #006699; background-color: #0F3053; overflow:hidden } ...

how to make bottom border gradient? [closed]

html,css3,border,gradient

you could use a pseudo element for this, allowing higher browser support than a border-image.. html, body { margin: 0; padding: 0; background: #222; } hr { position: relative; height: 0; border: 0; } hr:before { content: ""; position: absolute; top: 100%; left: 0; height: 5px; width: 100%; } .demo1:before...

Foundation 5 - modifying top-bar links to have a border-bottom with SASS

sass,zurb-foundation,border,navbar

By default the <a> tags in the top-bar are set with a line-height equal to the height of the top-bar to ensure they are aligned to the middle. If you want to use border bottom on a menu link and still have it vertically aligned to the middle of the...

Border with inverted rectangular corners

html,css,css3,border,css-shapes

Sample 1: Transparent background for shape with non-solid page background Here is an approach which supports non-solid background for the page (gradient or image), transparent background for the shape and also is scalable. The downside probably is the fact that it requires more than one element. .shape { position: relative;...

Is it possible to retain button's border after changing the Look and Feel? (Java Swing)

java,swing,button,border,look-and-feel

Last time I checked, there were a variety of bugs in PLAFs that caused these types of odd behavior. Especially when changing from the MetaL LAF (but a good swathe are related to Nimbus as well). The only reliable way to get the app. to change PLAFs is: Serialize the...

text boxes in html form going beyond borders of form

html5,forms,css3,textbox,border

By default, an element's padding is not included in its width/height dimensions. In your example, the elements were extending beyond the parent element because there was 10px of padding on each side of the elements. 100% + 20px != 100% You could add box-sizing: border-box to the elements in order...

How to reduce table border thickness?

table,border,thickness

You can style it like this: td, th { border: .1px solid black; } JSFIDDLE DEMO...

Using IE11 server - Rounded borders not showing?

html,css,border,internet-explorer-11,radius

Turns out the website this is going into plays in an iframe. I have come up with alternatives.

Can't figure out how to remove text-decoration on

css,border,text-decorations

In my example I had a mixing which I called globally to underline all a tags: @mixin hoverbottom($width: 2px, $style: solid, $color: $orangey-red) { &:hover { @include transition($link-transition); border-bottom: $width $style $color; } } Since the mixin isn't written in a smart way, I couldn't simply say border-bottom: none, but...

Border-top on input element is not “straight” [duplicate]

html,css,border

Try using box-shadow with no blur, you do have to add a margin though input { background-position: left 10px top 25px; background-repeat: no-repeat; background-size: 10px auto; border: 1px solid #ccc; color: #414042; font-size: 25px; font-stretch: condensed; font-style: normal; font-weight: lighter; padding: 15px; text-indent: 20px; width: 50%; box-shadow: 0px -15px 0px...

How to remove border from table in WordPress

wordpress,border

To your style.css add the following to the bottom of the file body:not(woocemmerce-page) .post-content table * { border:none!important; } This is because the current table styling gives each cell (td) a border of 1px....

Wordpress - CSS Remove bottom-border navbar

css,wordpress,border

Add this in your css: .btn a { border-bottom: none !important; } ...

Inside transparent arrow on the top

css,css3,border,css-shapes

As stated in the question, your case is a bit different from the example that was provided by web-tiki. In the example that you were referring to, the border with the transparent cut was included as the bottom border for the image whereas you need it as the top border...

JButton with padding between its border and the button itself

java,swing,border,jbutton,padding

The borders are part of the button and clicking on them will click the button. You can set the background as green, then paint borders over the background: jBtn.setBackground(Color.GREEN); jBtn.setBorder(BorderFactory.createCompoundBorder( BorderFactory.createLineBorder(Color.CYAN, 5), BorderFactory.createLineBorder(Color.BLACK, 20))); I've tried with setMargin(new Insets(x,y,t,z)) but it seems not working. Because if you read the documentation...

CSS border triangle point right [duplicate]

html,css,css3,border,css-shapes

You can use a pseudo element for this, and position it to the right. Using this design, you can create a border on the far right of the main 'div' element. The main thing to notice here is the use of a pseudo element. Once the 'parent' gets positioned relatively,...

Draw border around nontransparent part of image on canvas

javascript,image,canvas,html5-canvas,border

A bit late, but just draw the image offset which is much faster than analyzing the edges: var ctx = canvas.getContext('2d'), img = new Image; img.onload = draw; img.src = "http://i.stack.imgur.com/UFBxY.png"; function draw() { var dArr = [-1,-1, 0,-1, 1,-1, -1,0, 1,0, -1,1, 0,1, 1,1], // offset array s =...

Padding make item move after adding border on JS click

javascript,html,css,border,padding

The items are moving because you are adding an extra 6 pixels for each side that weren't there to begin with. When the item is first rendered, it might be x pixels wide, but when clicked, it is now border + padding + x + padding + border pixels wide....

Jekyll kramdown how to display table border

table,border,markdown,jekyll,kramdown

Minimum table styling is table{ border-collapse: collapse; border-spacing: 0; border:2px solid #ff0000; } th{ border:2px solid #000000; } td{ border:1px solid #000000; } ...

Border transtion on input like in MaterialUI

css3,border,transition

I've used the pseudo effect :after to achieve a pure css solution for a similar functionality, although only really works with 'hovering' the element: input { outline: 0; border: none; width: 200px; border-bottom:1px solid gray; } div { position: relative; width: 200px; height: 20px; } div:after { content: ""; position:...

Python PIL - AttributeError: 'NoneType' object has no attribute 'save'

python,border,python-imaging-library,crop,trim

The Python principle of EAFP could apply here. Basically you should have your code attempt to execute and then catch an AttributeError, telling it to skip that image. Like this: def CropImages(): global FOLDER for i in range(1, len(os.listdir(FOLDER))+1): image = FOLDER + "\\" + str(i) + ".jpg" img =...

How i can do custom border for matrix in css

html,css,html5,css3,border

you can use pseudo element :before and :after for giving border table { position: relative; } table:before, table:after { content: ''; height: 100%; position: absolute; border-color: black; border-style: solid; width: 10px; top: -1px; } table:before { left: -2px; border-width: 2px 0px 2px 2px; } table:after { right: -2px; border-width: 2px...

Draw lines between divs using css border

jquery,css,border,line,connections

From the documentation, you should be able to do this: <table> <td/> <td/> <th>example <tr> <td/> <th>example</th> <td/> <td/> <th>example</th> </tr> <th>example</th> <td/> <td/> <td/> <td/> <th class="class1">example</th> <tr> <td/> <td/> <th class="class1">example</th> </tr> </table> And then this: $('.class1').connections(); If you call it with the code they listed, it is...

Images in front of a border

html,css,border,z-index

I've tried to understand your question, but without real examples it's very difficult to uderstand: Anyway, here's a JsFiddle which I've created which I do believe is what you need. I do have a container with a padding, which is holding another container with a border. On top of that...

Browsers truncate border values to integers

javascript,html,css,border,pixels

The simple explanation is that the browser uses integers for border widths internally (or at least exposes them publicly as such). An example of this is the source code of Chrome (Chromium) which in the file ComputedStyle.h defines all border-widths as integers (line 508): There is little we can do...

How to create a border gap illusion

html,css,css3,svg,border

The typical way to do this is to position the tab element over the sub element, so as to cover up that section of the border. However, the use of box-shadow complicates this. One way is to add another element inside the root element, so that the root element can...

set inner shadow border to be ontop of image inside div

css,html5,border,shadow

You can just do... https://jsfiddle.net/hs5g1osv/1/ .thumb_images { float: left; margin-right: 5px; cursor: pointer; } .thumb_images img { border: 5px solid #ccc; -webkit-transition: border .15s ease-in-out; transition: border .15s ease-in-out; } .thumb_images img:hover { border-color: #f00; } ...

CSS float items with borders - But not on each side

css,grid,css-float,border,gallery

If you only want borders on the inside and none around the container, you may add a container with overflow:hidden; and use negative margins on the <ul> element to hide the unwanted borders : DEMO This way, you don't have to target each element to add specific borders to it...

Border bottom smaller than the text [duplicate]

html,css,html5,css3,border

You can do something like this using ::after JSFiddle CSS: h1 { font-size:64px; position:relative; text-align:center; } h1::after { content:''; position:absolute; width:150px; height:1px; background:#000; bottom:0; left:0; right:0; margin:auto; } You can use float:left or float:right to get your text to to align left or right, however you want. This way, you...

Change color of a JTextField border without changing it's other properties?

java,swing,border,jtextfield

I'd add the text field to a panel and set the border of the panel. That way, we can leave the border of the text field untouched and it will still have the appropriate border for that PLAF and situation (focused etc.)....

Creating semi-transparent borders

css,border

There is a CSS3 property for the background that you can use in order to have a semi-transparent borders that stay outside the background of the element. It's called background-clip. By default its property is background-clip: border-box;. In you case you should probably use: background-clip: padding-box; That way the background...

JavaFX Tooltip - border color bug

java,css,javafx,tooltip,border

I've managed to reproduce your issues, so I've been trying to find out the reason for this weird/buggy behaviour. First of all, I thought it had something to do with the length of the text, being that "C" has different length than "A". For debugging purposes, I've created the scene...

Slanted diagonal line in html or css?

html,css,css3,border,css-shapes

Based on CSS3 linear-gradients solution except that the angle is not hard coded: table:nth-of-type(1) td { background-image: linear-gradient( to top right, white 48%, black, white 52% ); } table:nth-of-type(2) td { background-image: linear-gradient( to top right, papayawhip calc(50% - 1px), black, papayawhip calc(50% + 1px) ); } /* for testing...

ul percentage width with border

html,css,html-lists,border

Use the border-box value for the box-sizing property for your links. This way if you add a border to your element, it will be included in your width, so you can simply use width:50% on your links. This is how it works: .nav a { border-left: 0px solid !important; border-right:...

How to stop element moving when its border-radius changes?

html,css,position,size,border

It is the border that is causing the issue you are seeing. I was able to combat this problem using a padding in the initial .rolloverImage class, and then removing the padding in the hover. .rolloverImages{ position: absolute; top: 150px; -webkit-transition: border-radius 1s; /* Safari */ transition: border-radius 1s; padding:...

I cant create a CSS border for this content

html,css,wordpress,border

#secondary{ background-color: white; left: 15px; border: 15px solid green; } You are missing the border-style style (ie. the solid part), whereby it can be shortened to the above syntax for brevity....

JPanel with triangular border

java,swing,jpanel,border

You might be able to use a FlowLayout: FlowLayout: Set to a negative value in a horizontal gap. Override JRadioButton#contains(int, int) Override JPanel#isOptimizedDrawingEnabled() import java.awt.*; import java.awt.geom.*; import java.io.Serializable; import java.util.*; import java.util.List; import javax.swing.*; public final class FlowLayoutOverlapTest { private static final int BORDER = 1; public JComponent makeUI()...

Change border height

css,css3,border

change border-top-width of triangle to any value you like: .box { width: 200px; height: 120px; position: relative; background-color: #88b7d5; } .box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(136, 183, 213, 0); border-top-color: #88b7a1; border-width: 100px; border-top-width: 50px; margin-left:...

Tabbed Content: Left Border Disconnected from Tabs Above - html CSS jQuery

jquery,html,css,tabs,border

$('.tabs-stage div').hide(); $('.tabs-stage div:first').show(); $('.tabs-nav li:first').addClass('tab-active'); // Change tab class and display content $('.tabs-nav a').on('click', function(event) { event.preventDefault(); $('.tabs-nav li').removeClass('tab-active'); $(this).parent().addClass('tab-active'); $('.tabs-stage div').hide(); $($(this).attr('href')).show(); }); body { MARGIN: 1.5% color: #666; font: 14px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande",...

Border (outline) on gradient border

css,border,gradient

This is not an ideal solution, but we can play with color stops and use ::before/::after pseudo-elements to fake the borders as follows: (Vendor prefixes omitted due to brevity.) div { width: 150px; height: 50px; background: linear-gradient(315deg, transparent 10px, red 10px, red 12px, black 12px); border-top: 2px solid red; border-left:...

Custom Control BorderThickness

c#,wpf,textbox,user-controls,border

In your custom control template style, you should set the parent container control as border and then use template binding to bind the border thickness. Here I've assumed that your CustomControl inherits a control that has BorderThickness as a property. <ControlTemplate TargetType="{x:Type clay:TextBox}"> <Border BorderThickness="{TemplateBinding BorderThickness}"> //Remaining xaml that makes...

How to re-height border for windows resize in XAML WPF

wpf,xaml,height,border

Use a Grid instead of a StackPanel then the border will stretch to the Grids height and width on resizing <Grid x:Name="STP" Margin="10"> <Border x:Name="STPB" BorderBrush="#FFE80707" BorderThickness="5" CornerRadius="10" /> </Grid> Window after your changes, Looks like the same after reize (make smaller) without your changes. http://i.stack.imgur.com/SplMn.jpg...

CSS: TD background color causing borders to disappear

css,border,background-color,border-color

Please remove border-collapse: collapse; for #myTable td. Which causes the border to disappear. Avoid giving that for td add like this instead #myTable, #myTable th, #myTable td { border: 1px solid #000; border-collapse: collapse; margin: 0; padding: 4px; position: relative; //REMOVE THIS } Also Please can you try removing the...

Remove Black Border From Scanned Image c#

c#,image,border

I’ve had good luck in the past process images using the Magick.NET library. It’s available on Codeplex or you can install it using NuGet in Visual Studio. Documentation for the library is a little sparse, but it’s served me well in the past. Depending upon the exact nature of the...

Do not add border first time HTML

html,css,row,border,html-table

In addition to the style you already have in your question, add :last-child to tr and then style the last td based on that. tr:last-child td { border: none!important; } Here's a fiddle: http://jsfiddle.net/8a0m19z7/...

How do you create a boarder in an SSRS Report?

reporting-services,group-by,border,hidden,row-number

For your TOP Border Style, use the expression: =IIF(Fields!TourDate.Value = PREVIOUS(Fields!TourDate.Value), "None", "Solid") This just checks to see if your TourDate field is different from the Previous row. The default would need to be solid. You can use it with the border color (black) instead if you want the grey...

make disappear bottom line in tabs html jquery css

border,out

If I'm understanding your situation correctly, the actual problem is how to add a border to previously opened tabs and removing the border on the "active" tab when you change tabs? In that case, I would assign an unifying class without any rules on it such as "videoTabs" then use...

Border in my site

html,css,border

body tag has default margin. To prevent it, add body { margin: 0 } See fiddle with your code with fix....

How to make my box model is well displayed?

border,margin,css

They need to be display:inline-block in order for margin to take effect. Updated Codepen...

Apply borders in a used cell Range VBA

excel,vba,loops,excel-vba,border

This code puts borders around all non-empty cells beyond B7. Sub Borders() Application.ScreenUpdating = False Dim lngLstCol As Long, lngLstRow As Long lngLstRow = ActiveSheet.UsedRange.Rows.Count lngLstCol = ActiveSheet.UsedRange.Columns.Count For Each rngCell In Range(Range("B7"), Cells(lngLstRow, lngLstCol)) If rngCell.Value > "" Then rngCell.Select 'Select cells With Selection.Borders .LineStyle = xlContinuous .Weight =...

Increase space between border and background-image

css,border,background-image

You can increase the space between the border and the background image with padding and background-clip:content-box; (see MDN for more info). Also don't forget to center the background image with background-position:center; .Tab1 { background-image:url("http://dl.dg-site.com/wp-content/themes/aeron/images/dl-products-icons5.jpg"); background-position:center; width:100px; height:73px; display:block; padding:20px; background-clip:content-box; } .Tab1:hover { border:1px solid green; } <div class="Tab1"></div> If...

Android EditText Border Background Color

android,android-layout,colors,android-edittext,border

Try this for shape. <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:thickness="0dp" > <stroke android:width="1dp" android:color="@color/test_blue_light" /> <solid android:color="@color/white"/> <corners android:radius="5dp" /> </shape> ...

CSS Transition Effect :: Text changing color, but not border

css,hover,border,css-transitions,border-color

You have set in some place of your CSS: .social-nets-wrapper .social li a:hover { text-decoration: none; border-color: #FFF !important; } Then, you need to put: .social-nets-wrapper .social li a:hover { color: #F7941E; border-color: #F7941E !important; /* add !important to override */ transition: all 300ms linear 0s; } Or better, find...

Why does the box come out like this (padding/border/margin)?

html5,css3,border,margin,padding

By default, <code> elements have a display of inline (which is going to generate an element box for every one of the parts separated by <br>). Switching to display: block (code { display: block } in your CSS) or display: inline-block will mean creating just one element box for your...

CSS3 border animation ghost

css,css3,animation,border

use forwards should be animation: ondas1 1s ease-out forwards; demo - http://codepen.io/victorfdes/pen/EjNWNY more explanation about animation-fill-mode after the animation is complete it goes to default state which has border 3px thats the reason you are seeing the rounded element at the left top once you use forwards the animation doesnt...

BorderLayout showing border lines

java,swing,border,border-layout

To remove the border between WEST and CENTER, just remove their borders panel2.setBorder(BorderFactory.createRaisedBevelBorder()); panel3.setBorder(BorderFactory.createRaisedBevelBorder()); If you want to retain their border with the frame's edge, then add a border to panel1 instead. As for SOUTH, if you want "to add a line across on top of the south border" and...

Changing the border length in CSS

html,css,css3,border

You can use margin to space your elements rather than padding if you don't want the border to show on the space in between elements. With regard to the other question, I don't think you can use % for a border. ...

Edge border for navigation bar

html,css,navigation,border

Use first-child and last-child properties and apply it like below. CSS nav ul li:first-child { border-left: 1px solid #A2A2A2; } nav ul li:last-child { border-right: 1px solid #A2A2A2; } FIDDLE DEMO...

CSS image border transparency/color issue

css,image,border

Maybe i am mistaken, but you can try to play with border-image-outset and margin attribute. float:left; margin:50px 20px; border-image-source:url(http://s9.postimg.org/40j461sf3/Div_Sprite.png); border-image-slice: 50% 25% 25%; border-image-repeat:repeat; border-image-width:auto; border-image-repeat:round; background-color: red; border-image-outset:30px; http://jsfiddle.net/6M59T/120/...

how to stop wiggling (jumping) list menu item on mouse over?

css,css3,user-interface,border

The simplest way to get rid of that is to modify the css like this: .inner LI { border: 1px solid transparent; padding: 0.25em 1.75em; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 90%; } ...

Producing an Error on input focus

jquery,focus,border

It seems that your code works. I just changed on thing (the event), because on facebook the error is triggered on focusout, not on focus (but you can do it on focus it also works) $('#login_form input').focusout(function() { if (! $(this).val() ) { $(this).css("border", "1px solid red"); } }); See...

How to zoom in when hover on image but make border stay in place?

css,hover,border,zoom,image-zoom

Place the background image div within a container: <div class="container"> <div class="bolimg"></div> </div> Move the dimensions and border to the container, and give it overflow: hidden: .container { width: 200px; height: 200px; border: 4px solid black; border-radius: 100px; overflow: hidden; } Use these styles for the bolimg class: .bolimg {...

(Java) There are white borders around all my buttons

java,swing,border

Your problem appears that you're adding JPanels to your GUI and not changing the opaque property. This property is by default true, meaning that the JPanel will paint a background that visually covers up anything below it, but if you set it to false by calling myPanel.setOpaque(false);, then any components...

Possible to place border on inside of padding using only one div?

html,css,css3,border

Try this #bor-outline { width:100px; height:100px; background:grey; border: 5px solid #292929; outline: 5px solid #e3e3e3; } See demo...

CSS Stop Hover on Button Border

css,hover,border

I took a look, This may not be the right answer based on the code i could inspect. What i did was this <p> <a href="http://victradeshall.com/cititec.com.au/managed-services/"> <i class="icon-3x fa-puzzle-piece extra-color-2" style="border: 1px solid #2AC4EA;"> <!--<i class="circle1-border"></i>--> </i> </a> </p> That seemed to get the border to have a fixed color...

Div with transparent gap inside border

css,border,transparency,css-shapes

You make a gap between the background colour and border with : one element. a transparent border to make the transparent gap between the box-shadow and the background. background-clip:padding-box; to clip the background inside the transparent border (otherwise the background colour would overflow and appear through the transparent border, more...

Cant find resolution for the error “invalid conversion from char to const char*”

c++,string,char,border,const

This: const string spaces = (greeting.size(), ' '); should be const string spaces(greeting.size(), ' '); With =, it attempts to initialise spaces with the result of the expression (greeting.size(), ' '). That expression uses the comma operator, which evaluates and discards greeting.size(), and gives ' ' as its result; so...

Create a border around image when active/clicked

css,image,border,active

This option is suitable? input{ display: none; } label{ display: inline-block; width: 100px; height: 100px; position: relative; border: 4px solid transparent; } input:checked + label{ border: 4px solid #f00; } <input type="radio" id="r1" name="radio" /> <label for="r1"> <img src="http://www.auto.az/forum/uploads/profile/photo-thumb-1.jpg?_r=1431896518" alt="" /> </label> <input type="radio" id="r2" name="radio" /> <label for="r2"> <img...

Android: How do I add a thin grey horizontal line on alert-dialog before the buttons?

android,android-layout,border,alertdialog,material-design

I found a solution for the grey line! :) I found the solution how to show the grey line at all here: How to make a static button under a ScrollView? For the check if I want to show it, I found the solution here: How can you tell when...

CSS: How to set up border radius cross browser (only IE8 and IE9 missing ?)

css,internet-explorer-8,internet-explorer-9,border,internet-explorer-10

You can't cover IE8 in pure CSS, because it does not support neither final nor vendor-prefixed implementation. IE9 will support it just fine. You can see full support table here: http://caniuse.com/#search=border-radius So based on this table, to answer your question, you won't need -ms-... for IE10 and -o-.. for Opera....

Adding a border is causing my header format to have issues

html,css,html-lists,border

start by cleaning up you HTML structure. You don't need to apply the class to all the LI's since they're all the same. Apply the block of CSS you had for .header to the ul instead Use line-height that measures the height of the ul to get the li to...

need multiple border around fixed position element

css,border,sticky

Use two divs instead. (Remember to set the height of the first one) <div style="position: fixed;"> <div id="content" style="height: 90%; position: relative; border-bottom: 1px solid gray;"> Your header </div> </div> ...

CSS border-image basic stuff

html,css,border

See the fiddle I have changed your CSS as follows CSS .ResourcesDiv { border-image:url("http://blogrope.com/wp-content/uploads/2013/06/003-wood-melamine-subttle-pattern-background-pat.jpg") 30 30 stretch; border: 15px solid url("http://blogrope.com/wp-content/uploads/2013/06/003-wood-melamine-subttle-pattern-background-pat.jpg") 30 30 stretch; width: 300px; padding: 10px 20px; margin: 50px; } Try it.. UPDATE Check the fiddle--tested in chrome and firefox...

Expand border from center on hover

css,css3,border,css-transitions

In order to expand the bottom border on hover from the center, you can use transform:scaleX'(); and transition it from 0.0001 to 1 on the hover state. Don't forget the vendor prefixes to maximise browser support : h1 { color: #666; display:inline-block; } h1:after { display:block; content: ''; border-bottom: solid...

put title of title border to the right in java swing

java,swing,border

The place to start is by reading the TitledBorder API. There are methods like: setTitleJustification(...); setTitlePosition(...); to help you position the title. I'll let you read the API to find the appropriate values for your requirements....

Wrong dashed outline around a

html,css,border,outline

Apply below style to the a tag should make the outline to be a rectangle: <a href="article/coolarticle" style="display:block;"> ...

Image border hover won't work

html,css,image,hover,border

The main issue is you are starting your class name with a numerical character change 10Img and start it with an alphabetic character. Ex. i change it from 10Img to aImg Then you can use .aImg img { border: 2px solid grey; } or only .aImg { border: 2px solid...

Remove border from Bootstrap accordion

html,css,twitter-bootstrap,border,accordion

DON'T USE !IMPORTANT. This works: .panel, .panel-group .panel-heading+.panel-collapse>.panel-body{ border: none; } ...

borders slightly misaligned

html,css,border

Give ul font-size: 0 or remove whitespaces between li. Inline-block elements considers the whitespaces too. You can read about this here. <li></li>...<li></li> // remove whitespace between li Fiddle Demo Or #aboutcontent #names{ list-style-type: none; font-size: 0; } Fiddle Demo...