So I'm having a huge brain fart here and I know for a fact I am going about this the wrong way. Unfortunately, I can't refer to previous work I've done where I have done this correctly as I no longer have access to them. I have my index page grabbing information from different PHP pages then displaying them on screen. The reason why it's grabbing them from different PHP pages is because some times, these scripts will fail. If this was all in the same page, it would cause the whole page to fail so I want to call …

Member Avatar
Member Avatar
+0 forum 3

I am trying to make the smooth scroll effects with this basic script for this site: http://greaca9.ro/test/index.html $(function() { $('a[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); The problem is that it doesn't fire up when I click a link ('APASA' right under the video background) to scroll me lower on the page. I found out that the issue comes out from this part of the style.css: .box …

Member Avatar
Member Avatar
+0 forum 4

hi i just wanted to code a site like BBC just for practice while doing this i got an error in `li` item of a `ul` i don't know the problem but when i give it a `border-right` the border take more height then the original menu, i'm pasting my code here please check it and help me?? <html> <head> <title>BBC</title> <style> body{ margin:0; font-family:Arial,Helvetica,freesans,sans-serif; } #top{ width:100%; height:50px; } .keepcenter{ width:1100px; margin: 0 auto; } #logo{ border-right:1px solid #CCCCCC; float:left; padding-right:5px; height:100%; } #signin{ font-weight:bold; font-size:0.9em; border-right:1px solid #CCCCCC; width:200px; height:100%; float:left; } #signin img{ position:relative; top:5px; margin-left:15px; } …

Member Avatar
Member Avatar
+0 forum 1

Let's assume you would have to design a 500 ml (about 1.1 pint) food/beverage container like a can and use the least amount of material. Here is a Python program that explains the steps to achieve this.

Member Avatar
Member Avatar
+2 forum 2

Hi All, I have a problem with my web page. I'm floating some content to the left so the image below can move up to the right. The content and image are contained in a div with a height set to 100%. When I remove the height or decrease it, the image moves down the page to where it began. Either way, the gap where the image started never decreases. I'm aiming for it to just go away so that the content reachers the footer. This occurs more noticably in the smaller width view using the media query. I assume …

Member Avatar
Member Avatar
+0 forum 3

I am trying to get the width and height of the uploaded html file. This is what i have done so far. WebBrowser wb = new WebBrowser(); int ht,wd; wb.Navigate("D:\\page1.HTM"); ht = wb.Height; wd = wb.Width; But the above code always return me the wrong size of the page. Can anyone help me to get the exact page size in the c# environment? Thanks in advance.

Member Avatar
Member Avatar
+0 forum 2

I have a 31,000 line spreadsheet, that will become a printed book. Based on the current column width (which has to stay the same for printing purposes) there are many lines that are only one line of text, and others that wrap to multiple lines. For some reason, for lines that are only one line (no wrapping needed) excel creates slightly larger padding below the text (even after auto fit), which creates a strange visual break (as if it's a new paragraph) and also makes the document longer than it needs to be because of the extra spacing. I'd like …

Member Avatar
Member Avatar
+0 forum 22

I have a simple imagebutton in Visual Studio 2010 / c# / .NET framework 4.0: asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/mypic.jpg" Width="400px" IE10 / Windows 8 shows the picture in the original size (width 200 px) and ignores the specified width (400 px). All other browsers behave as expected, but IE 10 doesn't. I tried resizing an simple image (not being a button) asp:Image; that works fine in IE 10. Can anybody help me to solve this problem? Thanks in advance! Sushmaja Arumalla

Member Avatar
Member Avatar
+0 forum 9

Basically I am creating a web page that is going to eventually load content dynamically using PHP. Right now I am constructing the HTML/CSS for the page so that the design is complete. My problem is that when I add x amount of content to my page, the content simply overflows out of the element, across the top of my footer and down the page. What I want is for the content area to resize automatically keeping my footer at the bottom so that all the content is displayed correctly. Below is a copy of my current web page. thankyou …

Member Avatar
Member Avatar
+0 forum 5

This example calculates timed x, y points of a projectile motion that can be used for plotting or other calculations.

Member Avatar
Member Avatar
+3 forum 3

I have a requirement to make the height of a sidebar grow relative to the height of the main window. I currently have a sidebar that is sized to its content, but the main window is always much longer. Is it possible to (a) determine the height of the main windows (ID="leftside") and (b) make the height of the sidebar (ID="rightside") = leftside.height - 10 ?

Member Avatar
Member Avatar
+0 forum 4

Hi all a div located below the top div is positioning itself roughly 200px higher than expected. The top div is filling the browser window as it should be; but the bottom div is overlapping the top div. I hope this makes sense :S The properties set for the top div are as follows: div.top { height:100%; width:100%; min-height:400px; min-width:800px; } and the bottom div: div.sec { position:relative; width:100%; height:100%; min-width:800px; min-height:400px; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; } and they are simply written in the body of the html as: <body> <div class="top"></div> <div class="sec"></div> </body> Please see attached image below …

Member Avatar
Member Avatar
+0 forum 3

Hello, Using codeigniter 2.1.2 and Bootstrap 2.3.1. I have just uploaded files from a local site to a live server. Somehow a div inside an accordion div gets different heights: On my local site I have this div: <div id="ui-accordion-1-panel-0" class="row ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="padding: 0.5em 0px; display: block; **height: 529.2px;**" aria-labelledby="ui-accordion-1-header-0" role="tabpanel" aria-expanded="true" aria-hidden="false"> On the live site the same div had a different height: <div id="ui-accordion-1-panel-0" class="row ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="padding: 0.5em 0px; display: block; **height: 279.2px;**" aria-labelledby="ui-accordion-1-header-0" role="tabpanel" aria-expanded="true" aria-hidden="false"> My code: <div class="accordion"> <?php foreach($provinces as $province): ?> <h3><?php echo $province->name; ?></h3> …

Member Avatar
Member Avatar
+0 forum 9

Hi, I have been trying to solve a problem,i need to write code to an existing projectile class to calculate the maximum height reached by a projectile ,i have tried all possible solutions but seem stuck,here is the code below # Canonball in form of a class # projectile.py from math import pi,sin,cos class Projectile: def __init__(self,angle,velocity,height): self.xpos=0.0 self.ypos=height theta=pi*angle/180.0 self.xvel=velocity*cos(theta) self.yvel=velocity*sin(theta) def update(self,time): self.xpos=self.xpos+time*self.xvel yvel1=self.yvel-9.8*time self.ypos=self.ypos+time*(self.yvel+yvel1)/2.0 self.yvel=yvel1 def getY(self): return self.ypos def maxHeight(self,time): self.ypos=self.ypos+time*(4.9*time) return self.ypos def getX(self): return self.xpos def getInputs(): a=input('Enter the launch angle in degrees : ') v=input('Enter the initial velocity in m/s : ') h=input('Enter …

Member Avatar
Member Avatar
+0 forum 2

I wanted to vertically align a div inside another div. For this I was using line-height (= height of the div) and vertical-align: middle. But if I specify the line-height value in % instead of px, it doesn't work. I tried googling it but could not find. What can be the problem?

Member Avatar
Member Avatar
+0 forum 1

I'm quite new to Javascript but thought that I should challenge myself to use it to solve an old problem of mine. I'm trying to set the height of a div to the same as the width of it. Example: The width is set to 50% and the screen is 1000px wide, the element will be 500px wide. I want the height to be the same; 500px. I tried to achieve this using this Javascript code: var layer=document.getElementById('layer'); var layer_width=layer.width(); layer.style.height=layer_width; The width of 'layer' has been set to 50% in CSS. The height is unaffected however. What am I …

Member Avatar
Member Avatar
+0 forum 1

**I have a fairly simple script, but I'm having trouble sizing up my randomly displayed images. I want them all to have the height of 150px. Any help would be great. Thanks! code below:** <script type="text/javascript"> window.addEventListener?window.addEventListener('load',function() { ray.rand('thisCell'); },false): window.attachEvent('onload',function() { ray.rand('thisCell'); }); // FF : IE1 var ray= { bgArr:['url(http://dl.dropbox.com/u/5739741/Tutor/13klas-600.jpg) 10% 10% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/girl_studying_2.jpg) 6% 6% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/CT-tutoring.jpg) 24% 10% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/smartboard1.jpg) 31% 17% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/math-assessment-test-tutoring.png) 55% 4% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/one2one1.jpg) 75% 11% no-repeat','url(http://dl.dropbox.com/u/5739741/Tutor/GirlStudying.jpg) 95% 11% no-repeat'], // Background you wish to show on the cell rand:function(el) { var num = Math.floor(Math.random()*this.bgArr.length); this.getID(el).style.background=this.bgArr[num]; }, getID:function(el){return document.getElementById(el);} } </script> <style type="text/css"> /*Transparent Tables*/ table, tr, …

Member Avatar
Member Avatar
+0 forum 1

Hi! I am making a simple box and inner box. The outer box is white and the inner box is purple. The inner box width is static (95%, i understand this is not necessarily static, but in the context of the height you'll understand) but the height is set to auto to reflect the height of the content text. The trick I'm facing is having a margin on the bottom. It is easy to set the sides. The outer box width is set to 97%, and the inner box width is set to 95%. There is a 10% margin on …

Member Avatar
Member Avatar
+0 forum 4

I'm using ListView control, with SmallIcons style in VB.NET. Icons are loaded fine, but when I start to scroll ListView down or up from scrollbar (clicking from arrows), rowheight drops to about half from normal in next 20-30 rows below/above upper/bottom row (depends from the scrolling position). After 1-2 seconds, ListView is "refreshed" and scrolling continues normally. When focus in on the ListView and I'm moving up/down with arrow keys or PageUp/PageDown, everything is normal. Any suggestions, what is happening? SmallIcons size is 16 * 16. Is it compulsory to set "Blank icon" with SmallIcon size to all rows, when …

Member Avatar
Member Avatar
+0 forum 4

Hello, i have created a html/css version of one of my psds and pretty much everything is working fine, just the background image or the container div to which background image is assigned is not stretching vertically to 100%. Here is the Link to Live version of What i have Done. [CODE]http://myspicylife.info/new/[/CODE] This is the CSS for the Main Container. [CODE]#maincontainer { background-image: url("img/bg.jpg"); background-repeat: repeat-y; height: 1750px; margin: 0 auto; width: 900px; } [/CODE] When i Set the Height to 100% it just disappers can anyone please help me with this? If you have fireshot try editing the height …

Member Avatar
Member Avatar
+0 forum 5

I have a wrapper div with nested divs. I have set the wrapper to be 100% the height of the screen whatever the resolution (HTML and Body have been set with height:100% and wrapper has been set to min-height:100%), and I have set an image to be the background (not a pattern). In IE8, there is no trouble with the code and the image correctly extends the length of the screen; however, in Firefox 8, the background image stops partway down the screen. [CODE]#wrapper {width:1028px; min-height:100%; margin:0 auto; background-image:url(assets/mainbg_T.png);} [/CODE] Here is a link to the page in question: [URL="http://dominguezdevelopment.com/EWS/contact.html"]http://dominguezdevelopment.com/EWS/contact.html[/URL] …

Member Avatar
Member Avatar
+0 forum 4

hi hi! I have encounter a problem that need to equal height in different classes. Currently I using this code from [URL="http://www.cssnewbie.com/equal-height-columns-with-jquery/"]cssnewbie[/URL]: [CODE]function equalHeight(group) { var tallest = 0; group.each(function() { var thisHeight = $(this).height(); if(thisHeight > tallest) { tallest = thisHeight; } }); group.height(tallest); } $(document).ready(function() { equalHeight($(".contentA")); equalHeight($(".contentB")); }); [/CODE] The scenario is 3 columns boxes need to have an equal height. It has background and content. Left and middle boxes sharing the same class and ID, and the right box has different class and ID. It is 2 row and 3 column. Now the bottom left and …

Member Avatar
Member Avatar
+0 forum 5

Okay, I have the content area of my Wordpress blog theme I'm creating. I want the content area to at least have a height of 600px, but if more content comes then I would like the height to change to what ever is necessary. So 600px automatically, but continue expanding if more content can't fit in the 600px.

Member Avatar
Member Avatar
+0 forum 5

Hello, I have this simple layout: [url]http://www.jahosapstot.cat/test/test.html[/url] As you can see the vertical div ("col"), wich is set at height 100%, is longer than the viewport, making the scroll bar to appear. This does not happen if the horizontal div ("menu") does not exist (it adds the "menu" height to the viewport height, I guess). Is there a way to have the vertical div to expand to the bottom of the viewport only? So there is no vertical scroll?

Member Avatar
Member Avatar
+0 forum 3

Hey guys.. i got this kind of div structure (Hebrew website) [CODE] <div id="main" style="background: #ffffff; padding: 20px;"> <div id="sidebar" style="float: right;"> actuall sidebar </div> <div id="pagecontent" style="float: right"> some content </div> </div> [/CODE] My problem.. The contact inside the content / sidebar isn't stretching the "main" div and so.. i got no background for the other div's when the content is long.. This is a Wordpress based website so the content of each page is different on each page.. also.. i dont want to use table.. <-- old system? Got any idea's?? what am i missing? i need to …

Member Avatar
Member Avatar
+0 forum 2

Hi, I recently built a new html site and it looked great in FF, Chrome, Safari, and IE8. When I view the site in IE9, it expands vertically, leaving spaces between the images and generally destroying the page layout. I don't know if this is an issue with my html coding or IE9. Here's the site: [URL="http://www.northshoresmile.com/"]http://www.northshoresmile.com/[/URL] Any advice would be appreciated. I want to make sure this is fixed before IE9 gets out of Beta. Thanks.

Member Avatar
Member Avatar
+0 forum 3

Name - MD NASHIR UDDIN. Nickname - swapon. Height - 5' 3". Weight - c'mon. Hair - dark brown w/ reddish highlights. Eyes - 2 of 'em. Location - Dhaka, Bangladesh. Age - 29. Hobbies - lounging around on the computer and make a garden. Relationship Status - Married.

Member Avatar
Member Avatar
+0 forum 1

I am calling this javascript function: var facing = "First"; [CODE] function switchit(list){ if (list != facing){ document.getElementById(facing).style.display="none"; }; var listElementStyle=document.getElementById(list).style; if (listElementStyle.display=="none"){ listElementStyle.display="block"; } else { listElementStyle.display="none"; } facing = list; } </script> [/CODE] inside a nested div so that when a hyperlink is clicked it will show one element and hide the other like this snippet: [CODE] <div id="bio"> <!--Ty Expansion --> <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="bioEmphasis">What</span> O.L.L.I.E. Lifestyle represents is very personal to me. It has been an aspiration of mine to dedicate myself to the betterment and empowerment of our youth. <a href="javascript:switchit('First')">Click to read more..</a><br /> <div id="First" …

Member Avatar
Member Avatar
+0 forum 1

Hello, I have a page that I want to have borders on all 4 sides. The problem is, the bottom border does not extend to the bottom of the page. It stops mid-way, with content extending below it. Here is my code: [CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>Solar, Wind, and Green Energy Products Grab-Bag</title> <meta name="description" content="Selected Solar Wind Geothermal, and Green Energy products for Home and Business" /> <meta property="og:type" content="product" /> <meta property="og:title" content="California Solar and Green" /> <meta property="og:url" content="http://www.californiasolarandgreen.com" /> <meta property="og:site_name" content="California Solar and Green" …

Member Avatar
Member Avatar
+0 forum 5

Hi, When I set width and height properties in the <iframe> tag, it sets the width and height respectively, however, the "src" page inside the iframe is still small and has a scroll bar. Is there a way to set the src to be equal to the iframe dimensions? Thanks, Ashton.

Member Avatar
Member Avatar
+0 forum 2

The End.