Http, Html, And Css

Front 1

to have cells, rows, or columns of a table be invisible but still affect layout, use ___

Back 1

visibility:hidden <br>

Front 2

Who developed the "sliding doors" technique and what is it for?

Back 2

Douglas Bowman,<br>It's a tabbed nav technique that uses two images, one on the left and one on the right, to create each tab.

Front 3

the "form" tag takes two required attributes, ___, which is the path to the page that will process the form, and ___, which instructs the browser how it should send the data.

Back 3

action, method

Front 4

how do you get image.jpg to repeat along the bottom of a div?

Back 4

background: [insert color like image here] url("image.jpg") repeat-x bottom;

Front 5

an alternative to using overflow is to set ___

Back 5

min-width, min-height, max-width, max-height

Front 6

what's the solution to the double float margin bug?

Back 6

add display:inline to the element

Front 7

what's the double float margin bug and which browser(s) are affected?

Back 7

if you float:left then margin:left, then the first element of a row will have double the margin:left.<br><br>IE 6 Windows

Front 8

to use an image header for your site and yet retain SEO

Back 8

use a typical h1 tag with an id of mainheader. then select the mainheader and use textindent-9999 and background:url.<br><br>example:<br>&lt;h1 id="header"&gt;Welcome&lt;/h1&gt;<br><br>#mainheader {<br> background-image:url(img/filename.jpg);<br> background-repeat:no-repeat;<br> background-position: top left;<br> text-indent: -9999px;<br> height: [insert image height here];<br>}

Front 9

what does clear do?

Back 9

ignores the previous elements' float values. it "clears the float" on the prev value<br><br>clear:right ignores float:right on previous element and vice versa

Front 10

if you need to clear a float for everything following a particular block on the page you need to add a ___, a ___, or a ____ to hold the clear

Back 10

div, br, or hr

Front 11

to remove elements from the flow and create overlapping elements you can use ___

Back 11

position:absolute or position:relative

Front 12

when using position:absolute or position:relative you must also supply a ___

Back 12

top, left, bottom, right<br><br>ex:<br>top:50px;

Front 13

absolutely positioned elements that are nested within relatively position elements will ___

Back 13

be placed on the corner of the relatively positioned element

Front 14

to absolutely position a bunch of elements relative to their parent ___

Back 14

apply position:relative to the parent, and don't position it<br><br>then apply position: absolute to the children<br><br>the supplied coordinates for the children will be placed relative to their parent's upper right corner

Front 15

when creating a stylesheet for print, position:relative and position:absolute can lead to things bleeding off the page. <br><br>how do you solve?

Back 15

position:static <br><br>it usually does the same thing as default, and it can be used to override the position:absolute and position:relative to bring back to normal

Front 16

if you have div a inside div b inside div c, and you want to position div a relative to div c, then ___

Back 16

position:absolute on div a, <br>position:static on div b <br>position:relative on div c (with no top left right bottom properties).<br><br>this works because position:absolute is relative to the nearest parent that's positioned anything but normal (position:static).

Front 17

if you want an element to stay in a certain spot on the page even when scrolling, use ___ and ___

Back 17

position:fixed, <br>top left bottom right

Front 18

if you use position:fixed to create a floating banner, you must remember to ___

Back 18

adjust the margin of the elements following, to prevent them from overlapping

Front 19

when using position:fixed sometimes you also have to supply a ___ which positions an element above regular elements

Back 19

z-order:1<br>z-order:2<br>etc.<br><br>any z-order makes it "higher" than a regular element

Front 20

position:fixed first became available to IE in version __

Back 20

7

Front 21

When applying z-orders on position:fixed elements, you do not need to ___, in fact it's recommended to ____

Back 21

use consecutive numbers<br>make your numbers in increments of five

Front 22

when too much stuff is in a div with a height attribute, you can hide the stuff that doesn't fit by using ___

Back 22

overflow:hidden

Front 23

when too much stuff is in a div that has a height attribute, and you'd like a little scroll box to appear ONLY if the content doesn't fit, ___

Back 23

overflow:auto

Front 24

to prevent a box with a width of 75% from becoming too wide for users with widescreen monitors, set ___

Back 24

max-width:600px;

Front 25

the main difference between block and inline elements is that

Back 25

block elements define their own space

Front 26

the difference between visibility:hidden and display:none is ___

Back 26

elements with display:none are effectively removed from the page<br><br>elements with visibility:hidden are merely invisible and effect the flow of the page

Front 27

if you have a column running down containing links, and you want the clickable region extend to the width of the column you would ___.

Back 27

a.nav {<br>width:100%<br>display:block<br>}

Front 28

if you wanted to set the width of an anchor to 100%, what else would you need to set? why?

Back 28

display:block <br>inline elements can't take a width

Front 29

if you use the -9999px hack to get your SEO image header, you'll get dotted lines if the user tabs in. how to erase dotted lines?

Back 29

outline:none

Front 30

when creating horizontal tabbed navigation with lists, use ___ or ___. it's easier to control the list through ___

Back 30

display:inline<br>floating the elements<br>floating the elements

Front 31

how do you get rid of the bullets in a list, whether they are 1.) default bullets or 2.) images ?

Back 31

1.) list-style-type:none<br>2.) list-style-image:none

Front 32

when making tabbed nav out of lists, which do you apply the floats to, the ul or the li?

Back 32

li, and possibly the container of the ul depending on layout

Front 33

if you use tabbed nav with float on the li, IE5/Mac will display them stacked on top of each other unless you ___

Back 33

use the "IE5/Mac backslash hack" to also add a float to the anchors for ie5/mac while hiding it from other browsers

Front 34

IE6/Win doesn't let you click the area around the link if making tabbed nav, even if you use display:block and width:100% on the anchor. <br><br>hack?

Back 34

/* hack for ie6 */<br>div#nav a {<br>width:1%<br>}<br><br>/* child selectors available only in ie7 and after, reset the width to correct amount */<br>div#nav:child {<br>width:100%<br>}

Front 35

When using the sliding doors technique, account for the possibility of our tab text increasing by at least ___.

Back 35

300%

Front 36

how do you create a print css document?

Back 36

use media="print" at the end of the link that contains the rel and href.

Front 37

how do you create "I am here" navigation without really changing the XHTML?

Back 37

give the body an id that identifies what page you're on. give each button an id that identifies it as well. then use contextual selectors: <br><br>body#bio a#bio {<br><br>}<br><br>

Front 38

when making a print stylesheet, what are two things you might you want to do?

Back 38

use points for font-size<br>use display:none to remove navigation <br>use position:static to override position:relative or position:absolute

Front 39

HTTP code 301 is ...

Back 39

the HTTP code for "moved permanently"

Front 40

HTTP code 401 is ...

Back 40

the HTTP code for Not Authorised

Front 41

What is the http code for "returned OK?"

Back 41

HTTP code 200

Front 42

What is the http code for "moved permanently"?

Back 42

HTTP code 301

Front 43

HTTP code for Not Authorised

Back 43

HTTP code 401

Front 44

HTTP code for Internal Server Error

Back 44

HTTP code 500

Front 45

HTTP code 500 is...

Back 45

Internal Server Error

Front 46

What is the HTTP code for Forbidden

Back 46

HTTP code 403

Front 47

HTTP code 403 is what?

Back 47

the HTTP code for "Forbidden"

Front 48

WHICH HTTP RESPONSE HEADDER is the most robust way to redirect the browser?

Back 48

the "location" header

Front 49

xml: what is the type of the data that appears as the content of an element?

Back 49

PCDATA (Parsed Character Data, as opposed to CDATA, Character Data)