All Discussions - CSS-Tricks Forums

meaning =: in SQL

The-Marshal — Sat, 13 Aug 2011 17:06:20 -0400

Hi everyone

Could anyone tell me what's the meaning of =: in SQL

please give me an example!

thanx in advance ☺

A (productive) rant on learning web design. Please tolerate, you vets will at least get a laugh.

serquhart — Sun, 14 Aug 2011 23:19:14 -0400

This may get closed down for being off topic - here's hoping otherwise. I'm a (noob) freelancer and the more I learn, the more I realize how inadequate my skillset is for the task of solid, standards compliant, beautiful web development and design. Maybe I should have started my own blog just to write this. Maybe. I've been following CSS Tricks for about a month now - invaluable resource, and I think its the only vibrant forum that may be willing to tolerate this rant. I swear it's meant to be productive - I can't be the only one going through this.

A little background. I had the privilege of receiving a great first freelance gig way ahead of schedule - just as I was gearing up to develop a couple of freebies to get my feet wet. Being married with a toddler and another on the way, I'm certainly not complaining about the additional income; but man have I spent countless hours trying to make this thing work. Check it out if you want. The look and feel were dictated by the client, so my influence there has been limited.

As my only programming experience is VBA in Access (did some incredible stuff with that) and a bit of Java, I went crazy with the JS & JQuery in the initial design phase. I was so excited. 50 man-hours later, I had my first personal rule as a web developer: only use Javascript when the functionality is absolutely necessary, and only after all other options have been exhausted. That thing was a mess, I would have been thrilled to spend the following six months without touching another script. This is exemplary of my many hard, fast lessons as an absolute noob developer under a deadline - from a well paying client, no less. It has been about a month now. I'm ready to crack. I ended up completely destroying that 50+ hours of work and starting from scratch.

Soooo many questions...what in the world is the difference between inline and block display? What about inline-block? Why does Microsoft hate web developers? How come so many authoritative voices on web design and development have such horrendous websites? How am I to take them seriously? Am I really supposed to rewrite an entire site for the remnant of poor souls who for whatever reason do not have javascript enabled? (I know there are valid reasons for this, just venting.) Can I really ever hope to master (yes, master) (X)HTML, CSS, the DOM, XML for its various uses, PHP, MySql, AJAX, JSON, Ruby on Rails, Javascript, Jquery....really?

WHERE'S THE DEFINITIVE MANUAL?!?!

Want to know how I got my chops so far? W3Schools. Some of you are shaking your heads. I am too. But for what it's worth, who can recommend a more straightforward resource? If I really want to understand web development literally from the ground up, where can I get that? I did find an excellent resource that I cannot wait to tear into, but even that was written in 2008. There has to be a current, comprehensive resource somewhere whether on paper or the web - and I disagree with the thought that reading through reference documentation (MDN, etc) is equal to actual learning material. There's no streamlining there, no prioritizing one referenced item over another, no feel for practicality and 'real-life development'.

My question: how do you guys learn this stuff? Are CSS Tricks (awesome, but no replacement for actual training) and Stackoverflow (and all the others) really it? I even understand that universities aren't all that reliable in this area. Books, websites, whatever - any and all recommendations are highly welcomed and greatly appreciated.

Chris: if you delete this within 30 minutes of me posting it, I won't blame you. I did check your bookshelf, and you have some great titles, half of which I'll probably read (especially 'Don't Make Me Think'). But the books you recommend push thought - I need half thought, half code, completely comprehensive and ground-up for web developers. Start to finish. Again, any help would be amazing, and again-again, I can't be the only one looking for this answer.

Thanks,
Shawn

Would jQuery over ride CSS?

Ash149 — Mon, 15 Aug 2011 11:16:32 -0400

Ello!

So i've just finished up a website (almost) and basically, got a lot of hover effects going on (changing color etc) and it uses CSS transitions and it looks really nice in Firefox/Safari & Chrome but internet explorer doesn't seem to transition things, guessing it doesn't have the support for that.

So I really want people using IE to see the transitions and thought I would write some jQuery to do so, so what I'm gonna do is write the jQuery in an IE only page (so other browsers don't use it) then basically, if I make it so when you hover over a h2 it animates from white to pink, will that animation replace the CSS which is to change it from white to pink using the hover class?

Hope i'm making sense! Basically, at the moment in IE if you hover over something it changes automatically, but if I use jQuery to animate it, then you will see the animation, yes? Or will you still see it change instantly?

Thanks everyone,

Ashley

How do you make embedded JSON look pretty?

mattvot — Sun, 14 Aug 2011 17:44:01 -0400

I'm looking to embed JSON into HTML pages, so people can see the raw JSON, and I'd like to know if anyone knows of an easy way to make it look better and more readable than just a monospace font. Maybe something like a syntax highlighter.

Thanks

NEED ADVICE: Would like to design an FAQs page with expanding and collapsing text?

daddia — Sun, 14 Aug 2011 00:14:59 -0400

I'm wanting to have an FAQs page that has a list of questions that can expand and collapse as the user clicks on the question.

Nevermind. Just found Accordian on jQueryUI - http://jqueryui.com/demos/accordion/

Will try get that working.

how to fix plusone button in chrome

vaklove — Mon, 15 Aug 2011 12:52:45 -0400

hi,guys please help me with plusone button position.
it is look greate in firefox and IE but it doesn't look in chrome .please i need to show on same height with other icon. it is little above so please guys help me
here is my website link www.1-800-optisource.com

Thanks

Any idea on how to make this website?

ylex1 — Sun, 14 Aug 2011 22:13:54 -0400

hey I found a pretty cool website and I was wondering how it was done, any idea?
LINK

problem with footer

aemara47 — Mon, 15 Aug 2011 12:20:33 -0400

I want to put a footer in a page wrap but it doesn't appear at all
i write the markup

and the CSS

#footer {

	min-height: ..... ;
	 background: url(images/footer.jpg) no-repeat;
}

and it doesn't appear.... by the way this is a part of the tutorial made by chris here is the link of the tutorial The tutorial

Seemingly Simple CSS Exception

jpr28x — Sun, 14 Aug 2011 16:26:51 -0400

This is driving me absolutely crazy. Because I have successfully used these before. I apologize for how detailed this is, but I didn't to miss anything. Anyways,

I have a main CSS page, with all my CSS on it, call it "main.css". I then copied and pasted it, changed several things so it would look well in pre-ie9 browsers, and renamed this new css page to ie.css.

I planned on putting in the head of all pages, (used $ instead of brackets< >, sorry), the main one: $link href="main.css" rel="stylesheet" type="text/css" /$
and then the to include other file:
$!--[if IE 7]$
$link href="ie.css" rel="stylesheet" type="text/css" /$
$[endif]--$
or
$--[if IE 8]$
$link href="ie.css" rel="stylesheet" type="text/css" /$
$![endif]--$
or
$!--[if ltIE 9]$
$link href="ie.css" rel="stylesheet" type="text/css" /$
$![endif]--$

BUT, no IE browsers 7 or 8 will pick up the exception file. They just use the main one, without the changes they need to look correct.

If there is a main css file, outside of exception brackets, no browser will read the exception files.

IF I ONLY USE EXCEPTIONS: It works. I made a page and JUST put this in it:
$!--[if IE 7]$
$link href="ie.css" rel="stylesheet" type="text/css" /$
$![endif]--$

And it works fine in ie7 browsers. But, obviously, I need the main one in there for when any other browser is used.

This is driving me nuts. It has to be something simple. And I apologize if there is an obvious problem here. I am by no means a newbie, but (clearly) I am not an expert.

I use a DWT template file I made to update the header of all of my pages. Not sure if that matters, I've used successful ie exceptions with other DWT based websites.

I'm sure it might be something else, so feel free to ask me any questions. THANKS SO MUCH!

Path to Wordpress function using a script.js file

fjorko — Mon, 15 Aug 2011 04:46:50 -0400

I have embedded in my head tag -> Jquery and my custom.js file. It works.

Now - how do one reference a wordpress function in my custom.js file in order for a path to be recognised by wordpress - example:

$("#div").load("/loadme.php");

I know it is client-side code and that Javascript cannot interpret that path ( as it needs to be parsed by PHP on the server side )...but that being the case...what is the correct way to do this sort of thing in your own custom wordpress pages ?

Thanks

IIS Hosting issue?

Brightonmike — Mon, 15 Aug 2011 05:02:46 -0400

Can someone confirm whether the following error is something to do with my hosting, and not me?

Warning: mail() [function.mail]: Failed to connect to mailserver at "localhost" port 25, verify your "SMTP" and "smtp_port" setting in php.ini or use ini_set() in C:\inetpub\vhosts\*****.com\httpdocs\mob\contactengine.php on line 53
error

I'm on IIS - NOT Linux. This wasn't happening last week. What makes this so frustrating is I have spent hours and hours wondering why my forms weren't working, thinking it was my code. Because my form was redirecting, I wasn't seeing the error. So annoying.

Image upload problems

iMattR — Mon, 15 Aug 2011 06:13:57 -0400

Hey, all.

At the company I'm working for, we have a client who have a property search feature on their website, which lets people search through all of their listed properties that they are renting out, or selling. And on the back-end of this is an administration section which let's people do all the basic stuff.

But the main problem I have is that for some reason, since last week sometime, when nothing was changed, the client can add new properties - but they can't upload an image to the property. Which is really weird because they could last week, and we've not done anything to change it.

None of the files have been amended, no directory permissions have been changed, so I'm left clueless. Any help on the subject would be absolutely brilliant, thanks!

Disable Cufon in IE

SmashDeveloper — Tue, 25 Jan 2011 15:50:52 -0500

Greetings guys,

Is there a way to disable cufon in IE and leave it enabled in other browsers?

Regards,
SmashDeveloper

CSS3 and HTML 5 Support for IE6-8

NickB — Thu, 11 Aug 2011 02:58:29 -0400

I was wondering what Chris and everyone else uses to force IE to work with CSS3 and HTML 5? I no longer want my designs to be limited by IE suckiness.

Using :focus/:blur to show/hide content...

TreeTopStudio — Sun, 14 Aug 2011 21:53:04 -0400

I am trying to show the content by using :focus then hide it again using :blur. I've got it working with :hover, but I can't get it to work with :focus and :blur.

See work file at jsfiddle...

I'm trying to use all css if possible. Maybe onfocus and onblur need to be added to html?

Thank you,
CM

Wordpress Automated Navigation Question

mwarren — Sat, 13 Aug 2011 12:54:02 -0400

Hey all-

I'm working on a WP site that needs some customization to the nav menu, and I'm not sure to go about doing what I need.

I'd like to automate the nav such that the top level nav are parent pages (or categories) and the sub nav links are child pages. That is easy enough. But for the design, I need to split the child pages into two ULs, one on the right and one on the left.

Check out the current theme I have put up at:

http://www.sushifaq.com/dev

Right now the nav is static, but I'd like to make it such that when my client adds new pages the nav adjusts automatically.

Thoughts on how I could accomplish this?

Thanks!

~M

Other Cool Sites for my feed.

NickB — Sun, 14 Aug 2011 23:59:53 -0400

I absolutely love CSS Tricks, it is full for useful information and it has made me a better coder. I was wondering what similar sites you guys visit? I want some new sites for my feed, so far I have

webdesignerwall.com
smashingmagazine.com
noupe.com

and a few others....

What do you visit regularly or have on your feed?

jQuery script not working

KarimCossutti — Sun, 14 Aug 2011 17:29:12 -0400

Any clue on why this is not working?

http://jsfiddle.net/karimcossutti/VcST9/

Background is supposed to slide in from top on hover

IF BODY ID

krysak4ever — Sat, 13 Aug 2011 04:27:33 -0400

hi guys,

once more could use your knowledge

I am php real beginner
I am trying to achive in one common header.php + footer.php

that is easy = 1 file, include far all pages

do not know how to ECHO (or something) only .CSS + .JS for specific page
because obivously there is no need to have lightbox.css / .jd + slider.css / .js on every page

any hints how to do it?

Why is my very basic jQuery code not working? :/

Ash149 — Sun, 14 Aug 2011 11:53:07 -0400

Hello all!

So i'm trying to write my first bit of jQuery to do something on a site and I'm sure I could probably copy some code to do it but I want to do it myself, I've been watching lots of jQuery tutorials (just watching the first one on here that Chris did) and basically I can't seem to get my coding working correctly.

Here is the code I've written:

That's exactly how it is in my header section on the site. Basically trying to get it to change the 'top' of the media-bar, here is the HTML:


  
      
    This is the media bar

    This is another line.

    This is yet another line of text.
      

  

  
      
  Start here

The CSS for the media bar is as follows:


#media-bar {
	width:100%;
	height:200px;
	background:yellow;
	position:fixed;
	max-height:200px;
	top:-200px;
	
}

It's basically hidden from the page. If I change the #media-bar 'top' to 0px it displays where I want it to once you have clicked the 'start here' div. If you get what I mean. I can't see why it shouldn't be working?

Thanks a lot if anyone can help!

Ash

AnythingSlider FX Builder

Mottie — Sun, 14 Aug 2011 12:48:51 -0400

So, to make it easier to figure out how to add FX to AnythingSlider, I put together a bookmarklet (get it from here) that allows you to build/play with the effects live :)

Right now, it's still in beta and it only works on the first slider on the page. But I would appreciate any feedback on what could be improved, changed, or if you find any problems. If you need instructions, I have some very basic information in this readme file.

Transitions on float?

cnwtx — Sat, 13 Aug 2011 22:56:13 -0400

I was just wondering if was possible to put a transition on float? Basically I want to go from {float:right;} to {float:none;} with a transition. Is this possible?
Thanks,
Cliff

Looking for a good XML Validator for Mac

cristinalmanza — Sun, 14 Aug 2011 12:18:10 -0400

Hello,

I was wondering if anybody knew of a good xml validator. I know there is XML Spy for windows but I was looking for something that is mac based. Thank you in advance for the help. =)

CMS (joomla) help

Jeager — Fri, 12 Aug 2011 15:39:52 -0400

http://jsfiddle.net/zGeFW/

http://people.ysu.edu/~jtpenezich/shop

One of my friends and client uses Joomla for his business and uses a template that's super slow. So I told him I'd be able to make the javascript portions out of only html and css, and should help immensely with the speed of the site. However, I have never worked with php/cms so far, and just started reading Chris's wordpress book.

So the jsfiddle I linked is the nav bar for the site (most of it at least) and have a couple questions..

When you link to something in your CMS is it the same as a non-cms site? href="what/ever"
Will my current page work normally? Am I able to change the body ID for every page and then use that to see the css for the current page?

Edit: Validates fine, some problems with the css3 validation. But in IE 5-7 its a mess. The links stack on each other instead of being displayed inline. I first had it set to float, then tried in-line block on both the li and the li a, no go. If anyone has any ideas for that, it looks like they are being cleared or something.

Sexy CSS3 Fading Line

Josh — Mon, 10 Jan 2011 16:18:47 -0500

I was developing a back end tool for a client yesterday. To create some space I added a

tag. Then quickly realized how ugly it was. So I wrote up a sexy CSS3

replacement line.

http://jsfiddle.net/JoshMesser/55ZfK/

Give me your feedback if you like it.

ie 7 style problems

jay0316 — Sat, 13 Aug 2011 20:57:38 -0400

I'm having some trouble with finding a solution to a couple ie7 problems.

First page is this: http://fridaynightohio.com/stage/videos/episode/3886

The left side of the second panel isn't showing in ie7 and there is a big blue bar at the bottom of it. If you look in firefox, you can see what it's supposed to look like.
The videos are also not showing up. Could that be outdated embed code?

Next page is the home page: http://fridaynightohio.com/stage/

"Top Players" blue panel. The panel appears to be collapsed behind the content.
Then same problem with the videos not showing in the player.

Any suggestions?

Thanks!

IE6 & IE7 Display problem

Geminineil — Sat, 13 Aug 2011 18:59:31 -0400

Yes I know that IE6 & IE7 are seemingly old hat BUT according to my Google Analytics I get a lot of website visitors from people using those browsers.

The problem that I have is that my recently modified wesbite has a search box which displays fine on IE8, IE9, Firefox, Chrome, Safari etc BUT not on IE 6 & IE 7 where some of the search box fields 'disappear.

The website test page is at http://www.lastminutetheatretickets.com/flash/test3d.html

I think it maybe a CSS problem but am not sure - any help greatly received.

The search box is Javascript dfriven from my supplier's website server.

Got a problem fixing a Parse error: syntax error, need help...

Joshdlr — Fri, 12 Aug 2011 16:32:44 -0400

I am new at trying to get intermediate or beginner at html css coding, so we needed to revamp our website, not knowing much been teaching myself just about everything about editing a site and what not, I got to a point where I wanted to extend the footer area outside the centered area, so that it continues, like background, so I tried placing a code in hope of trying something different for another Idea I got and well when I saved it, I got this syntax error, simple right just delete it and re-save it and all is well again, well now it dont let me save the deletion... It stays the same everytime I try and re-edit the .tpl file and I tried restoring it and still not working, any body know what I can do to eliminate the problem and get back on trying to get the footer back :-(, any help will be much appreciated...

Parse error: syntax error, unexpected ',' in /home/henta/public_html/henta/var/templates_c/%%19^196^196A0685%%bottom.tpl.php on line 15

CSS Margin Issue

Ash149 — Sat, 13 Aug 2011 08:54:10 -0400

Hey!

Basically, don't have a clue what I'm doing wrong here, perhaps I've missed something but was wondering if anyone could have a look for me and see what's going on?

I've got a pretty big header on the website I'm doing, and need the logo positioned in the center (horizontally) and about 200/300px from the top of the header..

Here is my code so far:

HTML



	
		The logo

CSS


* {
	margin:0;
	padding:0;
} 

body {
	background-color:#000;
}

header {
	width:1072px;
	height:776px;
	background-image:url(images/header-bg.jpg);
	margin:0 auto;
}

header h1 {
	background-image:url(images/logo.png);
	display:block;
	width:520px;
	height:257px;
	text-indent:-9999px;
	margin:110px auto;
}

Problem: with the top margin of the h1 set to 110px, it pushes the header down from the top of the view port by 110px also.

I've tried: playing around with making the header position:relative; and the header h1 position:absolute which I could get it to work, but I just what the h1 to apear in the center of the page, really without having to absolute position it

I managed to get the h1 down by placing a padding-top:110px; but that then made the height of the h1 higher so don't really wanna do that.

Don't understand what's going on, I was sure that using margin on something only effected that element and pushed it away from elements it was inside of etc?

Any ideas?

Hugely appreciated,

Ashley

CSS-Tricks Design (v9)

seanroberts — Tue, 09 Aug 2011 23:43:58 -0400

I like it!

Should take some getting use to though..