Now,menu's are getting displayed in this way
Customer
Quote
Table
But,i want it to display in this way
Customer Quote Table
http://dpaste.com/hold/183841/
I am on the stage where I need to make my website cross-browser compatible.
I need tips on how to get started.
I have developed my website on firefox, so it works great with firefox.
I guess I have to download a couple of versions of all major browsers now, right?
Then just test each browser one by one?
Should I do this before uploading the entire website onto a server or afterwards?
All tips and SW which makes this easier is appreciated.
BTW, it is a classifieds website using MySql, Solr, PHP, js etc...
Thanks
Simple question, don't have a printer around, My client is asking if the hiddent elements of the web page(items that show up on click) will be printed out on the paper or will it be hidden?
How to make up a form that is going to be a search box and work only via Ajax? That is:
1) What to put as the form's action value? (action="what")
2) How to submit it so that nothing else happenes except for calling the JavaScript function?
hi i am having issue with css as when i resize the windows the div is not placed properly as below
this is css involving the div
.similar_story_block_form {
background-color: white;
border: 1px solid #CCCCCC;
border-radius: 0 0 12px 12px;
box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.8);
font-size: 13px;
left: 337px;
position: absolute;
top: 105px;
width: 337px;
z-index: 100;
}
currently i use chrome which give me the same issue. What am i missing here? Thank for your help
is there any way, to disable a tag?
i want to disable the menu's lik, if it is already set (something like disabled = "disabled"). i can remove a at all by php, but i have styled it already, so i want to save it, only disable. is it possible?
thanks
Hello People i have a problem with the png formatted images, i used some PNG images in my mock. when i view the mock in I.E the background of the images are not transparent.
i got one solution for making it trasparent in "I.E" from the previous POSTS in the Forum. But my Problem is, i want that image to be tiled horizantlly...using that Filter thing.
can any one solve this plz....plz.... i need a solution for making a png in I.E and at the same time it shud be tiled horizontally.
Should I write the meta-tags in utf-8 format?
For example, is it okay to have double-quotes in the meta-keywords like this:
19" wheels
or special characters like the & sign... ?
Thanks
NOTE: Im using utf-8 encoding on all my pages!
Is there any way to stick child button element to bottom of parent element when number of child elements vary?
Parent element is fixed height, and could be scrolled vertically in case of child overflow. In that case, button should be at the end of child list, but in case there is no children, or children size don't push parent element to overflow, it should be at bottom of parent element.
Is there pure css solution for this?
Thanks
I have been racking my brains over this for a while now. Here is the data i have in the sql data base as an example:
ID | TYPE | DATA
1 | TXT | TEST
2 | PHP | php
3 | JS | JAVASCRIPT
That is just an example, there are multiple listing for TXT, PHP and JS throughout the table. What I want to do is retrive all the data and display it all into separate drop down/select boxes. Meaning, select box one would list all data with type TXT, select box two would list all data with type PHP and select box 3 would list all data with type JS. The only way I have came about doing this is doing individual sql queries for each different type. I know there is a way to do it all in 1 query and then display it the way I want to but I just can't seem to figure out how and I know its going to drive me nuts when someone helps and I see just how they did it. Thanks for the input.
If I am creating a website in ASP.NET, is it possible to programmatically set the title of the page be some predefined value with some extra information tacked on? For example:
Home Page Title = Site Name
Links Title = Site Name: Links
Stuff Title = Site Name: Stuff
Basically, whatever I defined as the main title on the page I'm currently on, I want to tack ": Name" onto the end of the title so it stays consistent across the website. I was thinking of defining it as a ContentPlaceHolder and wrapping some logic around it, but it doesn't appear to work how I thought it would (AKA, not at all).
I would like to center the elements in my form without moving the text or buttons from being aligned on the left.
So it would look like this:
The bottom square is supposed to be a button.
I want it centered, but the <center> tag moves the text and button so they're centered to the input box.
Here is my code:
<form action="login.php" method="post">
<div class="aside">
<div id="center">
Username:<br>
<input type="text" name="username"><br>
Password:<br>
<input type="password" name="passwor"><br>
<input type="submit" class="button" name="submit" value="Login"><br><br>
</div>
</div>
</form>
and the css:
#center{
width: 250px;
margin-left: auto;
margin-right: auto;
float: center;
}
div.aside {
margin-left: 15px;
margin-top: 10px;
width: 250px;
background: #f5f5f5;
border: 1px solid #e9e9e9;
line-height: 150%;
}
div.aside .button{
padding:3px;
width: 50px;
margin-top: 3px;
background-color: #00A1E6;
border: 1px solid #0184BC;
text-decoration:none;
color: #ffffff;
text-align: center;
-webkit-appearance: none;
}
I'm using "visibility:hidden" to hide certain elements, but they still take up space on the page while hidden.
How can I make them totally disappear visually, as though they are not in the DOM at all (but without actually removing them from the DOM)?
There is a website that my company uses that updates information about 3 specific things throughout the day. We use the information from 1 of them and what we are wanting to do is pull this information as it is added to their site and add it to a page of our own to view easier. Is this even possible? Can anyone point me in the direction of setting this up? It is all text that we want to pull.
I have a table cell where I need to limit the text to a max of two lines.
I tried achieving this by placing an inner div with a limited height:
div
{
border: 1px solid #EECCDD;
width: 100px;
height: 40px;
overflow: hidden;
}
<div>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
</div>
<div>
<p>bla bla bla bla</p>
</div>
However, in this case the cells which have only one line of text are not vertically aligned to the middle. I know there are ways to vertically align a text within a div, but most of the ones I found seemed a bit complicated and/or hacky (like this one), and felt like a bit of an overkill.
Is there a different way to effectively limit the number of lines inside the cell, or a simple way to align the text in the way I did it?
Are there any alternatives to the :not css3 selector that are compliant with IE8 (and quirks mode).
Either in css or javascript/jquery that emulates the selector or something similar.
I am using *:not as follows below. Feel free to recommend a solution that avoids the use of :not completely.
@media screen {
#printable {
visibility: hidden;
}
}
@media print {
*:not(#printable) {
visibility: hidden;
}
#printable {
position: absolute;
visibility: visible;
}
}
Note that the use of :not is tied to the use of @media print so just using a simple jQuery solution to apply css to $(":not(#printable)") won't work without being clever.
Including an entire library like ie9.js or selectivirz isn't an option as it can effect various other parts of the pages and would involve a large section of re-testing.
a jsfiddle that shows it working in browsers that support :not http://jsfiddle.net/Raynos/TjKbz/
I have a UI question that troubled me on the best method to handle 4 decimal places for prices.
In an table already cramped full of data, I would want to simplified the interface to make it not so cluttered. The actual current UI is shown below.
http://i41.tinypic.com/bg5tub.jpg
The problem is, for a unit price/units/D.Price and Dis.(Discount) to have 4 decimal places ($0.3459) is quite rare but it still happens (5 in 100 entries). This will result a lot of junk decimal places, cluttering up the interface.
What is the best solution to this problem?
In short, I want to declutter it yet maintain the precision.
Note: This is web app
I have a table with fixed layout. On overflow, the contents of cells should clip from the left instead of the right. That is, if the width of the TD is less than the width of the text, the cell below should display "67890" instead of "12345".
This needs to work in IE7+ at minimum. Is there a way to do this in css without any JavaScript?
<table style="table-layout:fixed">
<tr>
<TD>
12334567890
</TD>
</tr>
</table>
I need a formula for showing results on my classifieds website.
I am now done with the paging of records, but this formula for showing results remains.
I want it like this:
Showing 1-50 of 123 found.
Now what is the formula for this?
I have these variables which should be enough I think:
$results_per_page = 50; //results per page
$page = 1; //current page
Also a variable called $num_total contains the total nr of hits, in this case 123.
Thanks
Hi I am using unicode character ■ to display the square.
It display properly in my IE6.0 but i had tested same thing in another PC it won't display.
Is there is any setting required to display properly.
hello,
I know it's very basic question and hope not so important, but i want to know the answer, please don't suggest only refer links.
we all daily face <input> type tag and their attributes(type, class, id, value, name, size, maxlength, tabindex etc..), i just want to know that
is there any sequence list of attributes in tag or we can use any sequence?
is there any sequence then what it is?
Here i created 3 images that goes from color to grayscale and i want to show the color on hover what i'v done wrong?
here is the fiddle link:
http://jsfiddle.net/4tHWg/6/
css code:
.box {
float: left;
position: relative;
width: 14.285714286%;
}
.boxInner img {
width: 100%;
display: block;
}
.boxInner img:hover {
-webkit-filter: grayscale(0%);
}
@-webkit-keyframes toGrayScale {
to {
-webkit-filter: grayscale(100%);
}
}
.box:nth-child(1) img {
-webkit-animation: toGrayScale 1s 0.5s forwards;
}
.box:nth-child(2) img {
-webkit-animation: toGrayScale 2s 1s forwards;
}
.box:nth-child(3) img {
-webkit-animation: toGrayScale 3s 1.5s forwards;
}
Some websites have forms with input type="text". And inside these textboxes there is a blurred text, which says for example: "Enter your name here".
And then onClick or OnFocus or whatever, the text dissappears and you can type into the textbox.
Like the title of posting a question here at stackoverflow, same thing.
How is this done easiest way? Would prefer if there was not too much js involved.
Thanks