w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
css before & after vertical alignment top
it would be much easier to use 'letters symbol' in hex format and vertical-align them with line-height :) http://codepen.io/anon/pen/fcAji .handle { width: 110px; height: 15px; cursor: move; position: relative; top: 0; left: 0; margin-left: -1px; z-index: 100; background-color:#00718E; line-height: 15px; font-size:15px; } .handle:before { content:"25C0"; position:absolute; top:0; left:3px; line-height: 15px; color:white; } .handle:after { transparent; content:"25B6"; position:absolute; top:0; right:3px; line-height: 15px; color:white; } unless you do not want to use characters .

Categories : CSS

sub menus vertical alignment
jsfiddle here http://jsfiddle.net/Ec98p/ try with this css #menu{ border:1px solid red; height:30px; } #menu ul { list-style:none; margin:0; padding:0; position:relative; text-align:center; } #menu ul li { display:block; float:left; list-style:none; margin:0 2px 0 0; padding:0; position:relative; } #menu li ul { position:absolute; display:none; border:1px solid green; } #menu ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; background:#ddd; color:#000; text-decoration:none; line-height:1.3em; } #menu ul li a:hover { background:#369; color:#fff; } #menu ul li a.active, #menu ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } #menu ul li:hover ul { display: bl

Categories : HTML

CSS Text Vertical Alignment
Try adding .commentBox { margin-top: 10px; } Due to the amount of lines in your heading varying this will be difficult to get it exactly center but you can adjust the height top something of your liking

Categories : HTML

NSComboBox vertical alignment
try: NSComboBox* cbx = ZGKeyComboBox.new; // NSViewMaxYMargin means: The top margin between the receiver and its superview is flexible. cbx.autoresizingMask = NSViewMaxYMargin; cbx.itemHeight = cbx.itemHeight + 3; // addSubview will center vertically NSRect r = NSMakeRect(x, y, width, cbx.itemHeight + 5); cbx.frame = r; ... [parent addSubview: cbx];

Categories : Objective C

Another DIV CSS vertical alignment issue
There is nothing new to this question. Still, here is the answer: #container { height:82%; min-height:600px; width:938px; position: relative; } #container div { width:400px; height:400px; padding:70px; border-radius:100%; text-align:center; position: absolute; top: 50%; left: 50% margin-top: -270px; margin-left: -270px; } Another posiibility would be to set the container to display: table and the inner div to display: table-cell and vertical-align: middle.

Categories : CSS

CSS3 vertical alignment
Hmm, I think this can be achieved with some quick use of relative and absolute positioning. Add these styles to #serverInfo: #serverInfo { height:100%; position:relative; } And replace the styles of #serverListBottom with this: #serverListBottom { position:absolute; bottom:0; left:0; right:0; padding:0 0 3px; } You can change the bottom padding to adjust how far you want the IP from the bottom. (You can also get rid of the deprecated "valign" attribute on #serverListBottom.) I hope that's what you were looking for. If not, feel free to say so, and I'll be happy to try to help you further.

Categories : HTML

Inline element vertical alignment
You don't need vertical alignment, you just need to reset your CSS and use padding. You need to adjust accordingly to the size of your image. #navi { background: #ed7a4f; } #navi ul, navi li { margin:0; padding:0; list-style:none; } #navi li { display: inline-block; } #navi a { display:block; padding: 0px 5px 5px 5px; }

Categories : CSS

Vertical alignment of text and a div inside another one
Hi SunSky I forked your fiddle and made this one, you can use transformation properties to rotate the text. This should work in webkit browsers, mozilla, opera and IE9. I didn't try it on earlier versions of IE but it should work at least in IE versions 7 and 8. The transform property works with the browsers mentioned except <=IE8 for IE 7,8 I put css property writing-mode:tb-lr; and text-orientation:sideways-lr; to get the desired effect in these older IE browsers. You will have to play with those values to get what you really want. With transformations it's easier since you only have to rotate it to the point you want it, if you want to center it or move it from the edges of the divCenter just use paddings, to center the box you use margin-left:auto; and margin-right:auto; for these

Categories : HTML

How to keep the vertical alignment of a list consistent?
Use style below: .list { margin-left:20px; list-style-position:outside; } http://jsfiddle.net/7u5aN/1/ And a padding/margin if needed. By the way, I can see that it is by default in both Chrome and FF.

Categories : HTML

How to get the vertical and horizontal alignment by an integer?
Because these values are not suited for being used as bit flags (masks). & is not magic - it's just the bitwise AND operator. And if you bitwise AND a number with 1 then you compare the result to 1, that only checks if the least significant bit was set in the original number, i. e. if it was odd. Thus, (textAlignment & GravityHorizontalCenter) == GravityHorizontalCenter will yield true for any odd number. If you want to use numbers as flags, you have to make them different powers of two, like this: GravityHorizontalCenter = 1, GravityLeft = 2, GravityRight = 4, GravityVerticalCenter = 8, GravityTop = 16, GravityBottom = 32,

Categories : IOS

vertical alignment of ul all the way to the top inside a div - no img, just text
ul does not get its margin from body, you can see it clearly in firebug; it works if you give it its own margin as shown in this fiddle body, ul { color:#000000; background-color:#FFFFFF; margin: 0; padding: 0; } obviously, there are more elegant ways of assigning the correct css, just done that way for demonstration purposes

Categories : HTML

how to fit UILabel in portrait and landscape and also vertical alignment?
you can use flexible height for fixing vertical alignment with OR operator Label.autoresizingMask = UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight; EDIT: Label.autoresizingMask=UIViewAutoresizingFlexibleWidth|UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleTopMargin|UIViewAutoresizingFlexibleLeftMargin;

Categories : IOS

Changing the vertical alignment of floated elements
The problem is that I notice you are using .column1 and .column2 and you are alternating to use one time for the description and one time for the poster. So it's behaving as it should by adding your "even" poster at the bottom where the description should be. This means that the poster markup ends up lower than it should be, in this case I would suggest a different approach with CSS :nth-child pseudo selectors so your markup remains the same (meaning always use .column1 for the poster) but you can use CSS to style and float depending on the element. Another great resource full of examples on how to use this powerful pseudo selector is found here. Edited: Working jsFiddle Added this fiddle in order to show how to use the nth-child for this specific issue. Please notice how I'm saying,

Categories : CSS

TCPDF: Vertical alignment in a TD with text and image
TCPDF supports HTML and CSS very poorly, but there are some undocumented HTML and CSS attributes. Searching the sourcecode I found an "aling" attribute for the img tag supporting "middle". So this could do what you want: <img src="..." align="middle">

Categories : PHP

vertical center alignment to the paragraph in the container.
Use padding-top instead of margin-top. So it should be .testDiv p { display: block; padding-top: 75px; color: white; } Update: The reason why it affect the container is because you've assign the styling like this .testDiv p. It will refer to .testDiv first, then only p.Another way you can just style the paragraph by assigning a class name for it and do the margin. <div class='testDiv'> <p class="p-style">Some text to play around.</p> </div> .p-style{ margin-top: 75px; }

Categories : HTML

Circular div, vertical and horizontal center alignment
The dimensions you are using is very small, so I've increased it proportionately for demonstration purposes Demo #playhead-outercircle{ width:100px; height:100px; border-style:solid; border-width:1px; border-radius:100px; cursor:pointer; position: relative; } #playhead-innercircle{ width:70px; height:70px; border-style:solid; border-width:1px; border-radius:100px; cursor:pointer; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; } Explanation: We are using position: relative; for the container div so that the absolute div doesn't roll out in the wild, than we use left, top 50% and than negate the 1/2 of the height and width from the inner div to position it in the exact center of t

Categories : HTML

Left/Center/Right DIVs with Vertical Alignment
Like so? Simply float the 3 divs, give each of them a height, position them relatively (important!) and give them a top: container.height - innerdiv.height; E.g. container.height of 114 & innerdiv.height of 50 => 114-50 = 64=> top: 64px; EDIT: Well if you don't want to make your divs all 33% , with some simple math you can approximately position your divs with the float and margin properties. Like in this fiddle of yours I updated. The math behind it is: Container.length - combined innerdiv.length = unoccupied.length margin-left: unoccupied.length / x (eg 50px / 5 = margin of 20% = 10px)

Categories : CSS

UIButton vertical alignment doesn't work
UIButton has a very nifty property named "titleEdgeInsets" which you can use (via UIEdgeInsetsMake to reposition the top and bottom margins of the title and get the thing centered, vertically.

Categories : IOS

APEX - Vertical alignment of buttons in a region
You create your buttons in a region position or among region's items ? If your buttons are displayed among region's items, it depends on your Grid Layout configuration (Start New Grid Yes/No, Start New Row Yes/No) in each button properties (they should be displayed in 2 different table lines by default). If your buttons are displayed in a region position (let's say Top of region), you can just play with float and clear CSS properties in the button attributes : For example if you have 2 buttons, and want them aligned to the left: button1 : style="float:left;" button2 : style="float:left;clear:left" if you want them aligned to the right: button1: style="float:right;" button2: style="float:right;clear:right" If you are using a button template, make sure the #BUTTON_ATTRIBUTES# su

Categories : Oracle

Vertical alignment in div with unknown parent height
You don't need to use float property when you are using display:table and table-cell. So just remove them from your inline style and then everything will work as expected. Js Fiddle Example

Categories : CSS

list-item-label XML:FO vertical alignment
Quick answer would be to use a table with two columns. Use display-align for the bullet. I can test a few things for lists but I would imagine that the progression dimension of the block with the bullet may not be controlled by the list body, I am not sure. And I tested and I am now sure. If you put a border on the list-item-label you would see that the block boundary is only as large as is needed for the list-item-label. To accomplish this layout, use a two-column table with the first cell having "display-align="center" and your bullet and the second cell containing the content.

Categories : Xml

Vertical alignment of text and icon in bootstrap button
There is one rule that is set by font-awesome.css, which you need to override. You should set overrides in your CSS files rather than inline, but essentially, the icon-ok class is being set to vertical-align: baseline; by default and which I've corrected here: <button id="whatever" class="btn btn-large btn-primary" name="Continue" type="submit"> <span>Continue</span> <i class="icon-ok" style="font-size:30px; vertical-align: middle;"></i> </button> Example here: http://jsfiddle.net/fPXFY/4/ and the output of which is: I've downsized the font-size of the icon above in this instance to 30px, as it feels too big at 40px for the size of the button, but this is purely a personal viewpoint. You could increase the padding on the button to compensa

Categories : Twitter

Horizontal form plain text vertical alignment
Without seeing what your CSS looks like, this is hard to define. But with vanilla Bootstrap CSS, try setting padding-top for your span, like so: .help-inline { padding-top: 5px; } Fiddle here.

Categories : Twitter

CSS, vertical alignment doesn't correctly work in Mozilla Firefox
Have a look at working demo here: Demo #contentWrapper{ width: 100%; position: static; display: table; overflow: hidden; min-height: 100%; height: 100%; background: red; } This is working fine in Firefox . Is this what you are looking for?

Categories : HTML

inline-block with empty content makes layout disordered (vertical alignment)?
use 'vertical-align: middle;' to the inline-block element vertical-align: middle; http://jsbin.com/ajexab/1/edit

Categories : Misc

CSS Alignment - Correcting Alignment of Floated Elements
Everything is looks good, you need to add display: inline-table; for below CSS. The element will displayed as an inline-level table ul.vt li.vt-line-header { display: inline-table; //----Add this to your CSS } Hope you understand.

Categories : CSS

struct alignment without argument and alignment on 16-bit target
If the compiler gets an unqualified __attribute__((aligned)) attribute, it defaults to the largest necessary alignment on the machine. That is not the same as saying 'you cannot set a larger alignment'; your test demonstrates that you can set a larger alignment explicitly. You just won't get a bigger (or smaller) alignment unless you are explicit about it.

Categories : C

Multiple sequence alignment - appending to an alignment
If your primary issue in the time it takes to re-run alignment (re-computing the PWI matrix should be computationally cheap), then MUSCLE has the capability to do what you're looking for, a procedure commonly termed "profile-profile alignment". Profile-profile alignment When passing the -profile flag, the alignments will be "re-aligned to each other, keeping input columns intact and inserting columns of gaps where needed.": If you have two existing alignments of related sequences you can use the –profile option of MUSCLE to align those two sequences. Typical usage is: muscle -profile -in1 one.afa -in2 two.afa -out both.afa Implementing in Biopython Biopython has a wrapper around MUSCLE, but I find it easier to just use subprocess to call MUSCLE, then parse the results back

Categories : Python

vertical alignment of text in span - text outside span
Something like this maybe? span { display: inline-block; line-height:1.25; vertical-align:middle; width: 135px; color: black; text-align: center; font-weight: bold; font-size: 15px; } a { background-color: rgba(216, 25, 11, 0.75); height: 70px; line-height: 70px; font-size:0; overflow:hidden; } li, a { width: 135px; display: inline-block; vertical-align:top; } span { -webkit-animation: slidein 2s ; /* Safari 4+ */ -moz-animation: slidein 2s ; /* Fx 5+ */ -o-animation: slidein 2s ; /* Opera 12+ */ animation: slidein 2s ; /* IE 10+ */ } @-webkit-keyframes slidein { 0% { margin-top: 70px; } 100% { margin-top: 0; } } @-moz-keyframes slidein { 0% { margin-top: 70px; } 100% { margin-top: 0; }

Categories : HTML

How to avoid the 2nd alignment is affected by the 1st alignment?
I'm not familiar with Tabular and there might be an option to do this, but I would simply change the second s to s+ in order to match any amount of whitespace: Tabularize /^(.{-}zss+){2}/l0 Edit: Here's a more proper solution, combining the steps into one: Tabularize /(^(S*s){,1})@<=S*zss/l0 The first part is a lookbehind that matches up to the 0th or 1st space, any non-whitespace characters are then skipped, and the next space is matched (the 1st and 2nd, respectively). This can be generalized to any range; e.g. to align by the 2nd through 5th spaces, use {1,4}. Edit: If you need to align by a set of spaces that do not constitute a range in that sense, I would utilize logical ORs in the lookbehind. Unfortunately, this becomes much more clumsy and repetitive. For example, to alig

Categories : Regex

Bxslider not working
I think you had an issue where you were not referencing the correct library for Bxslider. I pasted your code in a fiddle. Made couple of changes in HTML(img tags) as it was ruby-on-rails code pasted the CSS and Jquery. Presto it worked. Check it out. Solution HTML <ul class="bxslider"> <li> <img src="http://lorempixel.com/400/200/sports" /> <div class="row text-center"> <div class="span10 offset1"> <h1>Tittle one:Sports</h1><br /> <a class="btn-main" href="about.html">Learn More</a> </div> </div> </li> <li> <img src="http://lorempixel.com/400/200/animals" /> <div class="row text-center">

Categories : Ruby On Rails

CSS: Vertical List with vertical sublist
Two changes: Remove the height on the main ul: ul { font-family:Georgia, Helvetica, Arial; font-size:20px; /* height:36px; */ list-style:none; margin:0; padding:0; position:relative; width:20%; } Remove the absolute positioning on the sub ul: ul li:hover ul { display:block; height:auto; /* left:0; position:absolute; top:36px; */ } See http://jsfiddle.net/designingsean/Arq2j/2/ for a working example.

Categories : HTML

bxSlider onSlideBefore newbieQ
Let's assume your HTML looks like this: <div id="container"> <div class="slide">Slide 1</div> <div class="slide">Slide 2</div> <div class="slide">Slide 3</div> </div> Then you could try the following: onSlideBefore: function($slideElement, oldIndex, newIndex) { $('#container>div').eq(newIndex).addClass('active-slide')); }

Categories : Misc

Reference to a bxslider after it has been created
Not sure if you still need the answer but I would suggest to use a each(). $(function(){ $(".slider").each(function() { eleId = $(this).attr('id'); if (eleId) { eleId = $(this).bxSlider({ auto: true, controls: true }); } } });

Categories : Javascript

How to specify different delays between slides in bxslider
I came up with the following solution which I will show here: in the jquery.bxslider.js replace: el.startAuto = function(preventControlUpdate){ // if an interval already exists, disregard call if(slider.interval) return; // create an interval slider.interval = setInterval(function(){ slider.settings.autoDirection == 'next' ? el.goToNextSlide() : el.goToPrevSlide(); }, slider.settings.pause); // if auto controls are displayed and preventControlUpdate is not true if (slider.settings.autoControls && preventControlUpdate != true) updateAutoControls('stop'); } With /**EDITS: By CRB - techdude **/ el.startAuto = function(preventControlUpdate){ el.continueAuto(); } el.continueAuto = fu

Categories : Misc

HTML - bxslider Implementation
In your solution you did not refer the source file of bxslider. and for saved jquery documents for example you missed http: in this script for more information see this link http://www.knowledgewalls.com/b.gopalakrishnan92/books/jquery-examples/bx-photo-slider-example-program

Categories : HTML

bxSlider not working automatically
Try setting autoControls: true (from http://bxslider.com/examples/auto-show-start-stop-controls)

Categories : Javascript

bxSlider is not working properly
You are initiating the slider using bxslider as class, but in your case you have to use as id selector like: $(document).ready(function () { $('#bxslider').bxSlider({ auto: true, autoControls: true }); }); Selectors docs: http://api.jquery.com/category/selectors/ Working fiddle: http://jsfiddle.net/IrvinDominin/UV4r4/1/

Categories : Javascript

Add link to image in bxslider
I think you have a CSS problem here. As I don't know what your code is I would need the CSS. I tried it locally and it worked, may try: .bxslider li { float:left; } .bxslider li a{ height:inherit; width:inherit; display:block } if you don't really know what you are doing wrap the whole thing i just wrote in: <style>*Your code goes here minus the stars!*</style>

Categories : Misc

bxslider how to not use border and shadow in one of two sliders?
If I understood you need this: .bx-wrapper .bx-viewport { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: none; border: 0; left: 0; background: #fff; }

Categories : CSS



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