CSS Help & Resources Page 13

Started by seeker November 16th, 2009 5:38 PM
  • 175331 views
  • 902 replies
Male
Whyalla, Australia
Seen March 2nd, 2013
Posted December 16th, 2011
779 posts
13.9 Years
Quick, and simple question? How do you move a box in amother box, to a certain area in the box, such as left or right? If you don't know what I mean, look at Shiny Quagsire's signature.
Everything you say to me pushes one step closer to the edge



And I'm about to break
I need a little room to breathe...

Steam IGN: Hybrid Theory
Age 33
Male
KY (USA)
Seen 5 Hours Ago
Posted 1 Day Ago
3,377 posts
18.2 Years
I need help creating an external style sheet, or better yet, for someone to make it for me. My website can be found here. Please help. ;A;

I used to know how to do these, but it's been a while and I've completely forgotten. I tried to do it, but I failed horribly:

Spoiler:
body{
background-image:url(heboxbg.png);
font-family:georgia,serif;
font-size:2pt;
color:#000000;
}

a{color:#defa2a}

a:link{color:#defa2a}

a:visited{color:#ff0000}

h1{
text-align:center;
color:#ffffff;
}

table{
color:#defa2a;
font-weight:bolder;
}

thead{
background-image:url(images/heboxbg_table2.png);
color:#ff0000;
}

tbody{
background-image:url(images/heboxbg_table.png);
}


Avatar by cheerymori

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
Quick, and simple question? How do you move a box in amother box, to a certain area in the box, such as left or right? If you don't know what I mean, look at Shiny Quagsire's signature.
You want a float element, such as float:right or float:left, inside the div tag for the smaller box. What can also help positioning is the use of padding.

I need help creating an external style sheet, or better yet, for someone to make it for me. My website can be found here. Please help. ;A;

I used to know how to do these, but it's been a while and I've completely forgotten. I tried to do it, but I failed horribly:

Spoiler:
body{
background-image:url(heboxbg.png);
font-family:georgia,serif;
font-size:2pt;
color:#000000;
}

a{color:#defa2a}

a:link{color:#defa2a}

a:visited{color:#ff0000}

h1{
text-align:center;
color:#ffffff;
}

table{
color:#defa2a;
font-weight:bolder;
}

thead{
background-image:url(images/heboxbg_table2.png);
color:#ff0000;
}

tbody{
background-image:url(images/heboxbg_table.png);
}
This page and this page should help you remember. Each page has an example of how to link to an external style sheet in a fairly easy to find place on the page.

Also, make sure you're saving it as a .css file, since Notepad has a tendency to append .txt if you have it set to hide known file extensions within Windows.
whoops
Male
Seen March 10th, 2012
Posted February 20th, 2012
62 posts
13.6 Years
I want to have a CSS class that has the top corners rounded, but the bottom corners straight edged. Webkit-border-radius rounds all corners, I only want the top two rounded. An example of what I'm looking for is here:

http://pokemon.marriland.com/hgss/walkthrough/zephyrbadge/route_29-1

Soul Silver Friendcode: 0561-8630-6061

Alternative

f i r e f l y .

Age 30
Male
Adelaide, Australia
Seen July 4th, 2020
Posted December 21st, 2019
4,258 posts
14.3 Years
Okay this is probably a very stupid question, but I have only just become interested in CSS. Are you meant to make your CSS in Text Edit (I have Mac)?
You can make your CSS in your sig on here. You don't need to make it in any other programs.

I want to have a CSS class that has the top corners rounded, but the bottom corners straight edged. Webkit-border-radius rounds all corners, I only want the top two rounded. An example of what I'm looking for is here:

http://pokemon.marriland.com/hgss/walkthrough/zephyrbadge/route_29-1
Without definition, the code will act upon everything. For seperate corners to be rounded you need to have a seperate code. you add "-topleft/topright/bottomleft/bottomright" after the code, depending on what you want. I'm assuming you want something like this yes?
example

649

The Lord of Smug

Age 30
Male
Seen October 16th, 2013
Posted June 9th, 2012
253 posts
12.4 Years
sorry for the n00b question,
I want images on the left and the right of my current signature, on the black bars.
This is the signature coding I'm using.
[center][css-div="width: 468px; height: 298px; background-color: black; overflow: visible; background-position: center;"][css-div=" color: white ;cursor: crosshair; background-image:url("http://img141.imageshack.us/img141/6964/pokemoneskypillarexteri.png"); border: dashed 1px #FFFFFF; font-variant: small-caps; width: 368px; height: 298px; font-size: 10px; text-align: left;"][assist=Beware of Rayquaza!]649 - Gateway to the sky[/assist]
[assist=Solo Challenge, Dual Type Challenge, Ultimate Monotype Challenge]Current Challenges[/assist]
[assist=A fun Mafia game in Pokemon Trivia, check it out!]Project PokeGrove[/assist]
[assist=PMD - Night and Day, Uniting Aurora]Roleplays[/assist]
[assist=-less]Pair[/assist][/css-div][/css-div][/center]

and this is the image I want.
http://images.gifmania.pk/Animated-Gifs-Manga-Anime/Animations-Pokemon/Images-Pokeball/animated-pokeball.gif

I can't seem to find a way to get it on there.

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
Try making divs on either side of the center div and float them to the sides you want them on. No guarantee this'll work, though. Also, you could try an [image=left/right][/image] BBCode and see if that does what you want it to.
whoops

649

The Lord of Smug

Age 30
Male
Seen October 16th, 2013
Posted June 9th, 2012
253 posts
12.4 Years
I am having such a hard time with this.
The [image=left/right][/image] tags are working, but I can't seem to stack multiple images. I want three pokeballs on the left and the right sides, and I've tried every way I could think of, like making separate boxes, but it's not working. Can anyone tell me how?

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
umm.. is the css tutoring still going?
because i desperately want to learn just the basics.

CSS Knowlage: nada, i know, its bad
Preffered Teaching Method: vm/pm/msn, even skype, if you want
Why you want to learn/how much you wish to know: i just think it's neat, CSS (i love computery stuff :P )/the basics, enough so i can create thouse box thingies and make em look awesome.
Time Zone: GMT +9.30 (adeliade)
Name/Nickname/What we can call you: Impo works :)
if i need a sign up sheet

seeker

Ireland
Seen November 1st, 2019
Posted May 20th, 2018
10,593 posts
14.1 Years
Nope, it's stopped, since the tutors kind of abandoned it and well, too many people were signing up and assuming that the tutors could do all the work for them etc.

CSS is easy, didn't take me long to learn, I advise that you look at the tutorials in the first post.

Impo

Playhouse Pokemon

Male
Earth
Seen 1 Week Ago
Posted December 7th, 2021
2,456 posts
13.3 Years
Nope, it's stopped, since the tutors kind of abandoned it and well, too many people were signing up and assuming that the tutors could do all the work for them etc.

CSS is easy, didn't take me long to learn, I advise that you look at the tutorials in the first post.

i have. i'll just be persistent :)

seeker

Ireland
Seen November 1st, 2019
Posted May 20th, 2018
10,593 posts
14.1 Years
Add in the codes
font-family: "font name here";
Color: color here; <--- either by name or by hex (#)
Font-style: italic or none; <--- choose one
Font-weight: normal or bold; <--- choose one

And then make sure the text after is is not formatted, so highlight your text and press the button. And this would all go in the brackets. Choose which ones you wish to use.

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
thanks :)
another question,
is there a way to stack images?
say i want to add some ribbons
Spoiler:


to the left side of each sprite, can i do that?
Yes, you can. You've just got to make the sprites the background images of their own divs inside of your larger div.
whoops

donavannj

Age 32
Male
'cause it get cold like Minnesota
Seen 4 Hours Ago
Posted 1 Week Ago
22,513 posts
18.2 Years
...ahhh thanks :) , and is there a code for that?
Yeah. It's in the first post of the thread under the Bunch of Codes heading.
whoops