Web Design/Development Small Questions - Rev Holy Grail

«‹›278 »

The Something Awful Forums > Discussion > Serious Hardware / Software Crap > The Cavern of COBOL > Web Design/Development Small Questions - Rev Holy Grail

Gordon Cole: Dec 23, 2005; TAKE ANOTHER LOOK, SONNY, IT'S GONNA HAPPEN AGAIN.

Thanks for the help, and your example does indeed work, but I've discovered that the problem lies in the fact that I want the fixed div to be on the right instead of the left.

I took your example and reversed it so that the fixed div was on the right, and it forces the fixed div underneath the unfixed one. I made the unfixed div float left so it wouldn't do that anymore, and it makes the unfixed div only go as wide as its content.

Here's a quick example of what happens: http://www.mitsenf.com/test.html

# ? Jul 18, 2009 05:00

Adbot: ADBOT LOVES YOU

# ? May 26, 2013 07:23

Vaxine: Apr 3, 2005

OK, I'm new to all this but I am guessing this would be the best place to ask instead of making a whole new thread...

The site I am working on has a banner graphic at the top with a navbar directly underneath this. I have downloaded a contact form from http://software.xornic.com/ which comes as a series of PHP files.

How on earth do I get this form to appear below my navbar? I have tried everything I can think of to get this to work and I am probably missing something stupid so feel free to ridicule!

EDIT: Actually scrap all that, I think I have cracked it! And yes, it was something very simple I hadn't done

Vaxine fucked around with this message at Jul 18, 2009 around 10:42

# ? Jul 18, 2009 10:34

Gordon Cole: Dec 23, 2005; TAKE ANOTHER LOOK, SONNY, IT'S GONNA HAPPEN AGAIN.

I finally got my divs working properly using an absolute position for the fixed div. Thanks everyone for their help!

# ? Jul 19, 2009 02:12

SpoonsForThought: Jul 1, 2007

I'm having a problem with FF and images.

I made a few images for my website, added them via html, but noticed with my background they weren't saturated enough. So I fired up Photoshop, fixed them, and saved in the proper folder. Now they won't appear in FF, I just get the alt text, while in Safari they appear as normal.

Why is this?

# ? Jul 19, 2009 04:03

Lumpy: Apr 26, 2002; How about a twist of I gouge your fucking eyes out?

SpoonsForThought posted:

I'm having a problem with FF and images.

I made a few images for my website, added them via html, but noticed with my background they weren't saturated enough. So I fired up Photoshop, fixed them, and saved in the proper folder. Now they won't appear in FF, I just get the alt text, while in Safari they appear as normal.

Why is this?

Might not be your issue, but images that were saved in CMYK will sometimes not display in different browsers. When I was doing a print piece, I'd forget I was working in CYMK, do a quick web image edit or something, and get angry emails because I broke stuff.

# ? Jul 19, 2009 05:29

Aturaten: Mar 23, 2008; by elpintogrande

SpoonsForThought posted:

I'm having a problem with FF and images.

I made a few images for my website, added them via html, but noticed with my background they weren't saturated enough. So I fired up Photoshop, fixed them, and saved in the proper folder. Now they won't appear in FF, I just get the alt text, while in Safari they appear as normal.

Why is this?

Sounds like your color profile is screwed up. Word of advice to all: use save for web when saving for web.

# ? Jul 19, 2009 15:22

SpoonsForThought: Jul 1, 2007

Lumpy posted:

Might not be your issue, but images that were saved in CMYK will sometimes not display in different browsers. When I was doing a print piece, I'd forget I was working in CYMK, do a quick web image edit or something, and get angry emails because I broke stuff.

I checked and resaved and still it's not working. They are transparent PNG's, I should have probably said this in the first post.

# ? Jul 19, 2009 16:44

rugbert: Mar 26, 2003; yea, fuck you

Can someone point me in the right direction for creating css navbars (lists) that indicate which page the user is currently on?

edit - nvm I figured it out.

Just in case it anyone else is learning as I am, I accomplished it with this:

I gave the html tag of each page its own ID ( based on section, so my index page had <html id="home"> ) and then gave each tab on my nav bar its own corresponding ID. Then I made some rules in the style sheet so that when when the two IDs match up the tab is highlighted or whatever.

code:

html#home body #container #nav #menu ul li a#hometab {color:blue;} /* to be very specific*/
html#home a#hometab {color:blue;} /* less specific */

/* HTML */

<html id="home">
blahblahblah
Nav bar
  <ul><li><a class="left_nosub" href="index.html" id="hometab" >Home</a></li>

Im sure there is a better way to do this but thats all I came up with.

rugbert fucked around with this message at Jul 19, 2009 around 21:56

# ? Jul 19, 2009 17:31

Aturaten: Mar 23, 2008; by elpintogrande

^^
Probably best accomplished with Javascript.

# ? Jul 19, 2009 23:21

simcole: Sep 13, 2003; PATHETIC STALKER

rugbert posted:

Can someone point me in the right direction for creating css navbars (lists) that indicate which page the user is currently on?

edit - nvm I figured it out.

Just in case it anyone else is learning as I am, I accomplished it with this:

I gave the html tag of each page its own ID ( based on section, so my index page had <html id="home"> ) and then gave each tab on my nav bar its own corresponding ID. Then I made some rules in the style sheet so that when when the two IDs match up the tab is highlighted or whatever.
code:
html#home body #container #nav #menu ul li a#hometab {color:blue;} /* to be very specific*/
html#home a#hometab {color:blue;} /* less specific */

/* HTML */

<html id="home">
blahblahblah
Nav bar
  <ul><li><a class="left_nosub" href="index.html" id="hometab" >Home</a></li>
Im sure there is a better way to do this but thats all I came up with.

It'll work. Take a look at this example: http://jones-frank.com/

# ? Jul 20, 2009 00:57

Aturaten: Mar 23, 2008; by elpintogrande

Hmm. That's quite a bit better than my own solution. I am now sad.

And, for the record, use the "less specific" one. Using the "specific" selector set is superfluous.

# ? Jul 20, 2009 03:41

rugbert: Mar 26, 2003; yea, fuck you

Aturaten posted:

Hmm. That's quite a bit better than my own solution. I am now sad.

And, for the record, use the "less specific" one. Using the "specific" selector set is superfluous.

yeaaa Ive been trying to figure out why some sites' style rules are ultra specific like.

# ? Jul 20, 2009 11:28

sonic bed head: Dec 18, 2003; this is naturual, baby!

rugbert posted:

yeaaa Ive been trying to figure out why some sites' style rules are ultra specific like.

Like what?

Does the replaceChild(new,old) DOM method keep the event handlers in place? I am trying to fix a bug where I'm switching out a password element because the design has "type password here" in that box instead of "******************". When it is focused, it seems to be calling focus twice in webkit and once in FF/IE and I think it's because it's preserving the old event handlers.

# ? Jul 20, 2009 12:51

Supervillin: Feb 6, 2005; You didn't say the
magic word.

rugbert posted:

yeaaa Ive been trying to figure out why some sites' style rules are ultra specific like.

Less specific selectors are better because they're faster. Browsers match in a general right-to-left direction, which means your second rule would match like this:

code:

html#whatever a#hometab

1. Find an element with ID "hometab".
2. Check to see if its tag name is "A".
3. Check to see if it has an ancestor with ID "whatever".
4. Check to see if that ancestor's tag name is "HTML".

If you only have the rule #hometab, the search can stop after the first step. IDs are supposed to be unique anyway.

CSS gives weight to each selector type. General example:

code:

div {
    ... least specific ...
}
div.someClass {
    ... most specific ...
}
div#someId {
    ... most specific ...
}

The reasoning is there might be any number of DIVs on a page, so those rules are the least specific. Out of all those divs, only some of them will have .someClass (more specific), and only one would have #someId (most specific).

Using the fewest number of selectors to match an element or group makes it easier to override rules because you don't have to craft an even longer selector to make sure previous styles get overriden. It also makes your page more flexible, because the structure isn't tied so tightly to the CSS.

Supervillin fucked around with this message at Jul 20, 2009 around 15:36

# ? Jul 20, 2009 15:30

rugbert: Mar 26, 2003; yea, fuck you

How can I add word wrap to a text area?

Ive tried
wrap="virtual"
wrap="physical"

but neither of those works.

# ? Jul 20, 2009 16:39

Lumpy: Apr 26, 2002; How about a twist of I gouge your fucking eyes out?

rugbert posted:

How can I add word wrap to a text area?

Ive tried
wrap="virtual"
wrap="physical"

but neither of those works.

I'm impressed you found a browser that doesn't word wrap by default.

try wrap="soft"

# ? Jul 20, 2009 17:07

rugbert: Mar 26, 2003; yea, fuck you

Lumpy posted:

I'm impressed you found a browser that doesn't word wrap by default.

try wrap="soft"

firefox? actually I just figured it out. IE wraps when the letters reach the edge of the container, FF only wraps at spaces. I was testing by holding down a key and firefox wouldnt wrap the long string of numbers.

# ? Jul 20, 2009 20:34

DarkLotus: Sep 30, 2001

rugbert posted:

firefox? actually I just figured it out. IE wraps when the letters reach the edge of the container, FF only wraps at spaces. I was testing by holding down a key and firefox wouldnt wrap the long string of numbers.

I don't know for sure if the wrap="soft" will wrap the long string of characters but wrap="hard" should.

# ? Jul 20, 2009 22:39

Sergeant Rock: Apr 28, 2002; "... call the expert at kissing and stuff..."

word-wrap:break-word now works in FF3.5, btw.

# ? Jul 21, 2009 18:41

Rapsey: Sep 29, 2005

Anyone have any good resources about implementing online payments? I need to learn this stuff and have absolutely no clue about it.

# ? Jul 23, 2009 11:25

Sabacc: Jul 8, 2002

Are there any lightweight "div follows as you scroll" frameworks out there?

I really like Scroll Follow for jQuery, but given the set of requirements it's too many KB for my liking (one of my main gripes with jQuery is that, even compressed, it's still ~50kb. I've got other scripts running on the page, and I don't want to bog it down with more).

Specifically, I like Scroll Follow's ability to have a div follow only within its containing div.

Am I SOL or is there something else with this capability?

# ? Jul 24, 2009 16:02

Ned: May 23, 2002

This works a lot better with position: fixed. The only problem is it doesn't work in ie6. But you can use JS to make the same effect in ie6.

# ? Jul 24, 2009 16:16

Sabacc: Jul 8, 2002

Ned posted:

This works a lot better with position: fixed. The only problem is it doesn't work in ie6. But you can use JS to make the same effect in ie6.

No, it doesn't.

I want the div to float only so far as its immediate container. See the Scroll Follow example: http://kitchen.net-perspective.com/sf-example-3.html

# ? Jul 24, 2009 21:14

MrMoo: Sep 14, 2000

Sabacc posted:

I want the div to float only so far as its immediate container. See the Scroll Follow example: http://kitchen.net-perspective.com/sf-example-3.html

Honestly that's just terrible, it's bad design. I've seen many pages do it and they should just stick with CSS.

If anything a better hack would be using fixed until you reach the bounds of the parent container then swapping the positioning over to absolute.

MrMoo fucked around with this message at Jul 25, 2009 around 02:33

# ? Jul 25, 2009 02:27

Beat.: Nov 22, 2003; The artist formerly known as CumHere ^_-

can anyone tell me where to get a very simple, java script slide-show type script that will let someone click through 10-12 images on a webpage?

# ? Jul 25, 2009 07:05

Aturaten: Mar 23, 2008; by elpintogrande

Beat. posted:

can anyone tell me where to get a very simple, java script slide-show type script that will let someone click through 10-12 images on a webpage?

Jquery cycle or Jquery Carousel.

# ? Jul 25, 2009 07:29

Beat.: Nov 22, 2003; The artist formerly known as CumHere ^_-

thanks, glad I asked, that looks pretty hot

# ? Jul 25, 2009 09:17

Anveo: Mar 23, 2002

Sabacc posted:

(one of my main gripes with jQuery is that, even compressed, it's still ~50kb. I've got other scripts running on the page, and I don't want to bog it down with more).

It's 19kb compressed and gziped, and will be cached in further requests.

# ? Jul 25, 2009 15:43

rugbert: Mar 26, 2003; yea, fuck you

So Ive got my first freelance job. Should be fun, I have a lot of really good ideas for it.

One thing tho, I dont know how to deal with forms worth poo poo. I can make the form, but I dont know how to create handlers. For now, all I really need is something that takes the data from a form (first name, last name, phone number, email, and a short message) and email it.

How hard is it to create form handlers? The site will be all HTML/CSS so what does that limit me to?

# ? Jul 26, 2009 17:10

Triple Tech: Jul 28, 2006; So what, are you quitting to join Homo Explosion?

Anything that handles a form requires knowing a language beyond HTML/CSS. If those two things are literally all you know, you have a world of learning ahead of you, not to mention tertiary poo poo like programming workflow in general, security, and databases.

# ? Jul 26, 2009 17:27

rugbert: Mar 26, 2003; yea, fuck you

I mean, Ive got a very limted coding background. I understand programming logic, tho I havent made anything in years. Im relearning everything now, so I just need to be pointed in the right direction.

edit - Its probably smarter to use some service to handle my form, any good cheap ones?

rugbert fucked around with this message at Jul 26, 2009 around 18:35

# ? Jul 26, 2009 17:45

Lumpy: Apr 26, 2002; How about a twist of I gouge your fucking eyes out?

rugbert posted:

I mean, Ive got a very limted coding background. I understand programming logic, tho I havent made anything in years. Im relearning everything now, so I just need to be pointed in the right direction.

edit - Its probably smarter to use some service to handle my form, any good cheap ones?

1. See what server-side scripting languages your web server supports (PHP, python, ASP, ???)
2. See what is available for email on your web server (sendmail, ???)
3. Google your little heart out on [language] mail scripts for [email]
4. Ask questions here

# ? Jul 26, 2009 18:56

dancavallaro: Sep 10, 2006; My title sucks

rugbert posted:

So Ive got my first freelance job. Should be fun, I have a lot of really good ideas for it.

One thing tho, I dont know how to deal with forms worth poo poo. I can make the form, but I dont know how to create handlers. For now, all I really need is something that takes the data from a form (first name, last name, phone number, email, and a short message) and email it.

How hard is it to create form handlers? The site will be all HTML/CSS so what does that limit me to?

I truly mean no offense by this, but how did you manage to get a freelance web development job if you don't even know how to process a form?

# ? Jul 27, 2009 00:26

Triple Tech: Jul 28, 2006; So what, are you quitting to join Homo Explosion?

Not everything is a high stakes job. If you have a nice "portfolio" and the person who is hiring doesn't know what he's doing, I'm confident that you can skate into a job and not know a dime about how server-side processes work, besides the occassional FTP and mailto as form action.

# ? Jul 27, 2009 01:22

Feisty-Cadaver: Jun 1, 2000; The worms crawl in,
The worms crawl out.

Does anyone else have a mechanism to control printer settings via javascript/VBScript? This only has to work in IE.

We currently use this: http://www.htmlprinting.com/, which is a little ActiveX control, but it is apparently causing IE to crash and burn on some of our PCs. I've sent them an email; no response yet.

I need to be able to:

set the number of copies to print
set page margins
toggle duplex on or off
get a list of all locally-defined printers
print without displaying the print dialog or page setup box

The ActiveX control above does all this, except for the whole killing IE problem. Cost is not an issue.

# ? Jul 27, 2009 15:15

micropenis: Jul 19, 2004; An '04 Mac user from the UK. What's worse?

Anybody know why my honest-to-god HTML ordered lists appear as unordered lists when live on my site?

It sounds like a CSS thing, because it's ordered when the sheet isn't attached, and it is unordered/bullets when the CSS is attached.

# ? Jul 27, 2009 18:25

Lumpy: Apr 26, 2002; How about a twist of I gouge your fucking eyes out?

Braggot posted:

Anybody know why my honest-to-god HTML ordered lists appear as unordered lists when live on my site?

It sounds like a CSS thing, because it's ordered when the sheet isn't attached, and it is unordered/bullets when the CSS is attached.

search for "list-style" in the CSS and comment out until you find the offending rule.

# ? Jul 27, 2009 18:32

Kekekela: Oct 28, 2004

Braggot posted:

Anybody know why my honest-to-god HTML ordered lists appear as unordered lists when live on my site?

It sounds like a CSS thing, because it's ordered when the sheet isn't attached, and it is unordered/bullets when the CSS is attached.

I'd inspect the element in firebug and see what styles are being applied to it, should be able to figure out the problem from there.

# ? Jul 27, 2009 19:19

rugbert: Mar 26, 2003; yea, fuck you

dancavallaro posted:

I truly mean no offense by this, but how did you manage to get a freelance web development job if you don't even know how to process a form?

My friend's dad was looking for someone to redesign his company's site and I offered to do it on the cheap to build experience.

# ? Jul 27, 2009 23:11

Adbot: ADBOT LOVES YOU

# ? May 26, 2013 07:23

teamdest: Jul 1, 2007

This question is probably incredibly basic for this thread, but I couldn't find a more appropriate place, so here goes:

I've been asked to design a website for a family company. It's a long story as to why now, why me, etc. but outside consultants/proper web designers aren't an option, i'm a computer engineer with a focus in networks and know next to nothing about proper web design or coding standards. So, what questions should I ask about the site? I'm sitting down with my aunt sometime this week to discuss it, what am I going to want to know before embarking on this? I figure I will ask about names, sections, purpose, maybe input on color choices though I'll probably get my sister to pick out colors that mesh well, she's an artist. What am I missing that's going to require another twenty phone calls before it's finished? Yes, this is kind of a stupid question and a stupid situation but I'm stuck with it, so I'm trying to minimize the pain. Also, any general web design advice? I'm going to shoot for strict XHTML and CSS, hopefully without having to play around with any kind of embeds, though I guess Javascript is a strong possibility if it's anything but an incredibly basic contact us page.

# ? Jul 28, 2009 04:38

«‹›278 »

The Something Awful Forums > Discussion > Serious Hardware / Software Crap > The Cavern of COBOL > Web Design/Development Small Questions - Rev Holy Grail