cssfreakie
-
Posts
1,674 -
Joined
-
Last visited
Everything posted by cssfreakie
-
well the best place to look is the manual of php itself. I think this function is what you are looking for, see comments under it for usage: http://www.php.net/manual/en/function.strftime.php
-
Puzzled on how to do this for my table in php
cssfreakie replied to Iosys's topic in PHP Coding Help
how do you check if someone is online? depending on that answer you can use that value to set an image or a default one. -
Is PHP the best option for changing languages on a page?
cssfreakie replied to goofy78270's topic in PHP Coding Help
javascript relies on the enduser so php would be the best of 2 (since people can have javascript disabled). depending how you set it up. Will it redirect to another domain? will it instantly translate everything on your site? If that is the case you need to write a very nice php cms with language files -
How to minimize load time of page with lots of images
cssfreakie replied to denno020's topic in HTML Help
I recommend not to show 40 images on your index.php. So what i said was include in your index.php a script that loads the images after everything is loaded but don't display them (that way they experience it all as smooth). Ones the person visits the team page all images are in it's cache. and yeha as far as the solution, loads have been written on this, a nice way could be jquery: http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript -
I assume you want to adds this http:// so you can put it in your database and output it correctly later? If so, don't rely on value, since people could accidentally delete it. With some php you can check if the url is like you want it to be, and adjust it accordingly.
-
How to minimize load time of page with lots of images
cssfreakie replied to denno020's topic in HTML Help
well if no one in the team changes a sprite would be a nice solution, 40 header request or 1 makes a huge difference. What you could also do is on the main page, you load all images and set them to display:none; you might try to use javascript to load them after the page is ready. That way the images are in the browser cache and will load instant when on the team page. -
Something to look for at first is the manual if a book didn't have this info. this is what it says: Now the question: is an A element a block element or not? and if not can we align it as if it were a block element? (answer, no an A element is not a block element, and yes we can use display block on them (but only use it if you know what that does!) So in a nut shell Yes we can: Run the stuff below and see the differences (note though in real life use an external style sheet) <!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" xml:lang="en" lang="en" > <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link type="text/css" rel="stylesheet" href="css/reset.css" /> <title></title> </head> <body> <style type="text/css"> #container1{ width:300px; border:1px solid red; } #container2{ width:300px; border:1px solid blue; } #container3{ width:300px; border:1px solid green; } #container4{ width:300px; border:1px solid pink; } .center{ text-align: center; /* used for block elements */ } .block{ display:block; } .block2{ display: block; text-align: center; } </style> <div id="container1"> <a class="center" href="">this is a link</a> </div> <br /> <div id="container2"> <p class="center"><a href="">this is a link</a></p> </div> <br /> <div id="container3"> <p><a class="block center" href="">this is a link</a></p> </div> <br /> <div id="container4"> <p><a class="block2"href="">this is a link</a></p> </div> <br /> </body> </html> Now a nice thing to do for you is remove the width property of the container and see what happens than.
-
well because tables are not meant for layout, but to display data in an orderly way. @ topic starter maybe have a look here, it's guide how to make a media box. The same technique can be used for anything. Also i can recommend to separate your style from your content. So instead of using in-line style use an external style-sheet
-
Well if you want i can write a short and easy to use firebug toturial. But that would be more of a guide, it's a pretty intuitive tool. ones you right click inspect element. When something is new for me i just press all the buttons and see what it does for me. As far as php, mysql, css, html I can really recommend to invest in a book. Books are structured, and i assume you agree with me that you rather read 700 pages in a book than on your screen. Now after you read such a book, you should have a structured idea on how and what, and after that you can increase the knowledge with other books or on-line articles that go into more detail. Now for CSS there are quite some things like http://www.alistapart.com/topics/design/ and http://www.yourinspirationweb.com/en/ But those tutorials should be added to already known knowledge (from a book). Trust me it's far more efficient, to read from a structured book, that looking for stuff you don't know exists. This is my tip, buy a book on the subject read it, apply it and enhance with on-line specific articles. I can really recommend the O'Reilly's Head first series. Fun to read (what?, yes fun to read) loads of examples test puzzles etc.
-
Hi sailorsmonkey, I noticed the with of the image is caused by inline style. (by using firebug you can see where stuff get's it's style from and when it only says, element.style it means it's hardcoded (inline) in your output. this is what it looked like: <div style="width: 50%;"><center><span class="item-image"><img alt="Magnetic Artist Easel" src="http://www.watchesandthings.com/autism/files/21W.jpg"></span><br> </center></div> and this is what it could look like; <div style="width: 57%;"><center><span class="item-image"><img alt="Magnetic Artist Easel" src="http://www.watchesandthings.com/autism/files/21W.jpg"></span><br> </center></div> Notice the 57 percent which will make the space bigger. The script that is outputting this should be adjusted. (i would set it to pixels really since you have a fixed width container). Even better would be to give that <div> a class or ID depending on how often you use it. And set the width in a style sheet. Besides that i noticed you are using an incredible amount of empty <p> elements that is not very clean. Hope this helps a bit cheers css freakie p.s. I also notice you use the <center> tag, that is not a good thing. Nowadays we set margin to #id{margin:0 auto;} and for IE 5 #id{text-align:center;}
-
well it can be done in several ways. Maybe have a look at positioning maybe try Position absolute with a position left of +/- 50px Make sure you read upon positioning otherwise, you will probably post back how? what? etc. and provide some code instead of only those image.
-
Aligning divs, etc. Just not sure of myself with CSS in general.
cssfreakie replied to Pikachu2000's topic in CSS Help
That is the best thing to do really. Books are overpowered in game terms. Books have structure which on-line tutorials often lack. Don't hesitate to post some stuff ones you feel like it. happy to help. -
Well this still is guessing. Do you maybe hae it online somewhere? By using a tool like 'firebug', or 'chrome inspect' you can see where elements get their style from, and which style have been overwritten due to the cascading effect. Also it's a very bad thing to have 6 style-sheets if you expect them all to be loaded. That 6 header requests. Unless of-course it's done with conditional comments, but i have a feeling you are not using that. So maybe provide a link and say what you expect, in what browser etc. otherwise it will be pure guessing.
-
Ah that site looks familiar. I saw you gave it a position fixed. Problem with that is that it wont work with IE 6 You could do the following instead: #output { border: 0 solid #999999; color: #F2F2F2; font-weight: bold; margin-top: 140px; position: absolute; width: 99%; } #output p{ text-align: center; /* because div output has a width of 99% A p-element inside it will now be centred in the middle */ } html: <div id="output"> <p>You must fill in a username and password.</p> </div> Also good to know absolute positioned element are removed from the normal flow. Unlike position static or relative, those still claim their space.
-
I don't know why crmamx but i do know my father is named Obi wan Kenobi Never seen w3fools.com looks pretty okay. Anyway good luck on firebug, it's a really easy to use program. (right-click inspect element) Is that a new browser? oops did i just leak vital info
-
yep right click inspect element should trigger a pop up. Also most of those tutorials they use a Mac, (blue rounded buttons) here is a tutorial (guide) for windows xp. Pretty basic but you probbaly only will use it for css. http://www.aspfree.com/c/a/BrainDump/Using-Firebug-in-Windows-XP-Home/ And otherwise use a new version of google chrove it has a similar (right click: inspect element) tool
-
well maybe use float:left on the elements
-
you can use margin and padding for that, maybe have a look here, for a nice horizontal menu setup. With some tweeks you can make it so it spaces automatically, but i am pretty sure some javascript is needed to measure the elements.
-
I bet that's the z-index bug (it resets your z-index). Quite some stuff is written on it
-
the javascript that you use is wrong. on slide it says: margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 5030px; left: -1012px; on static it says: margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 5030px; left: -1006px; So you need to adjust that in javascript.
-
you don't find stuff like this, you make it yourslef. If you want someone to do that for you post it in the freelance forum.
-
your link doesn't work, But there are several ways to do this. But i think the solution would be to use an absolute positioned div with the error stuff in it. just giv it a higher z-index as the rest and it would be good. Keywords to google are in bold.
-
Well i can do the math but it seems they should rewrite the IQ crap or i should pay more attention Any ways thanks for pointing it out, it's carved into my brains now
-
@blackswan. I use wamp(local server), in combination with netbeans(awesome editor), and that automatically will give all errors, with nice colours too I made a small manual how to set it up (5min work) although i am by far an expert (but that's why i use wamp ). Might want to try it out. good luck!
-
undefined index... are you sure your array key is similar to the field name in your database to? I had such error yesterday and i misspelled the array key or $row['misspelled'].