Web Dev Questions That Don't Need Their Own Thread v4

[xianlee]

[QUOTE=SlimHaydy;41647344]Still nothing D: I even got rid of the <center> tag altogether[/QUOTE]

try getting rid of <p style> and <center>

and do

#intro {
     width: auto;
     height:300px;
     background-image: url(indent300.png);
     margin: -1px auto 20px auto;
     padding: 10px auto;
     text-align:justify;
}

change the html to

<div id="intro">
<p> some text</p>

a better way to center is margin:0 auto;

also there is no such thing as padding auto

[Shadow801]

[QUOTE=andersonmat;41647363]On a tangent, I would avoid the center tag.[/QUOTE]

It's officially now deprecated in HTML5, so rather than avoid, simply never use it.

You can easily use CSS to do the same in any case.

[andersonmat]

[QUOTE=Shadow801;41657876]It's officially now deprecated in HTML5, so rather than avoid, simply never use it.

You can easily use CSS to do the same in any case.[/QUOTE]

Ja.

A divider with

margin: 0 auto;

would do the trick.

[Paleman]

Does everyone here begin a page with a framework or a grid system or is it acceptable to just start from nothing?

[andersonmat]

[QUOTE=zerosix;41673528]Does everyone here begin a page with a framework or a grid system or is it acceptable to just start from nothing?[/QUOTE]

It largely depends upon what I am doing. By no means are you obligated to use a framework, more often than not I do not use one.

[inaba]

[QUOTE=zerosix;41673528]Does everyone here begin a page with a framework or a grid system or is it acceptable to just start from nothing?[/QUOTE]

Depends what I want to do.
Most of the times I just start from scratch.
(Which I maybe should stop with, considering I am not the worlds best designer.)

[cjone2]

How do I link the hover effects of an image and text? e.g when hovering on text a post title in WordPress have the hover effect for the post image also in effect and vice versa.

Guess this would be the HTML rather than CSS, here's what it is like currently.

<figure class="post-image"><a href="http://space-facts.com/mercury/"><img src="http://space-facts.com/wp-content/themes/OneShot/wpx/img.php?src=http://space-facts.com/wp-content/uploads/mercury-300x300.png&amp;w=170&amp;h=170" alt="Mercury Facts" width="170" height="170"></a></figure>
<h2 class="post-title"><a href="http://space-facts.com/neptune/">Neptune Facts</a></h2>

[xianlee]

[QUOTE=zerosix;41673528]Does everyone here begin a page with a framework or a grid system or is it acceptable to just start from nothing?[/QUOTE]

I don't, straight from scratch, more fun :p

[inaba]

[QUOTE=cjone2;41674361]How do I link the hover effects of an image and text? e.g when hovering on text a post title in WordPress have the hover effect for the post image also in effect and vice versa.

Guess this would be the HTML rather than CSS, here's what it is like currently.

<figure class="post-image"><a href="http://space-facts.com/mercury/"><img src="http://space-facts.com/wp-content/themes/OneShot/wpx/img.php?src=http://space-facts.com/wp-content/uploads/mercury-300x300.png&w=170&h=170" alt="Mercury Facts" width="170" height="170"></a></figure>
<h2 class="post-title"><a href="http://space-facts.com/neptune/">Neptune Facts</a></h2>

[/QUOTE]

[URL="http://stackoverflow.com/questions/1462360/css-hover-one-element-effect-for-multiple-elements?answertab=votes#tab-top"]This[/URL] should be the answer you are looking for

[ipha]

I've been using bootstrap for a project I've been working on, but I'd really like to move away form it and create my own layout. I know the basics of CSS and HTML layout, but I come from a low level C/embedded programming background and have no expierence desiging UIs.

Anyone have resources where I can learn about CSS and interface design?

[ipha]

I've been messing around with starting a theme from scratch. What do you guys thing? Should I keep going or stick with bootstrap?

[img_thumb]http://i.imgur.com/4dkpoIX.png[/img_thumb][img_thumb]http://i.imgur.com/cy0fBfe.png[/img_thumb]

EDIT: Also, what can I improve in either of these designs?

[Epiclulz762]

- snip -

[ipha]

I tried to do a grid based design at first(via bootstrap,) but after spending too long fighting it to do what I want I decided against it.

[andersonmat]

[QUOTE=IpHa;41679215]EDIT: Also, what can I improve in either of these designs?[/QUOTE]

It badly needs a line-height set for the type. It will look immensely better with that. Also, make sure all of the padding is even (especially in the nav bar).

[Maqtiah]

I'm trying to hide images from the homepage using Wordpress, but when you enter the actual post itself it should show the image.

So far as I'm aware I need to use [B]_excerpt()[/B] but I'm not sure where and how, it should only hide the image from the homepage itself and display a "[I][B]Read more[/B][/I]" or "[I][B]Display image[/B][/I]" and then enter the actual post.

[Poo Monst3r]

I'm trying to create a form creator. It's basically so that someone can run a survey or contest entry form while collecting data about their entrants/user base.

What I'm struggling with right now is some design stuff that I've never been very good at. Mostly to do with JavaScript. I'm trying to show or hide a section based on an select option value (drop down selection):

-snip-
Fixed it.

Does anyone know why this isn't working? I've wrapped the section I would like to show/hide in the div ID "optionArea", but it still refuses to work.

[editline]2nd August 2013[/editline]

Why is it that I can spend an hour on this fucking thing and then as soon as I decide to post for help, I figure it out. Fucking hell.

[Gustafa]

I'm working in a social media agency currently and I've always had a big issue with people who don't put their social media icons fully on display once you visit their website. Now I've thought about it a bit more, it's actually probably a good thing, since having a link away from your website is the opposite of what you want to do as a business. Am I right in thinking this? I mean the links to your social channels should definitely be on the site, just maybe in the about us section or something.

[Killervalon]

[QUOTE=IpHa;41679215]I've been messing around with starting a theme from scratch. What do you guys thing? Should I keep going or stick with bootstrap?

[img_thumb]http://i.imgur.com/4dkpoIX.png[/img_thumb]

EDIT: Also, what can I improve in either of these designs?[/QUOTE]

I would get a different font and possibly a slightly different color for the text.
But yeah, tbh. For that project I would probaly just stick to bootstrap because of the way it's built.

[xianlee]

[QUOTE=Gustafa;41685386]I'm working in a social media agency currently and I've always had a big issue with people who don't put their social media icons fully on display once you visit their website. Now I've thought about it a bit more, it's actually probably a good thing, since having a link away from your website is the opposite of what you want to do as a business. Am I right in thinking this? I mean the links to your social channels should definitely be on the site, just maybe in the about us section or something.[/QUOTE]

Yep spot on, the business I work for we have our social icons just above the footer. Products are the first thing our visitors see :)

[Fate]

I'm having a wierd problem with PDO / MySQL.
I have a file that does the following:
1. Adds a new table for the new category
2. Updates previous categories to include new category
3. Adds new category to list of all categories.

Number 1 of those only runs for the FIRST new category I add, however. I can add however many categories I want, and parts 2/3 will run fine, however the first query doesn't have any effect. No errors produced either.
Any way to find out what's wrong?

[Cep.]

I'm currently reworking my main page, and I'm having a weird problem.

[url]http://blushell.net/cepsite/[/url]

On the first time the site loads, the right side content gets shoved to the bottom, but on every successive reload/refresh it's placed in the correct spot.

.lefty {
	position: relative;
	display: inline-block;
	width: 65%;
	margin-left:20px;
}
.righty {
	position: relative;
	display: inline-block;
	width: 30%;
	float:right;
}

Any help is appreciated.

[Fate]

[QUOTE=Cep.;41703003]I'm currently reworking my main page, and I'm having a weird problem.

[url]http://blushell.net/cepsite/[/url]

On the first time the site loads, the right side content gets shoved to the bottom, but on every successive reload/refresh it's placed in the correct spot.

.lefty {
	position: relative;
	display: inline-block;
	width: 65%;
	margin-left:20px;
}
.righty {
	position: relative;
	display: inline-block;
	width: 30%;
	float:right;
}

Any help is appreciated.[/QUOTE]
Looks exactly the same each load for me.

[Cep.]

[QUOTE=SataniX;41703129]Looks exactly the same each load for me.[/QUOTE]

Everything positioned correctly? It may just be on my end.

[Fate]

[QUOTE=Cep.;41703156]Everything positioned correctly? It may just be on my end.[/QUOTE]

As far as I can tell, yes.
[url]http://puu.sh/3TobQ.png[/url]

[randomkid88]

What do I need to do to secure my web application? It involves the storage of sensitive information (names, addresses, emails, etc.). The app is running on a rented dedicated server in a datacenter that does not allow physical access to it's servers. This is what I have so far:

1) SSH access for 3 trusted administrators, root SSH disabled
2) MySQL Database user login restricted to localhost
3) Sensitive data in database is encrypted
4) SSL Certificate for securing transmission of information

I've looked into but not yet reached a verdict on encrypting the MySQL data files. If I'm leaving any gaping holes open, or if you have any additional suggestions please share.

[Datzy]

[QUOTE=randomkid88;41717435]What do I need to do to secure my web application? It involves the storage of sensitive information (names, addresses, emails, etc.). The app is running on a rented dedicated server in a datacenter that does not allow physical access to it's servers. This is what I have so far:

1) SSH access for 3 trusted administrators, root SSH disabled
2) MySQL Database user login restricted to localhost
3) Sensitive data in database is encrypted
4) SSL Certificate for securing transmission of information

I've looked into but not yet reached a verdict on encrypting the MySQL data files. If I'm leaving any gaping holes open, or if you have any additional suggestions please share.[/QUOTE]

If it's not an intensely large amount of information, you could do with two or more MD5 encryptions. (That's what vB does by default)

[AndrewPH]

[QUOTE=Datzy;41718992]If it's not an intensely large amount of information, you could do with two or more MD5 encryptions. (That's what vB does by default)[/QUOTE]

md5 should not be used for sensitive data, sha2 at least please.

but from what it sounds like, he's on the ball already in those regards.

[randomkid88]

[QUOTE=AndrewPH;41719217]md5 should not be used for sensitive data, sha2 at least please.[/QUOTE]

The app uses the CakePHP framework, which uses a rijndael-256 cypher for encryption/decryption.

[benbb]

-Snip wrong thread-

[AndrewPH]

[QUOTE=randomkid88;41721522]The app uses the CakePHP framework, which uses a rijndael-256 cypher for encryption/decryption.[/QUOTE]

that's what I thought, carry on :)