Jump to content

612wharfavenue

Members
  • Posts

    89
  • Joined

  • Last visited

612wharfavenue's Achievements

Newbie

Newbie (1/7)

1

Reputation

  1. Alright ive tried all sorts of combinations of setting the width and minwidth with percentages for both the div and the ul but it either doesnt do anything or it messes up the centering, i dont understand, if i set the div to be a certain width why cant i set the ul to be a certain width too within the div so that the div is just used for placement? It doesnt seem to work this way.
  2. Thanks, now when you make the window really narrow like on a phone the bullet points spill over the borders, how can i contain them like a normal paragraph?
  3. Please take a look, its live now but no one is really visiting it so its ok, i want to know how i get rid of that gap at the top and when you make the window really small how to make the bulletpoints fall within the borders instead of over.
  4. How do i apply that to the form? I tried making a div around it with display:block; margin: 0 auto;but it didnt center.
  5. Hi please take a look at my site, below is the code snippet in question i have to center my images since ive never had any luck with the css-html methods. The problem is because its set to wait for document.ready() sometimes it will place all my images to the right. Ive tried window.load() but the images center offscreen at smaller window sizes. It was also suggested i try <div style=" background: url('Assets/image.png') center center no-repeat; width: 100%; height: 500px; "> </div> but this causes it to lose responsiveness. Ive searched around and i cant find a solution, i just need my images (and the one form) to stay centered and for the images to scale down with the window size.site: http://bit.ly/11nAQJK <script type="text/javascript"> //Centering Script$(document).ready(function () { updateContainer(); $(window).resize(function() { updateContainer(); });});function updateContainer() {(function ($) {$.fn.vAlign = function() { return this.each(function(i){ var h = $(this).height(); var oh = $(this).outerHeight(); var mt = (h + (oh - h)) / 2; $(this).css("margin-top", "-" + mt + "px"); $(this).css("top", "50%"); $(this).css("position", "absolute"); }); };})(jQuery);(function ($) {$.fn.hAlign = function() { return this.each(function(i){ var w = $(this).width(); var ow = $(this).outerWidth(); var ml = (w + (ow - w)) / 2; $(this).css("margin-left", "-" + ml + "px"); $(this).css("left", "50%"); $(this).css("position", "absolute"); });};})(jQuery);
  6. Nm, im too impatient, i found a script that polls viewport size then matched that using the snipping tool, turns out they all report correctly using only the viewport. Here's the code if anyone wants: <script type="text/javascript"><!-- var viewportwidth; var viewportheight; // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight if (typeof window.innerWidth != 'undefined') { viewportwidth = window.innerWidth, viewportheight = window.innerHeight } // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight } // older versions of IE else { viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight }document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');//--></script>
  7. Im using media queries min-height to create a responsive layout, but it just occured to me that im not entirely sure what part of the browser is considered, if it just the viewport, the viewport and toolbars, or the entire browser. I found a thread about someone having problems with queries in firefox 9 getting them to work at all, and someone left an interesting note: What are your experiences with this? .
  8. noob here, take it worth a grain of salt, but doesnt the .htaccess file allow for this?
×
×
  • Create New...