FaeDubh

I’ve been looking through my search engine strings on my tracker: terms that led visitors to either Skyefairy.net or FaeDubh. I like to look at them semi-regularly and sometimes they give me ideas for tutorials. Some are just quick answers that won’t take a whole tutorial so I decided to answer some of them here. If this post goes well, I might start doing this as a segment.

Note: If something is explained in more detail elsewhere (that I know of), I’ll link there for further reading.

going onto new line dd dt
dd (definition description) and dt (definition title) are list item type tags used with the dl (definition list) list style. Like with any other list, you can go onto the next line using a <br> tag inside. See the list section of this tutorial for more on Definition List lists.

super wide background, css
Many don’t realize that, in CSS, you don’t need to make an image as big as your background. What you need is a small fragment that, when repeated, will form the background. For example, if you have a pattern that you are using as the background behind your layout, you usually only need a tiny square repeated in both directions (x and y, horizontal and vertical). Or, in the case of the layout’s content area, a wide but short strip that will be repeated vertically. The way to do this is to use CSS to set the background:

selector {
background: url(image.jpg) repeat-x;
}

Also note that if you remove repeat-x, the default is to repeat in both directions. repeat-x (horizontal) can also be replaced with repeat-y (vertical) or, for no repeat (just the image itself not repeated) no-repeat (though that defeats the point of a super wide background).

kontakt forma
In Croatian, this means “contact form.” Nelchee has a good tutorial here. She doesn’t have the tutorial in Croatian, but much of the rest of her site is.

number sign css, css # dot number sign, css why use number sign, difference dot number sign css
The number sign is a symbol used to represent ID. It is used for something that you are definitely only going to use once per page. The other one is the CLASS, which is used by a dot/period/full-stop. It is used for things that might be used more than once per page. The way I remember which is which is by thinking ID number. The ID is the one with the number sign. A CLASS is a group of students, meaning more than one, meaning more than one per page. Within the CSS, you use it like this:

#selector {
or
.selector {

And you call it in the HTML, for example using a div layer, with

<div id=”selector”>
or
<div class=”selector”>

For more, read the basic structure section of this tutorial.

make layouts yourself, “how to code a div”
I’m currently working on writing a three part tutorial on this very subject, detailing the HTML part (structure), the CSS part, and cross-browser compatability. However, for a shorter version, Nelchee has a very good tutorial

saturation hue bright
There were quite a few similar search terms towards this effect. Aelyn explains it very well here.

insert a jpg at the bottom of the content css
When you are adding the image as a background in CSS, you can position it to the bottom like this:

#selector {
background: url(image.jpg) bottom;

You can go more specific by saying “right” or “left” after “bottom” but if the image is as wide as the space it is in or repeats horizontally, it isn’t needed. See the “styling” section of this tutorial for more info.

zero pixel border
You add the following to your CSS:

border: none;
or
border: 0;

“repeat-x right”
The image would repeat horizontally and would align to the right. However, since it is repeating fully across, the “right” is redundant.

spacing inside the div layer
Think of a div layer as a box. Spacing outside is margin, like when you are typing a paper and you have 1-inch margins. The margin is outside of the box of your typing. Spacing inside is padding, like if you have a box and put blanketing inside so that whatever is inside doesn’t hit the edges. You add padding by adding this to your CSS:

.selector {
padding-top: 5px;
padding-right: 6px;
padding-bottom: 7px;
padding-left: 8px;
}

You can change the numbers to whatever you need. Using CSS Shortcuts, you can reduce the text by putting them all together, like this:

.selector {
padding: 5px 6px 7px 8px;
}

Just remember that it goes clockwise: top, right, bottom, left.

example of basic HTML structure
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>

See this tutorial for more

how to specify a border to a layer in CSS?
#selector {
border: 3px solid #564C14;
}

The order goes: size, border type, color. See this tutorial for more info.

combine link; visited css
You can combine by adding commas in between each selector. Just remember you have to give the full selector name for each. Ex.

a:link, a:visited {
color : #874787;
}

That means that the a tag, type link and the a tag, type visited will both have the same color (#874787).

next line in html
<br> is the HTML equivalent of hitting the enter key or going to the next line.

can we have a link href inside a CSS
No. A CSS stylesheet can only have CSS styling within it.

css add a line break after each “list item”
If you make each list item a block, it’ll act as though they are each their own line:

li {
display: block;
}

hex code for see-through
To my knowledge, HEX codes only cover colors and not invisibility. There are some codes in CSS to say that something is a color and then to not show that color but it only works in IE and, thus, looks horrible in all other browsers. If you want something not to have a background color (eg. that layer would have an invisible background and you would see the background of what is behind it), just don’t specify one.

“php without using mysql”
PHP is a coding language and MySQL is a database. You can use PHP without using a MySQL database you just need to do something that either a) doesn’t require storage or b) store things flat-file by creating files with your PHP (or making them yourself).

italicizing h1 tag in css
h1 {
font: italic;
}

hover active link visited within layer
You can define something within another something by adding each specification to the selector. For example, a link (with hover, active, and visited like asked) within a div layer:

.selector a:hover, .selector a:link, .selector a:visited {

How to deal with someone who copies your style
I still feel that Jelena says it best

css colours three letters/numbers
When you are using CSS shorthand, you can reduce the length of your hex (color) code to three letters/numbers rather than six if the first three letters are the same (and in the same order) as the last three. For example, #687687 can be shortened to #687

css link to exact content box
You can refer to an exact content box by giving it a separate name. For example, say all of your content boxes are div layers. In the HTML you would say
<div class=”content”> You can use class and id together (just not two classes and two ids, to my knowledge). So, say you want the exact content box to be called exact. You would say <div class=”content” id=”exact”> You could then specify the specifics of your exact content box in your CSS like this:

.content #exact {

8172228345908
1110110111010111110110001001000000000110100