Posts by <M/>

Sorry for my late response,

Here's the css:

#slider_container {
    height: 408px;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

And here is the html:

<div id="slider_container">
  <div id="slides">
    <img src="image5.png" width="1000px" height="408px" alt="image 1" class="is-showing" />
    <img src="image4.jpg" width="1000px" height="408px" alt="image 2"/>
     <img src="image3.jpg" width="1000px" height="408px" alt="image 3"/>
     <img src="image2.JPG" width="1000px" height="408px" alt="image 4"/>
<img src="image0.png" width="1000px" height="408px" alt="image 5"/>
     <img src="1.jpg" width="1000px" height="408px" alt="image 6"/>
     <img src="2.jpg" width="1000px" height="408px" alt="image 7"/>
     <img src="3.jpg" width="1000px" height="408px" alt="image 8"/>
     <img src="4.jpg" width="1000px" height="408px" alt="image 9"/>
     <img src="5.jpg" width="1000px" height="408px" alt="image 10"/>
     <img src="6.jpg" width="1000px" height="408px" alt="image 11"/>
     <img src="7.png" width="1000px" height="408px" alt="image 12"/>
     <img src="8.jpg" width="1000px" height="408px" alt="image 13"/>
     <img src="9.jpg" width="1000px" height="408px" alt="image 15"/>
     <img src="10.jpg" width="1000px" height="408px" alt="image 16"/>
     <img src="11.jpg" width="1000px" height="408px" alt="image 17"/>
     <img src="12.jpg" width="1000px" height="408px" alt="image 18"/>
     <img src="13.jpg" width="1000px" height="408px" alt="image 19"/>
     <img src="14.jpg" width="1000px" height="408px" alt="image 20"/>
     <img src="15.jpg" width="1000px" height="408px" alt="image 21"/>
     <img src="16.jpg" width="1000px" height="408px" alt="image 22"/>
     <img src="17.jpg" width="1000px" height="408px" alt="image 23"/>
     <img src="18.jpg" width="1000px" height="408px" alt="image 24"/>
  </div>
</div>

I'm not sure if anything is wrong with the html, it could be a problem of me having a missing css styling or something like that...

Remember...

"The fate of your future is in your hands!"

Some random movie quote, possibly starwars :)

Remember, we are just giving our opinions, so you must depend on your answers because this will determine your life...

If you put it that, I get it...

Here is my Jquery code:

<script>
$(window).load(function() {
var slideContainer = $('#slider_container'), slidesHolder = $(slideContainer).children(), slideWidth = slideContainer.width(), slidePos = 0, slides = $(slidesHolder).children(), slideTotal = slides.length, currentSlide = 0, delay = 3000, slideTime = 700;
  $(slideContainer).css({
    'overflow':'hidden',
    'position': 'relative'
  });
  $(slidesHolder).css({
    'position': 'absolute'
  });
  for (var i = 0; i < slides.length; i++) {
    $(slides[i]).css({
      'position': 'absolute',
      'top': '0',
      'left': slidePos + 'px'
    });
    slidePos = slidePos + slideWidth;
  }
  $(slidesHolder).css('width', slidePos + slideWidth);
  $(slides).first().clone().css({
    'left': slidePos  + 'px'
  }).appendTo(slidesHolder);
  function animate() {
    $(slidesHolder).delay(delay).animate({
      left: '-=' + slideWidth
    }, slideTime, function() {
      if (currentSlide < slideTotal - 1) {
        currentSlide++;
        animate();
      } else {
        $(slidesHolder).css({
          'left': 0
        });
        currentSlide = 0;
        animate();
      }
    });
  }
  animate();
});
</script>

I know that's the point, but I don't want to show the results just yet...

So are you able to help me?

I'll be honest, my parents went to great universities but they told me that universities are overrated... you get nothing out of it if you do nothing... The only way you make it count is if you make connections... that's really what they are for now....

So go to a university but remember... if you don't connect with other people to make your business you basically got nothing out of the university...

(that's my point of view... but remember its not the only answer!)

I have a slider, and for some odd reason, at the very end it goes blank for a while then resets...
I think its being overwritten by my css... Can someone look at my site...

I will send you the link through a private message (I don't want to show my work yet)...

Thanks!

fixed it...!

ok, so i fixed the 3d effect, but now i get this extra piece just "hanging out" on top...

here it is as of so far:

 position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;

I applied a shadow effect, but there is this 3d effect that shows up on the top of the site:
I applied this css:

    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px; 

Lets just point this out... we all have our own opinions on who is to blame... but honestly it's not our problem, it's apple... let apple suffer for their inexperienced so-called "genius" staff... So lets just say apple is 50% of blame and the staff is another 50%...

Can you tell me which styling of mine is causing this flaw...?

Do an apple styled log in...

Wow thanks you guys for contributing!

JorgeM, I tried out the solution but I don't see a change... I placed the closing but the logo is still unclickable... are you able to tell me which css element was at 15px?

This issue is on every page and i sent you the link

I have a logo on my page that won't become a link... Can someone help me...
I don't want to post the link to my page but I will send you the link...

Thanks

WOW... I can't believe i didn't notice that! You just solved everything... thanks :)

Sure you can blame apple for not checking their staff but you can't blame apple as the "main bad guy"... so blame the staff

I have 2 different links, I want one to be blue (as an example) and the other to be red... but for some odd reason I can't see what's causing all of the links to be the same colors.... can someone help?
Thanks in advance!

Haha, that's also true :)
Nice avatar happygeek, why'd you have to change it though... your other one was awesome

You can't really blame a full company for a problem... you'd blame whomever was on the other end (the one that didn't follow the rules and unlocked the iPod)...
Samething happened to my friend when he lost his macbook pro (the new one)...

JorgeM is right... try his solution.

With 32 years experience... i think you could be one of the best (aside from a few like Dani, JorgeM, and a few others):)

I'm not sure why you'd get threatened by your boss to build a chess game but I think lola's source should help...

Please google first... :)

I like your site JorgeM... for some odd reason I feel like i have used your site before (which is a good thing :) )

I'll see what sources I can gain from your page

I think i forgot to add the jquery file itself... but i do have the code there at least:)

Wow that solved a lot! Thanks for helping!

I do have another question... similar to this thread though, and how do i change the color of the links in the footer without changing the colors of the other links i have set as white?

Thanks!

lemme try the solution ;)

Sure thing :)

I noticed that, i just meant which class/id did he notice it in?

where did you see the blue text?

I have a script that shows a vertical accordion.... question is how do i get it so that if someone clicks one of the tabs, the other tab that's open closes and only reveals the one you clicked on?

Here is my code:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<style>
* {margin:0; padding:0; font:12px Verdana,Arial}
code {font-family:"Courier New",Courier}
#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}
#acc {width:457px; list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {width:443px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#acc h3:hover {background:url(images/header_over.gif)}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:425px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
#nested h3:hover {background:url(images/header_over.gif)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(images/header_over.gif)}
</style>
<body>
<script>
var TINY={};

function T$(i){return document.getElementById(i)}
function T$$(e,p){return p.getElementsByTagName(e)}

TINY.accordion=function(){
    function slider(n){this.n=n; this.a=[]}
    slider.prototype.init=function(t,e,m,o,k){
        var a=T$(t), i=s=0, n=a.childNodes, l=n.length; this.s=k||0; this.m=m||0;
        for(i;i<l;i++){
            var v=n[i];
            if(v.nodeType!=3){
                this.a[s]={}; this.a[s].h=h=T$$(e,v)[0]; this.a[s].c=c=T$$('div',v)[0]; h.onclick=new Function(this.n+'.pr(0,'+s+')');
                if(o==s){h.className=this.s; c.style.height='auto'; c.d=1}else{c.style.height=0; c.d=-1} s++
            }
        }
        this.l=s
    };
    slider.prototype.pr=function(f,d){
        for(var i=0;i<this.l;i++){
            var h=this.a[i].h, c=this.a[i].c, k=c.style.height; k=k=='auto'?1:parseInt(k); clearInterval(c.t);
            if((k!=1&&c.d==-1)&&(f==1||i==d)){
                c.style.height=''; c.m=c.offsetHeight; c.style.height=k+'px'; c.d=1; h.className=this.s; su(c,1)
            }else if(k>0&&(f==-1||this.m||i==d)){
                c.d=-1; h.className=''; su(c,-1)
            }
        }
    };
    function su(c){c.t=setInterval(function(){sl(c)},20)};
    function sl(c){
        var h=c.offsetHeight, d=c.d==1?c.m-h:h; c.style.height=h+(Math.ceil(d/5)*c.d)+'px';
        c.style.opacity=h/c.m; c.style.filter='alpha(opacity='+h*100/c.m+')';
        if((c.d==1&&h>=c.m)||(c.d!=1&&h==1)){if(c.d==1){c.style.height='auto'} clearInterval(c.t)}
    };
    return{slider:slider}
}();
</script>

<ul class="acc" id="acc">
    <li>
        <h3 class="0">header1</h3>
        <div class="acc-section" style="height: auto; ">
            <div class="acc-content">
                <ul class="acc" id="nested">
                    <li> </li>
                    <li> …

i sent you all the links!

Unfortunately I don't want people seeing the link as of it yet... but i'll send you each the link :)

No need to worry no more about this flaw! Ips fixed this issue for me!

Thanks you guys for your current, past, and future contributions in assisting me!

Nope :(... my page won't scroll down...

sent!

sent!

alright, but i think i've sent you the link before... twice i think through a pm :)

On a page i created... the font is blue... I'm not sure why... can someone tell me why... i'll send you the link if needed:)

This one isn't solved though

I know because i managed to refine it before you saw it :)

I'll still thank you for contributing :)

They are quite similar i know... but there are a few differences...

When I preview my site in the iPad (safari) parts of the pages are cut off, not stretching fully across the page... the header and the body are cut off... can someone tell my this is happening... i'll send you my site's link through a pm :)

Thanks

I also began to notice that on the iPad, parts of the site moves around (i'm not sure if that's the best way to word it)... does anyone also know how to fix that "horizontal scrolling issue"?

No.... shall i send you the link to the page?

will, without it the page wouldn't nudge...

Do you want to look at the page your self? I can't really figure out what causes it not to scroll :(

I'll send you the link through a pm :)

hehe, i actually figured it out, I'll paste my slider's code:

$(window).load(function() {
var slideContainer = $('#slider_container'), slidesHolder = $(slideContainer).children(), slideWidth = slideContainer.width(), slidePos = 0, slides = $(slidesHolder).children(), slideTotal = slides.length, currentSlide = 0, delay = 3000, slideTime = 700;
  $(slideContainer).css({
    'overflow':'hidden',
    'position': 'relative'
  });
  $(slidesHolder).css({
    'position': 'absolute'
  });
  for (var i = 0; i < slides.length; i++) {
    $(slides[i]).css({
      'position': 'absolute',
      'top': '0',
      'left': slidePos + 'px'
    });
    slidePos = slidePos + slideWidth;
  }
  $(slidesHolder).css('width', slidePos + slideWidth);
  $(slides).first().clone().css({
    'left': slidePos  + 'px'
  }).appendTo(slidesHolder);
  function animate() {
    $(slidesHolder).delay(delay).animate({
      left: '-=' + slideWidth
    }, slideTime, function() {
      if (currentSlide < slideTotal - 1) {
        currentSlide++;
        animate();
      } else {
        $(slidesHolder).css({
          'left': 0
        });
        currentSlide = 0;
        animate();
      }
    });
  }
  animate();
});

Thanks you guys for trying to help me out!

I have officialy been dumbfounded...