Hi,
I'm trying to create a layout with display: table and alike, but it seems that display: table-row and others do not respect width property. Is there a way to over come with this?
I have my own server (with root access).
I need statistics of users who visit my website etc etc...
I have looked at an app called Webalyzer...
Is this a good choice?
I run apache2 on a Ubuntu 9 system...
If you know of any good statistics apps for servers please let me know.
And a follow-up question: All statistics are saved in log-files right? So how large would these log-files become then? Possibility to split them would be good, dont know if this is possible with Webalyzer though...
how to delete the div using java script?
for details,
I have question div one by one, each question have up and down arrows, it have multiple div, and also have a save button, once i checked some question and press save button, the checked question are display blocked, others are none, In that time i click up and down arrows, it will moved included hided div also, so please help the same,
Thnks
I am working on a website which needs a header with full background image & 650 height.
At the moment i am using background-size: cover; property with 100% width.
While, it's working it leaves an awkward horizontal scroll of about 50px on right side. Which is lot more prominent in smaller resolutions.
I tried applying background to body instead of header div too. But same thing happens there as well.
You can see a preview here -
http://nitingarg.com/projects/tfe/
It's simple to observe the documents scroll event but I can't seem to find anything relating to the scroll of any other element with css property overflow being set?
To get around this myself i've been observing mousemove which only fires while you hold down on the scrollbar but this would need to be teamed with a mouse wheel observe also to get the full effect.
Could anyone point me in the right direction for a better way of implementing this?
Anybody please give some useful links on this topic.i need to create a content search for my website.. i have tried google but not get useful materials on this topic...please help me
I have been attempting to remove a repeating header on all of my webpages for customization purposes, but have been unsuccessful finding what is causing this header repeat.
I came across this code in the header, and after researching it, I can not find what its purpose is. Could this be my culprit for the repeating patterns? If not, please point me to the right direction.
Here is the hmtl:
<!--container-->
<div id="container">
<div id="header">
<!--headerFst-->
<div class="headerFst">
and here it is in look.css:
div.headerFst
{
float:left;
width:980px;
padding-top:5px;
}
Thank you for viewing, and helping if possible.
I've just turned my website into a responsive layout and along the way I've somehow managed to make my dropdown menus not work. When hovering over 'Drop-downs' they don't display unless I'm using position: relative. They worked before using position: absolute - but it seems they only work with position relative now. When using relative it uses the width which messes up the navigation bar.
Using relative: http://d.pr/i/tp5R
Using absolute: http://d.pr/i/j7r1
CSS for my sub-menu
div.left_first_header ul.sub-menu {
width: 125px;
top: 14px;
z-index: 2;
height: 100%;
position: absolute;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
background: url(images/drop_down_bg.jpg);
padding-left: 15px;
padding-right: 15px;
background-repeat: repeat;
}
jQuery for the drop down functionality
jQuery(document).ready(function ($) {
jQuery("ul.dropdown li").hover(function() {
$('ul:first',this).css('visibility', 'visible');
}, function() {
jQuery(this).removeClass("hover");
jQuery('ul:first',this).css('visibility', 'hidden');
});
});
My website
http://wpvault.com/kahlam/
Considering it's 4am I've probably made a really stupid simple mistake.
I apologise if I've missed anything.
I need to divide into groups several <li> elements in a list, is it possible?
(I know I an give each element different class names/separate into different <ul>)
I'm having an issue in IE8 multiselect
we are using jQuery to selectall and disable the list. List is being disabled but not selected and the same scenario is working perfectly in FireFox where the entire list is selected and disable
Can anyone help me how to handle this issue in IE
Thanks in advance
Below is my code:
<select name="weekdays" id="weekdays" disabled="disabled" multiple>
<option value="Monday">Monday </option>
<option value="Tuesday">Tuesday</option>
<option value="Wednesday">Wednesday</option>
<option value="Thursday">Thursday </option>
<option value="Friday">Friday</option>
<option value="Saturday">Saturday</option>
<option value="Sunday">Sunday</option>
</select>
I'm newbie in css. My jsfiddle here
http://jsfiddle.net/PAHdH/
<div>
<label>Name: </label><p>John</p>
<label>Age: </label><p>35</p>
<label>Level: </label><p>60</p>
<label>Score: </label><p>5000</p>
</div>
label{
display: inline-block;
float: left;
clear: left;
width: 150px;
text-align: left;
color:black;
}
p {margin-bottom:2px; padding:0;}
?
I would like to change to
Name: John Age: 35
Level: 60 Score: 5000
It should be like a table with 4 columns.
I want to grab all the inputs inside a form, in order to submit them.
The point of this is to use jquery's ajax to submit a dynamically sized form.
Surely there must be an array inside the dom somewhere which i can just do something like...
docment.forms['form'].elements
which only lists inputs for that form, meaning I can loop through them and grab their values to play around with?
How do i go about inserting a cell into a table?
For example, i retrieve data from a database using MySql and PHP, how do i then go about inserting a cell into an already scripted table?
In my case, how would i insert a cell into a row 150 pixels from the start of the row?
example:
___________________________________________
| <--150px--> |cell| |
I am building a website - http://www.efficaxdevelopment.com
As you can see when you load the page(in IE) the text on the page that isn't an image or the menu looks terrible, while in FF and Chrome the text looks fine.
you can view the source on the page and the css is here http://www.efficaxdevelopment.com/styles/mainstyle.css
Also, the sliding bar over the menu appears a few pixels left of where it appears in FF and IE. Any ideas?
var element = document.getElementById("divname");
var pagerHtml ='<a href="#" class="prev">< Prev</a>';
for (var page = 1; page <= this.pages; page++){
`pagerHtml += '<a href="#" class="'+ page> + page + '</a> ';`
}
pagerHtml += '<a class="dotline" style="display:none;">........</a>
pagerHtml += '<a href="#" class="next"> Next ></a>'; element.innerHTML = pagerHtml;
if(this.pages > 9){
`for(var i=this.buffer;i<(this.pages-this.buffer);i++){`
`("."+i+1)).hide();`
}
}
I want to add class "dotline" so that when pages are hidden I would do $(".dash").show(); and it would look like 1,2,.....,8,9,10. any ideas would be appreciated.
I have structure as shown in the fiddle http://jsfiddle.net/5LN7U/.
<section class="container">
<section class="field">
<ul>
<li> Question 1 </li>
<li> question 2 </li>
<li> question 3 </li>
<li> question 4 </li>
<li> question 5 </li>
<li> question 6 </li>
<li> question 7 </li>
</ul>
</section>
<section class="datawrap">
<section class="datawrapinner">
<ul>
<li><b>Answer 1 :</b></li>
<li><b>Answer 2 :</b></li>
<li><b>Answer 3 :</b></li>
<li><b>Answer 4 :</b></li>
<li><b>Answer 5 :</b></li>
<li><b>Answer 6 :</b></li>
<li><b>Answer 7 :</b></li>
</ul>
</section>
</section>
</section>
Basically its a table structure made using divs. The first column contains a long list of questions and the second column contains answers/multiple answers which can be quite big ( there has to be horizontal scrolling in the second column.)
The problem i am facing is when i scroll downwards the second column which has the horizontal scroll bar is also scrolling downward. I want horizontal scrollbar to be fixed there. as in it should be always fixed there no matter how much i scroll vertically.
Much Like Google Spreadsheets: where the first column stays fixed and there's horizontal scrolling on rest of the columns with over vertical scrolling for whole of the data.
I cannot used position fixed in the second column.
P.S : please no lectures on using div's for making a table structure. I have my own reasons.
and its kinda urgent. Thanks in advance.
Hello,
I want to create labels in my page dynamicly, for example the user will choose in a textbox the number of labels, and I will display the number of this label with .text = "XYZ".
Thanks.
I want href will work on type="button"in IE8.
<a href="submit.php"><input type="button" value="Submit" class="button" /></a>
Other browser working fine but on IE8 the code above not working. How to fix it?
Update
<form action="submit.php" method="post"">
<input type="submit" value="Submit" class="button" />
</form>
I know this way can be done. But I want to know other ways how to make it work on IE8 without to have the <form></form>
This question already has an answer here:
Is there any way to specify a suggested filename when using data: URI?
11 answers
I use javascript to generate a file and download.
It seems that depending on the version of chrome, the download file names can be auto renamed to 'download'. is there a way to avoid it?
this is my code:
var link = document.createElement("a");
link.setAttribute("href", 'data:application/octet-stream,' + 'file content here');
link.setAttribute("download", 'file1.txt');
link.click();
This is not a duplicated question because i am using the latest chrome and the previously suggested hyperlink is exactly what i am using. I think chrome v34 works fine. but once my chrome autoupdated to v35, it went back to 'download' file name.
I'm having an issue submitting a form with the jquery .submit();
I don't have any elements on my page with a name of name="submit" or name="Submit", same goes for id's.
My bit of jQuery code is as follows:
$(document).ready(function () {
$(document).on('click', "#appSubmit",function(e){
e.preventDefault();
var value = $("#time").val();
if(value == "--"){
$( "#err-time" ).dialog( "open" );
}else{
alert("1");
var dummy = $("#appSubmit").val();
alert(dummy);
$("#appSubmit").submit();
alert("2");
}
});
});
All of the alerts work properly, even the alert(dummy); prints out the correct value. The alert("2"); prints out, so it isn't even breaking on the $("#appSubmit").submit();
My submit button is
<input type="submit" name="appSubmit" id="appSubmit" value="Apply">
Any thoughts would be appreciated, thanks.
How do I use JQuery to get number from the drop down select?
<select aria-invalid="false" id="RatePercent" class="wpcf7-form-control wpcf7-select ratePercent" name="RatePercent">
<option value="">---</option>
<option value="Floating-6.5%">Floating-6.5%</option>
<option value="6 Months-5.65%">6 Months-5.65%</option>
<option value="1 Year-5.85%">1 Year-5.85%</option>
<option value="18 Months-5.99%">18 Months-5.99%</option>
<option value="2 Years-6.19%">2 Years-6.19%</option>
<option value="3 Years-6.85%">3 Years-6.85%</option>
<option value="4 Years-7.19%">4 Years-7.19%</option>
<option value="5 Years-7.40%">5 Years-7.40%</option>
</select>
If you choose 1 Year-5.85%, it returns '5.85', instead of '1 Year-5.85%'?
Here is the link to the domain http://linenwoods.com I am working on. I am going to fit the navigation list items on the header, but when the drop down menu is implemented I'm pretty sure it'll go under the #main div like you see currently. Is there any easy way fix to this? I couldn't find anything related to this from a google search .. was hoping someone could help me out. Below is the relevant CSS .. I tried playing around with z-index with no luck as I was told IE8 renders it strangely. If you have the time please follow the link with IE and leave a response .. I am trying to be as cross-browser compatible as possible and already am at a pretty pathetic start. Any help would be appreciated :)
body {
background-image:url('Background1.jpg');
background-position: center;
height: 100%;
margin: 0;
padding: 0;
opacity: 0.8;
filter: alpha(opacity=80);
}
#main {
width : 1010px;
height: 1315px;
background-color: white;
margin-top: 15px;
filter: alpha(opacity=80);
}
header {
width: 1010px;
height: 230px;
background-color: white;
margin: 0 auto;
margin-top: 15px;
filter: alpha(opacity=80);
}
footer {
width: 1010px;
height: 230px;
background-color: white;
margin: 15px 0 15px 0;
filter: alpha(opacity=80);
}
I have 2 divs...each are float left, and each have a "width".
When I resize my browser, the right div goes down to the bottom of the left div. Why? I'd like it so that during resize, it stays there.
I have a page here. There is a contents panel, and a content panel. I would like to center the content, and push the contents panel to the top right corner. This behaviour already works.
However, the layout does not work as I would like when the page is shrunk. Ideally, the content would be pushed to the right side of the screen, and a 5px gap maintained between the content and the contents. At present, however, the contents just overlaps the content, which isn't really what I want.
Is such a layout possible, without resorting to javascript?