612wharfavenue
-
Posts
89 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by 612wharfavenue
-
-
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?
-
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.
-
Ooooh, super simple then, thanks.
-
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.
-
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);
Site has weird gap at the top and bullets overlap borders on small window sizes
in CSS
Posted
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.