DarkxPunk
-
Posts
465 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by DarkxPunk
-
Lol I could not understand lol. Well yeah we need his code.
-
Dude we want code cause we don't understand your textual diagram. Make a picture, supply code and we try and help. But also take time to figure out yourself. I know some people on here are a little harsh about handing free code, and it's fine once or twice, but honestly we can't trust on simple words that you have done any work.Anyway if you can provide a mockup picture and/or your code, we will be glad to help.
-
You need to fix the padding/margin at the bottom of the page, and odd cause I did not need to put float left. But good that its working.If you need help feel free to Skype me.
-
I use Coda from Panic! It is Mac only sorry windows users. I recommend coda above all, though sublime looks nice.
-
Wait I am assuming your talking about the search box on the right. Its being pushed down because its not inside the container div. Put it inside, remove the right margin from the content div. Solved.
-
I don't see that... I see no side bar at all.
-
I was just there, no stretching. It actually looks pretty bad on my iPad as a example.
-
So is everything working? Are you using dsonesuk or mine?
-
You can't stretch unless you use one of the two examples I gave you. Thats how it works... Most people don't distort their images just to fill the background. If I could see the picture I could help graphically.
-
Not to sound rude but the two examples I gave you are your only options... Choose one and use it. Otherwise be more clear about what you want to achieve
-
Your background does not stretch... It only repeats or stays its size.Try this if you want to "fake it": http://webdesign.about.com/od/css3/f/blfaqbgsize.htmYou can also make fixed sized backgrounds and have them change using javascript based upon your viewers screen resolutionhttp://www.webdeveloper.com/forum/showthread.php?84188-Change-Background-Image-To-ResolutionHope it helps.
-
Thanks for that dsonesuk even though not my post good info.
-
Honestly I have never worked with eBay so I am not sure how it handles the CSS... It should not shift everything if you copy and paste everything I put, as you tested on your first link...
-
When I get a chance I will code it with divs and show you. <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>quop.eu EBAY</title> <style type="text/css"> * { margin: 0; border: 0; padding: 0; font-family: 'Arial'; text-align: center; } a {text-decoration:none;} #logo { background: url(http://quop.eu/quop/wp-content/uploads/quopEU.jpg) center center; display: block; width: 966px; height: 162px; } .kl_body { margin: 5px auto; padding: 10px; border: 6px solid #00afef; width: 966px; } #showCase { width: 672px; margin: 0 auto; } .kl_body #showCase img { border:1px solid black; width:634px; height:631x; margin: 0 5px; } .kl_body #showCase a img { width:100px; height:100px; float: left; margin: 10px 5px; } .kl_body #showCase a .kl_foto { display:none; position:absolute; left:125px; width:720px; height:720px; border:1px solid black; } .kl_body #showCase a:hover .kl_foto {display:block;} h1 { font-size: 24px; } #table { width: 700px; margin: 50px auto; border: 1px solid black; overflow: hidden; } #table * { text-align: left; } .row { border-bottom: 1px solid black; width: 700px; } .row #last { border: 0; } .col { width: 115px; border-right: 1px solid black; margin: 0 5px; } .col,.row { float: left; } </style></head><body><div style="height: 162px;" class="kl_body"> <a id="logo" href="http://www.quop.eu" target="_blank"></a></div><div class="kl_body"> <div id="showCase"> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_11-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_11-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_21-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_21-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_3" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_31-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_31-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_41-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_41-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_51-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_51-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_61-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_61-720x720.jpg);background-repeat:no-repeat;"></div> </a> </div> <img src="http://quop.eu/quop/wp-content/public/quop_logo.png" alt="1"></div><div class="kl_body"> <h1 style="text-align: left;">Product description:</h1> <div id="table"> <div class="row"> <div class="col">Product ID:</div> 22222986 </div> <div class="row"> <div class="col">Product name:</div> Fuel pump, Kraftstoffpumpe Mitsubishi Pajero III 3.2 DI-D shogun montero </div> <div class="row"> <div class="col">Manufacturer:</div> Mitsubishi </div> <div class="row"> <div class="col">Part number:</div> ME190711 </div> <div class="row"> <div class="col">Car:</div> 2004 Pajero, 3.2DID, 135.000Km, aut., 5 door, silver, leather, sport susp. </div> <div class="row" id="last"> <div class="col">VIN:</div> JMALYV78W43001154 </div> </div></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div></body></html>
-
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
This just means I need to save it to cookies, thanks anyway. -
In my experience I have had the href take over and ignore the onclick. Idk if that is your problem, but my solution was call the onclick, then use js to change the location.href. Pull the href from the link or your SQL, and run it after the change you wanna make to php using Ajax. Just a idea.
-
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
Guess cookies is my only option. -
One thing I would do is build two different js and CSS files for ie8 and under and not worry about html5. That article is very interesting and I would also recommend that.
-
I would recommend to stop using tables. I know I am not addressing the issue, but I say stop using them. Use divs.
-
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
Thanks for the help related to the scroll but at the moment my problem is my code not functioning on the iPhone... -
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
I can't find anything, no ideas? -
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
That would be a workaround from localStorage, and I could also use cookies. Though I rather figure out why localStorage is not working. Also how would I detect when a scroll stops... I can only find when a scroll is going on... Thanks for any help. I will continue researching and update if I find anything. -
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
Well first and foremost I need to get my script to work on the iPhone... I can only get it functioning on the iPad. In regards to position I mean the Y scroll position. Please note this thread is simply about mobile web apps for iOS. Not desktops, IDC about desktops. -
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
No ideas? -
Web App: Workaround page from loading home page
DarkxPunk replied to DarkxPunk's topic in JavaScript
I am trying to come up with a concept to save the last position on the page, the problem is that iOS does not support unload when closing a web app.Ideas how to get around it? Do a loop constantly saving the y maybe?Well it's not working on the iPhone, but works fine on my iPad... Why?
