CSS bottom border hover “jitter”
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:...
ImageView remove white border?
android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" So those padding lines are your issue. They can be aesthetically pleasing at times, but in your case you want it to fill the whole view. You can read more about padding in views here: http://developer.android.com/reference/android/view/View.html...
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 {...
How to re-height border for windows resize in XAML WPF
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...
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:...
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...
Border bottom smaller than the text [duplicate]
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...
Edge border for navigation bar
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...
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 =...
Border-top on input element is not “straight” [duplicate]
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...
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 =...
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 =...
I cant create a CSS border for this content
#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....
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...
How to stop element moving when its border-radius changes?
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:...
CSS border-image basic stuff
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...
Images in front of a border
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...
Producing an Error on input focus
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...
make disappear bottom line in tabs html jquery css
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...
JPanel with triangular 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()...
need multiple border around fixed position element
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> ...
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));...
Changing the border length in CSS
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. ...
Custom CSS top-border
It looks like there are 2 out-of-the-ordinary things you need to do for this: Have "partial" left and right borders. Add a diamond (or is it a circle?) to the center of the top border. To achieve number 1, you can add a ::before and ::after pseudo element to the...
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...
How i can do custom border for matrix in css
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...
Create a border around image when active/clicked
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...
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...
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...
Increase space between border and 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...
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...
Can't figure out how to remove text-decoration on
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...
Creating semi-transparent borders
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...
Change border height
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:...
Create text-area dotted on each line
With textarea use an dot image as background. #contactform textarea { background: url("dot-bg.png"); } ...
Tabbed Content: Left Border Disconnected from Tabs Above - html CSS jQuery
$('.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",...
Inside transparent arrow on the top
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...
Change color of a JTextField border without changing it's other properties?
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.)....
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...
set inner shadow border to be ontop of image inside div
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; } ...
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...
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;...
Div border affected after removing display:table and table-cell
Try overflow:hidden on .all - http://jsfiddle.net/99e7cz8d/10/ .all { /*display: table-cell;*/ border: 2px solid #006699; background-color: #0F3053; overflow:hidden } ...
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....
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> ...
Possible to place border on inside of padding using only one div?
Try this #bor-outline { width:100px; height:100px; background:grey; border: 5px solid #292929; outline: 5px solid #e3e3e3; } See demo...
CSS3 border animation ghost
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...
Border (outline) on gradient border
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:...
Border some cells in table via CSS
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 */ }...
How to create a border gap illusion
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...
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...
Border bottom center with fade out
use background effect on container box: background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#777), to(#fff)); ...
(Java) There are white borders around all my buttons
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...
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...
CSS gradient on border
html,css,background,border,gradient
That is because the background will extend to the border edge by default. You can avoid this by using the background-clip property, by setting background-clip: padding-box;. Working Example: input { background: transparent; font-family:'Open Sans'; border: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; padding: 5px; color: rgb(164, 164, 164); }...
put title of title border to the right in java swing
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....
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>...
ul percentage width with 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 put border image inside of div [duplicate]
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; } ...
how to make bottom border gradient? [closed]
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...
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...
How to reduce table border thickness?
You can style it like this: td, th { border: .1px solid black; } JSFIDDLE DEMO...
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%; } ...
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...
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/...
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...
Image border hover won't work
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...
Border in my site
body tag has default margin. To prevent it, add body { margin: 0 } See fiddle with your code with fix....
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...
Remove Black Border From Scanned Image c#
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...
How to remove border from table in WordPress
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....
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...
How to add row borders and zebra stripes (row striping) to datatables DT in R?
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...
How to make a double line border UIButton?
Another alternative would be to create a stretchable image using the UIImage method resizableImageWithCapInsets. What you do is to create an image that has the inside collapsed down to it's smallest possible size (1 pixel in this example) and then specify the sizes of the edges. When you create a...
borders slightly misaligned
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...
CSS/HTML : float left not working when I zoom out the browser
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...
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....
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; } ...
Cant find resolution for the error “invalid conversion from char to const char*”
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...
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,...
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...
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...
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...
HTML, remove border from top-left cell of a table
Try like this: Demo table tr.border-less>td { border-top: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; } ...
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...
adjusting li border-bottom “length”
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...
Adding a border is causing my header format to have issues
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...