w3hello.com logo
Home PHP C# C++ Android Java Javascript Python IOS SQL HTML videos Categories
Dynamic alignment issue
The only way of doing this, as far as I can see, is to walk through the list and find out "how long does this get" for each of the columns, and track what the largest is for each of the columns. Then use those values in the column width. Strings are easy to find the length of, since they have a length as such. Numbers are harder - basically, you have to either take the approach of dividing it by ten down until it's zero (this means the integer part of floating point numbers - presumably for something like this, you have a fixed number of decimals or use "integeer to represent prices in cents" or some such). You may be able to use the std::tostring to produce as string that has a length too. Or you can use stringstream to output to a string - either individual items, or the whole lot and

Categories : C++

css styling and alignment issue
Wrap the content you want beside the left navigation menu in a new div element. Then add float:left to this container and the navigation menu. In a nutshell, you need to float both siblings to make them side by side. Since there is not an apparent sibling, I suggesting making one by wrapping your content. HTML <div id="container"> <header> <h1>Index page</h1> </header> <nav role="navigation" id="nav"> <ul> <li><a class="index" href="index.php">Home</a></li> <li><a class="about" href="about.php">About</a></li> <li><a class="contact" href="contact.php">Contact</a></li> </ul

Categories : PHP

Alignment issue with div block
You can achieve such a design by ordering your elements like this: image date text All you need then is float the image div left, float the date div right, apply margin to the text div equal to the other divs width: .middle { float:none; margin:0 64px; } .date { float:right; } .msg { width:50%; min-width:200px; } Demo: http://jsbin.com/ofevot/1/edit

Categories : CSS

CSS alignment issue in my header
You can only see his issue on a much larger window size. The issue is with the div #espace-entreprises it is floated right. If you change it to be position absolute you will be fine. #espace-entreprises { margin-top: 5px; text-align: right; color: red; font-size: 12px; position: absolute; top: 0px; right: 0px; } The issue is that when the window is wide enough #main and #escape-entreprises can actually float next to each other. Then you notice the large 120px margin. Also you might reduce the margin-right on #menu

Categories : HTML

Table alignment issue
Don't use two tables, just one table for heading and Table row, see the working fiddle, <div class="container"> <div class="row"> <div class="span12"> <table class="table table-bordered table-condensed"> <thead> <tr> <th> Organization <br> <button id="A_1" class="sort_asc">?</button> <button id="D_1" class="sort_desc">?</button> </th> <th> Group Code <br>

Categories : HTML

Alignment issue - blocks under each other
Put clear left on your heading should work #article h1 { font-size: 33px; color:#555; font-style:italic; clear:left; } See http://jsfiddle.net/TDBzN/2/

Categories : HTML

issue with texts and img alignment in the same div
because float is used with the element its width is compressed to allow other item to align with it and you are using 100px width the image is 100px too that y it will not align the caption under it but the paragraph text under div will align to it and ur alos using break tag after img there is no way caption text will align to img

Categories : CSS

alignment issue inside div
Hey take a took at this example. <html> <head> <title></title> <style type="text/css"> #tablecellexamples div { border:1px solid black; width:130px; background-color:#eee } </style> </head> <body> <div id="tablecellexamples"> <div style="display:table-row"> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin luctus dignissim ipsum a dignissim. Proin mattis orci sit amet quam feugiat lobortis. </div> <div style="display:table-cell; vertical-align:top">Top aligned</div> <div style="display:table-cell; vertical-align:middle">Center aligned</div> <div style="display:table-cell; vertical-align:bottom">Bottom a

Categories : HTML

alignment issue with div and image
Check out this fiddle and let me know if this is what you want. I have made the following changes: In your CSS the width of the left section was smaller than the sum of what was set for the white and grey divs and this was making the grey div to wrap-around (which is fall below). This was making your text overlap. Remember that the sum of the widths of the inner divs must be less than that of the container div for them to be displayed properly. For your case we can split them just by using display: inline-block; rule itself and hence I have avoided the float rule settings. If you want to stick with floats, you can check this version. I have rounded off the height setting to the nearest whole number just for example. You can modify this as required. div.columns { width: 670px;

Categories : HTML

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

alignment issue in Div : html
To vertically align something, set the display for the element to inline-block, then vertical-align: middle for the content: http://phrogz.net/css/vertical-align/

Categories : HTML

issue with texts alignment when use float
try this give width:--%; P tag or margin:0; http://jsfiddle.net/AZctd/1/ .floatright { float: right; margin: 0 0 10px 10px; border:1px solid red; } p {float:left; width:60%;; margin:0;}

Categories : CSS

css: alignment issue with image and header
Temp fix can be as: add css for h4 element.... better to give id and then add. I have seen your fiddle, please put below code in your css h4{ margin-top:150px; } or (Give id=hompageheaderUserName to h4 of sam) h4#hompageheaderUserName { margin-top:150px; } Change width a/c to your need. Screenshot from fiddle:

Categories : HTML

CSS alignment issue with bootstrap on mobiles
remove position:absloute from body.frontend .header .top-menu in your css body.frontend .header .top-menu { margin-top: 5px; padding: 5px 10px; }

Categories : CSS

Issue with UINavigationBar title alignment
Create a container UIView which is the same width as your label, and height of UINavigationBar (around 46 pixels?). Set clipsToBounds on this container view to YES. Now add your label to this container view, and make the container view the titleView.

Categories : Iphone

TextView Alignment - Very Common Issue
Change to this : <RelativeLayout android:id="@+id/TvHeaderRel" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="@drawable/zap_blue_header" > <com.cipl.DCC.UI.DriverMenuButton android:id="@+id/btnDriverMenu" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:background="@drawable/ic_menu" /> <com.cipl.DCC.UI.TimesRomanBoldText android:id="@+id/textView1" android:layout_width="match_parent" android:layout_height="wra

Categories : Android

Why does the compiler init this variable to the wrong value? Is this an alignment issue?
[Edit] My suggested below that sizeof(int) == 2 is likely not the issue as " Cycle Start: %d", cycle.startTime readily prints out values > 64k. I suspect a padding issue. But the lower recommendation about printf() apply, even though they do not explain this issue. The initialization of cycle in effect does a cycle.startTime = 315618000. Your int/unsigned size is likely 2, therefore the initialization overflows. Instead: Cycle cycle = { 315618000LU, 1200, 0 }; Your printf() should also use the matching format specifier for uint32_t #include <inttypes.h> printf("Cycle Start: %" PRIu32 " ", cycle.startTime); printf("Length : %" PRIu16 " ", cycle.length);

Categories : C

TB fluid div alignment issue from hyde generated code
If you want to build a grid is best that every 3 span4 you generate a new row-fluid below the other. For example: <div class="row-fluid"> <div class="span12"> //These two row are our flexible container / GENERATE WITH YOUR CODE THIS STUCTURE UNDER EVERY 3 POST / <div class="row-fluid"> <div class="span4"></div> <div class="span4"></div> <div class="span4"></div> </div> I use the php for doing it, but I think that is a small error of logical structuration of your html in the cycle!

Categories : CSS

C# Console text alignment issue with string.Padding()
Use this: string.Format("{0} record(s) found.", i).PadRight(30, '.') Actually .PadRight(30, '.') was inside the string.Format call, so the string was first padded and then formated.

Categories : C#

Issue with programmatical alignment inside Relative layout in Android
You have to specify how the TextView and ImageView are related in their respective LayoutParams. You can use the addRule method to do the same. For egs: item.setId(A_POSITIVE_INTEGER); myparam.addRule(RelativeLayout.BELOW, item.getId()); tv.setLayoutParams(myparam); will make the TextView appear below the ImageView.

Categories : Android

flot bar chart xaxis label with rotated text by -90 alignment issue
Looking at your graph it looks like you are confused with flot terms .Those are tick labels not the axis label.You want to rotate your ticks this could be done without looking at your any other plugin by simply adding some css style #CurrentYearlyTrendsBar div.xAxis div.tickLabel { transform: rotate(-90deg); -ms-transform:rotate(-90deg); /* IE 9 */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari and Chrome */ -o-transform:rotate(-90deg); /* Opera */ /*rotation-point:50% 50%;*/ /* CSS3 */ /*rotation:270deg;*/ /* CSS3 */ } You can also make use of flot-tickrotor

Categories : Javascript

Bootstrap Form Horizontal alignment issue when added input append
I would just put the input-append in an inner div <div class="control-group"> <div class="input-append"> <label for="emailid" class="control-label">Email id</label> <div class="controls"> <input type="text" /> <span class="add-on">@</span> </div> </div> </div> Check this fiddle .input-append has a display: inline-block Hence the issue

Categories : Forms

Dynamic image alignment with Javascript
function alignImages() { // caching selectors var imgs = document.getElementsByTagName('img'), maxHeight = 0; for (idx in imgs) { var img = imgs[idx]; if (img.height > maxHeight) { maxHeight = img.height; } } for (idx in imgs) { var img = imgs[idx]; img.style.marginTop = (maxHeight - img.height) + "px"; } }

Categories : Javascript

Javascript Kinetic Text Animation alignment
Here's how to adjust the alignment in your sine wave animation This is what a sine wave looks like Notice it always generates a number from +1 to -1. Since your words follow the sine values... Your words are go offscreen when the sine is generating negative numbers. Your words come back onscreen when sine is generating positive numbers. amplitude: Is the “swing” in sine: Greater amplitude == greater movement (left-right or up-down) period: Is the regulator of speed. It is the denominator in frames per second (frames/period). Greater period == slower speed So...to keep your words swinging onscreen, just add Amplitude to your X/Y values. This adjusts the sine value to always be 0+. Here is a simplified version of your animation that moves in a sine wave that’s alwa

Categories : Javascript

Table Alignment Issues HTML JavaScript
Is this what you want ? <div align="center"> <table border="0" width="800" id="Nav" cellpadding="0" cellspacing="0" valign="top" > <tr> <td height="60" width="100%" align="center"> <TABLE style="float:left;" BORDER=2 width="23%" align="left" id="BodyTable" height="20" cellspacing="0" cellpadding="0" bordercolor="#000000"> <TR> <TH>Meaning</TH> <TH>Symbol</TH> </TR> <TR> <TD><b>No Schedule</TD> <TD align="center"><img src='../Images/Not- ScheduledMain2.png' width='20' height='22' align='center'></TD> </TR> <TR> <TD><b>Deactivated Tanks</TD> <TD align="center"><img src='../Images/Gray-Astris2.png'

Categories : Javascript

Strange image alignment within div when sizes are animated using Javascript
Your issue is coming from the fact that images default to inline display rather than block. This means that images carry over the attributes of letters and words (font-size and line-height). The discrepancy you were seeing (illustrated in this fiddle) can be corrected by simply applying the following display:block rule #facediv img { display:block; } Demo I should have noticed sooner :P EDIT: Out of morbid curiosity, I made the equivalent with the image still as an inline element setting the line height and font sizes to 0px. See it working in this demo

Categories : Javascript

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

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

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

Javascript .val() issue
You need to use parseFloat to properly work with the values, which by default are strings: var chance = parseFloat($('#pay').val()); /*same for other values*/ To round the profit to 2 decimals, you can use toFixed on that number, which again converts it back to a string. 3.123.toFixed(2) = "3.12"

Categories : Javascript

IE8 JavaScript issue
window.onload=function(){ // v---------------------------------------v var winHeight = window.innerHeight || document.documentElement.clientHeight; var fixIt = winHeight - 200; var divHeight = document.getElementById('bottomDiv').clientHeight; alert(winHeight - divHeight); if (divHeight < winHeight) { var fire = document.getElementById('innerDiv').style.height = fixIt + "px"; } };

Categories : Javascript

some issue with using/not using 'var' in javascript
var may not have used here because the author wants the variable to be a global one It is throwing the error because when console.log(xmlRoot);, the execution context is unaware about xmlRoot since handleXMLData may not have executed yet (because it a used in the callback function to an asynchronous call)

Categories : Javascript

URL parsing issue with Javascript
At the end of your regex /^(?:http|https)?(?:://)?(?:www.)?(.*?)(/.*)?/, the (.*?) (because it has the ? modifier,) is trying to match as little as possible in order to satisfy the regex. Because you have made the last part of your regex optional, the (.*?) does not have to match anything in order to satisfy the rest of the regex because the (/.*)? is allowed to match nothing. Whereas, when you made the last part of your regex mandatory, (/.*), the (.*?) was forced to match enough in order for the (/.*) to match.

Categories : Javascript

Javascript Calculation issue
if(b.value=="") { amount.value = 1; } What is b.value in your calc function. This is not defined that is why throws error and script is not executed. In your calc3 function. You need to modify following line if(isNaN(number)) return; to number = isNaN(number) ? 0 : number

Categories : PHP

VS2012 and JavaScript issue
I think that's because you're trying to change the dynamic scripts. It doesn't work... Instead of that, you should edit your source files and save them. If you do so, you don't need to stop the debugging process and start it again. Just do edits in the source files and save them, then refresh your running page in browser and it works...

Categories : Javascript

JavaScript syntax issue
var nextId = cerIdNum + j; in that fiddle, I don't see this cerIdNum declared & defined neither as local nor as global variable, I suppose that is curIdNum

Categories : Javascript

Namespace issue in javascript
You're not in an object literal, you are in a function body. _testFunction: function() { .... // do differently } is not an object property, but an anonymous function expression preceded by a label and is immidiately forgotten as it is not assigned anywhere. Make it a simple function declaration instead: function _testFunction() { .... // do differently } And return { // public callMe() { _testFunction(); } } is just a syntax error, in here you need the object literal sytnax: return { // public callTest: function() { _testFunction() } }; or return { // public callTest: _testFunction // exporting the function directly }; When I call nwFunc.callMe() or $.Test1.callTest() it will execute _testFunction() of

Categories : Javascript

Sitefinity Javascript Issue
If you are using Sitefinity 6.x go to Widget section drag JavaScript widget from Script and Style Widget and embed your JavaScript/Jquery. There will be a choice to embed your script in html. Please select "Before the closing body" option or "Where the widget is dropped". Refresh your page again. You will be able to see your photo gallery /Carousel running. -Rengaseshan

Categories : Javascript

Javascript Iteration issue
You are calling the function, and binding it's return value to the event, rather than binding the function itself to the event. Replace whenclicked(nmbr) with: function(){ whenclicked(nmbr); } In modern browsers you could also use bind: whenclicked.bind(null, nmbr);

Categories : Javascript



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