Go Back   The PokéCommunity Forums > Entertainment & Hobbies > Computers & Technology
Reload this Page CSS Help & Resources

Notices
For all updates, view the main page.

Computers & Technology The place to go for all things tech and internet. Share a funny YouTube video or meme, discover the latest useful apps, or just get some free tech support.



Reply
 
Thread Tools
  #801    
Old May 2nd, 2015 (07:14 AM).
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
ModeratorCS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,438
Spoiler:
Grass Club


Image by SaintNaruto

Introduction
Welcome to the Grass Club! We're excited to have you come and browse around, there are many great things about this club. First of all we work to achieve closeness and familiarity with every member of the club. The Grass Type and it's many beauties is what brings us all together. Any and all visitors are welcome and feel free to chat with us! I believe that the Grass type is able to teach us that there is always sunshine after the darkest (and much needed) storms. Let's grow together.


Grass Club Code of Conduct
1. Obey all of the forum rules, of course!
2. Remember the Golden Rule! Treat others the way you would want to be treated. If we master this we will have no worries.
3. Do your best to enjoy this club to the fullest, this will also promote activity among us as a whole.
4. Responding to the Topic of the Week is NOT mandatory. It's simply there to promote discussion if you're having trouble with what to say.
5. Is listing "have fun" as a rule kind of counter-intuitive? :P


Club Application
Username:
Favorite pokemon (only 1, Grass type or any other):
Reason for joining:
Answer the current topic (optional):


Grass Type Pokemon



Members List
- BurningLanguages
- Aryca


User Bars
If anyone is capable of making user bars you are more than welcome to make some for us :).


Topic of the Week
Who is your favorite Grass type Gym Leader and why?


Your issue is that you were specifying width and height in your post background DIV, and the content was spilling out because you weren't telling the DIV what to do with the overflowing content. Spoiler shows what content looks like with the width and height specifications removed from the post background DIV.

If you want the post to fit in the 850x300 area you specified, you need to add "overflow:auto" or "overflow:scroll" (preferably the former) to the DIV's properties.


Clear as mud?
__________________

KYON-KUN, DENWA
Reply With Quote
  #802    
Old May 2nd, 2015 (01:18 PM).
BurningLanguages's Avatar
BurningLanguages BurningLanguages is offline
Student Linguist
 
Join Date: Aug 2013
Location: United States of America
Age: 23
Gender: Male
Nature: Quirky
Posts: 194
Quote originally posted by donavannj:
Spoiler:
Grass Club


Image by SaintNaruto

Introduction
Welcome to the Grass Club! We're excited to have you come and browse around, there are many great things about this club. First of all we work to achieve closeness and familiarity with every member of the club. The Grass Type and it's many beauties is what brings us all together. Any and all visitors are welcome and feel free to chat with us! I believe that the Grass type is able to teach us that there is always sunshine after the darkest (and much needed) storms. Let's grow together.


Grass Club Code of Conduct
1. Obey all of the forum rules, of course!
2. Remember the Golden Rule! Treat others the way you would want to be treated. If we master this we will have no worries.
3. Do your best to enjoy this club to the fullest, this will also promote activity among us as a whole.
4. Responding to the Topic of the Week is NOT mandatory. It's simply there to promote discussion if you're having trouble with what to say.
5. Is listing "have fun" as a rule kind of counter-intuitive?


Club Application
Username:
Favorite pokemon (only 1, Grass type or any other):
Reason for joining:
Answer the current topic (optional):


Grass Type Pokemon



Members List
- BurningLanguages
- Aryca


User Bars
If anyone is capable of making user bars you are more than welcome to make some for us .


Topic of the Week
Who is your favorite Grass type Gym Leader and why?


Your issue is that you were specifying width and height in your post background DIV, and the content was spilling out because you weren't telling the DIV what to do with the overflowing content. Spoiler shows what content looks like with the width and height specifications removed from the post background DIV.

If you want the post to fit in the 850x300 area you specified, you need to add "overflow:auto" or "overflow:scroll" (preferably the former) to the DIV's properties.


Clear as mud?
Thank you! I am currently learning how to code so I am still a little confused as to what exactly you're talking about. However, if I look at ti again and simply substitute the image for something else then I think I'll get it. Thanks a ton .
__________________
Reply With Quote
  #803    
Old May 2nd, 2015 (01:43 PM). Edited May 5th, 2015 by donavannj.
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
ModeratorCS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,438
Quote originally posted by BurningLanguages:
Thank you! I am currently learning how to code so I am still a little confused as to what exactly you're talking about. However, if I look at ti again and simply substitute the image for something else then I think I'll get it. Thanks a ton :).
I'll bold the area that was mucking it up when I get to a pc again, but the image itself was not the problem. It was the fact that you told the portion of the code that contains the background image to only be a certain size. And, on top of that, you didn't tell that portion of the code what to do with content you put inside it that didn't fit inside the tiny little box you told it to be.

That was the issue.

EDIT - Your outer DIV: [cd="background-color:brown; background-image:url('http://www.my-iguru.com/ipad/assets/images/ipad-wallpapers/abstract/ipad-wallpaper-electric-blue.png'); width: 850px; height: 300px;border:10px solid #000000; padding: 25px;"][/cd]

The part that was causing it to spill out from that outer DIV: width: 850px; height: 300px

You were telling the content to fit inside a box that size, and the content you made for the Grass Club was too big for that box and was spilling out, as that's the default behavior for content that doesn't fit inside a box specified by CSS.
__________________

KYON-KUN, DENWA
Reply With Quote
  #804    
Old May 7th, 2015 (06:52 PM).
Charlie Brown's Avatar
Charlie Brown Charlie Brown is offline
twisted logic
Silver TierCS
 
Join Date: Apr 2012
Location: Melbourne, Australia
Age: 20
Gender: Male
Nature: Jolly
Posts: 863
Hey everyone, would someone be able to help me with setting up CSS so I have four scrolling boxes side-by-side? The code I'm using for the scrolling boxes is below, though I'm not sure how to make it so I have four separate scrolling boxes each with their own text, side-by-side.

Members:
text
text
text
text
text
text
text
text
text


[cd=width: 200px; padding-left: 40px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; background-color: #fef0dd; height: 150px; overflow: auto][SIZE="4"][B]Members:[/B][/SIZE]
text
text
text
text
text
text
text
text
text
[/cd]
__________________
Reply With Quote
  #805    
Old May 9th, 2015 (04:09 AM).
Liliana Vess's Avatar
Liliana Vess Liliana Vess is offline
My Secrecy. My Advantage.
Platinum Tier
 
Join Date: Nov 2008
Location: «UK»
Age: 20
Gender: Male
Posts: 1,980
I'm pretty sure there is another way to do this but I've always done it by using the Float tool. You can do it either left or right,but you'll have to use the clear function if you want to put stuff around the boxes or it could mess up a little bit.

Members:
text
text
text
text
text
text
text
text
text
Members:
text
text
text
text
text
text
text
text
text
Members:
text
text
text
text
text
text
text
text
text
Members:
text
text
text
text
text
text
text
text
text
__________________


"I am confident that if anyone actually penetrates our facades, even the most perceptive would still be fundamentally unprepared for the truth of House Dimir."
-Szadek, Lord of Secrets

Reply With Quote
  #806    
Old May 9th, 2015 (04:38 AM).
Charlie Brown's Avatar
Charlie Brown Charlie Brown is offline
twisted logic
Silver TierCS
 
Join Date: Apr 2012
Location: Melbourne, Australia
Age: 20
Gender: Male
Nature: Jolly
Posts: 863
Quote originally posted by Hybrid Trainer:
I'm pretty sure there is another way to do this but I've always done it by using the Float tool. You can do it either left or right,but you'll have to use the clear function if you want to put stuff around the boxes or it could mess up a little bit.
Thanks heaps, really appreciate it!
__________________
Reply With Quote
  #807    
Old May 12th, 2015 (04:55 PM). Edited May 21st, 2015 by gio7sm.
gio7sm's Avatar
gio7sm gio7sm is offline
# o w l c i t i z e n
Silver Tier
 
Join Date: May 2011
Location: Philippines
Gender: Male
Nature: Docile
Posts: 547
Spoiler:


Welcome!
Hello PC! And welcome to Mabuhay!
A fan club for Filipinos and Pinoys at heart! This club is founded upon to celebrate and acknowledge the essence of being a true Filipino. I think the importance of being a Filipino is the beautiful traits that the we have, they say we are like bamboos, strong and sturdy. We are survivors and if we were to be put in such places, it´s easy for us to adapt! We may love foreign things and maybe even aspire to be one but it is undeniably true that wherever we go, whatever happens the filipino essence is still in us!
This club is open to all! For true Filipinos and to those who are interested in learning our culture! Remeber, Pinoy ako, pinoy tayo!
The pearl of the Orient


Rules!

  • Respect the opinion of others
  • Be active! (you could win an Emblem)
  • Please stay on topic of current discussion
  • All PC and FC forum rules apply here!
  • Start topics only when activity is low! Or when there is high demand for it
The chosen land


Sign Up!
True Pinoys
Spoiler:
HTML Code:
☀Username:
☀Skype: (optional)
☀Location: (optional)
☀Topic Answer:

Pinoys at Heart
Spoiler:
HTML Code:
☀Username:
☀Skype: (optional)
☀Why do you want to join?:
☀A question for the Pinoys: (as many as you like)
For God, for people


Member List
Members
Gio7sm ☀leader
Sniper ☀leader
For nature, for country


Topic List
Topics
  • Are you proud to be Filipino?
  • Does being a Filipino and talking to foreign people seem difficult?
  • What are your favorite Filipino dishes?
  • What do you the most about the Pilippines?
Pinoy ako! Pinoy tayo!

__________________

Out on the verge, for the rest of our lives tonight



silver tier
pairless
ama
Mabuhay!




Reply With Quote
  #808    
Old May 12th, 2015 (05:37 PM).
Tsutarja's Avatar
Tsutarja Tsutarja is online now
ModeratorCSEO
 
Join Date: Mar 2010
Location: Florida
Age: 20
Gender: Male
Nature: Jolly
Posts: 13,529
Quote originally posted by gio7sm:
Spoiler:

Welcome!
Hello PC! And welcome to Mabuhay!
A fan club for Filipinos and Pinoys at heart! This club is founded upon to celebrate and acknowledge the essence of being a true Filipino. I think the importance of being a Filipino is the beautiful traits that the we have, they say we are like bamboos, strong and sturdy. We are survivors and if we were to be put in such places, it´s easy for us to adapt! We may love foreign things and maybe even aspire to be one but it is undeniably true that wherever we go, whatever happens the filipino essence is still in us!
This club is open to all! For true Filipinos and to those who are interested in learning our culture! Remeber, Pinoy ako, pinoy tayo!
Join na! Tara!


Rules!

  • Respect the opinion of others
  • Be active! (you could win an Emblem)
  • Please stay on topic of current discussion
  • All PC and FC forum rules apply here!
  • Start topics only when activity is low! Or when there is high demand for it
Maka-diyos, maka-tao, mamakakalikasan, at makabansa


Sign Up!
True Pinoys
Spoiler:
HTML Code:
☀Username:
☀Skype: (optional)
☀Location: (optional)
☀Topic Answer:

Pinoys at Heart
Spoiler:
HTML Code:
☀Username:
☀Skype: (optional)
☀Why do you want to join?
Ang lupang hinirang


Sign Up!
Members


Ang lupang hinirang
[/center]








I dont know whats wrong! Why are there two boxes?
Are you by chance using the WYSIWYG editor on the forum? Check your User CP options just to make sure.
__________________
Are you a kid or a squid?
moderator of computers & technology


[10:03:44 PM] Necrum: I just norton antivirused my pants
Reply With Quote
  #809    
Old May 12th, 2015 (06:04 PM).
gio7sm's Avatar
gio7sm gio7sm is offline
# o w l c i t i z e n
Silver Tier
 
Join Date: May 2011
Location: Philippines
Gender: Male
Nature: Docile
Posts: 547
Quote originally posted by Tsutarja:
Are you by chance using the WYSIWYG editor on the forum? Check your User CP options just to make sure.
Using the standard editor option
__________________

Out on the verge, for the rest of our lives tonight



silver tier
pairless
ama
Mabuhay!




Reply With Quote
  #810    
Old May 17th, 2015 (06:54 PM).
gio7sm's Avatar
gio7sm gio7sm is offline
# o w l c i t i z e n
Silver Tier
 
Join Date: May 2011
Location: Philippines
Gender: Male
Nature: Docile
Posts: 547
still need help
__________________

Out on the verge, for the rest of our lives tonight



silver tier
pairless
ama
Mabuhay!




Reply With Quote
  #811    
Old 3 Weeks Ago (01:15 AM).
Gigadweeb's Avatar
Gigadweeb Gigadweeb is offline
Head of a trick in a bucket
 
Join Date: Nov 2014
Location: South Australia
Age: 15
Gender: Male
Nature: Adamant
Posts: 106
I'm curious as to whether I could add a shadow to my signature or not (the full thing, not just the text)> Would look a bit nicer.
__________________
Reply With Quote
  #812    
Old 3 Weeks Ago (06:16 AM).
Tsutarja's Avatar
Tsutarja Tsutarja is online now
ModeratorCSEO
 
Join Date: Mar 2010
Location: Florida
Age: 20
Gender: Male
Nature: Jolly
Posts: 13,529
Quote originally posted by Gigadweeb:
I'm curious as to whether I could add a shadow to my signature or not (the full thing, not just the text)> Would look a bit nicer.
It's essentially the same thing as a text shadow, but instead it's called a box shadow. If you take your text-shadow code, and replace it with box-shadow you should be good to go!
__________________
Are you a kid or a squid?
moderator of computers & technology


[10:03:44 PM] Necrum: I just norton antivirused my pants
Reply With Quote
  #813    
Old 3 Weeks Ago (06:23 AM). Edited 3 Weeks Ago by Ooka.
Ooka's Avatar
Ooka Ooka is offline
<3
Crystal Tier
 
Join Date: Aug 2007
Location: Challenging The E4
Age: 22
Gender: Male
Nature: Relaxed
Posts: 2,608
Send a message via Skype™ to Ooka
Quote originally posted by Gigadweeb:
I'm curious as to whether I could add a shadow to my signature or not (the full thing, not just the text)> Would look a bit nicer.
You can, you'd just have to add this:

Code:
filter: drop-shadow(0 0 12px rgba(0, 0, 0, .3));
Though that overflow: hidden; would need to be removed for the shadow to show entirely. Keep in mind this isn't as well supported as the standard box-shadow:; property but it will let the shadow form to your background image.

If you can't get it working feel free to post the code here.
Reply With Quote
  #814    
Old 3 Weeks Ago (07:22 AM).
donavannj's Avatar
donavannj donavannj is offline
KYON-KUN, DENWA
ModeratorCS
 
Join Date: Mar 2005
Location: KYON-KUN, DENWA
Age: 24
Posts: 16,438
Quote originally posted by gio7sm:
Spoiler:


Welcome!
Hello PC! And welcome to Mabuhay!
A fan club for Filipinos and Pinoys at heart! This club is founded upon to celebrate and acknowledge the essence of being a true Filipino. I think the importance of being a Filipino is the beautiful traits that the we have, they say we are like bamboos, strong and sturdy. We are survivors and if we were to be put in such places, it´s easy for us to adapt! We may love foreign things and maybe even aspire to be one but it is undeniably true that wherever we go, whatever happens the filipino essence is still in us!
This club is open to all! For true Filipinos and to those who are interested in learning our culture! Remeber, Pinoy ako, pinoy tayo!
The pearl of the Orient


Rules!

  • Respect the opinion of others
  • Be active! (you could win an Emblem)
  • Please stay on topic of current discussion
  • All PC and FC forum rules apply here!
  • Start topics only when activity is low! Or when there is high demand for it
The chosen land


Sign Up!
True Pinoys
Spoiler:
HTML Code:
☀Username:
☀Skype: (optional)
☀Location: (optional)
☀Topic Answer:

Pinoys at Heart
Spoiler:
HTML Code:
☀Username:
☀Skype: (optional)
☀Why do you want to join?:
☀A question for the Pinoys: (as many as you like)
For God, for people


Member List
Members
Gio7sm ☀leader
Sniper ☀leader
For nature, for country


Topic List
Topics
  • Are you proud to be Filipino?
  • Does being a Filipino and talking to foreign people seem difficult?
  • What are your favorite Filipino dishes?
  • What do you the most about the Pilippines?
Pinoy ako! Pinoy tayo!

It's because you've kind of built it so there are two boxes.

Figure out which open and close tags pair with each other to identify the problem.
__________________

KYON-KUN, DENWA
Reply With Quote
  #815    
Old 3 Weeks Ago (07:25 AM).
gio7sm's Avatar
gio7sm gio7sm is offline
# o w l c i t i z e n
Silver Tier
 
Join Date: May 2011
Location: Philippines
Gender: Male
Nature: Docile
Posts: 547
Quote originally posted by donavannj:
It's because you've kind of built it so there are two boxes.

Figure out which open and close tags pair with each other to identify the problem.
Someone else fixed it for me, its OK now....
__________________

Out on the verge, for the rest of our lives tonight



silver tier
pairless
ama
Mabuhay!




Reply With Quote
  #816    
Old 3 Weeks Ago (12:41 AM).
StormGamer25's Avatar
StormGamer25 StormGamer25 is online now
Yes, I liek mudkips. I may or may not secretly be one. >:)
 
Join Date: May 2015
Gender: Male
Nature: Quirky
Posts: 115
I need help figuring out how put text that you can scroll down.

Code:
text.........................suushdhhdhzjsjjs (random text)ydudufooycyocogcigcitotciezirxi
exorcotcotcog
ohohxxoohcohogcocgyocotctocot
otcyococyocttocictotc8t8tff8tititcitcictixtitxit
cictcitctiitcitcixfictxtciitc
cogocttoctcoitcoctotcitcixtixtix
tticixritcotcoyccotcototccoyototccototccotirx8rftfiirccr8rf7rf8rc7dr8f
585f84d4e4ed9e585e4ww4884e7d3d7
47373 37 I 447d8rx8txieufjdjsjskkaoa
How do i make sure the word code doesnt show over the text? Or should i be using a different code altogether?
__________________
Check out my trade shop!
I'd really appreciate a review HERE after a trade.

FC: 2466-1656-6607
IGN: Raine
Game: Alpha Sapphire

My Team:
Reply With Quote
  #817    
Old 3 Weeks Ago (05:32 AM).
Tsutarja's Avatar
Tsutarja Tsutarja is online now
ModeratorCSEO
 
Join Date: Mar 2010
Location: Florida
Age: 20
Gender: Male
Nature: Jolly
Posts: 13,529
Quote originally posted by StormGamer25:
I need help figuring out how put text that you can scroll down.

Code:
text.........................suushdhhdhzjsjjs (random text)ydudufooycyocogcigcitotciezirxi
exorcotcotcog
ohohxxoohcohogcocgyocotctocot
otcyococyocttocictotc8t8tff8tititcitcictixtitxit
cictcitctiitcitcixfictxtciitc
cogocttoctcoitcoctotcitcixtixtix
tticixritcotcoyccotcototccoyototccototccotirx8rftfiirccr8rf7rf8rc7dr8f
585f84d4e4ed9e585e4ww4884e7d3d7
47373 37 I 447d8rx8txieufjdjsjskkaoa
How do i make sure the word code doesnt show over the text? Or should i be using a different code altogether?
Do you perhaps mean like this?

text.........................suushdhhdhzjsjjs (random text)ydudufooycyocogcigcitotciezirxi
exorcotcotcog
ohohxxoohcohogcocgyocotctocot
otcyococyocttocictotc8t8tff8tititcitcictixtitxit
cictcitctiitcitcixfictxtciitc
cogocttoctcoitcoctotcitcixtixtix
tticixritcotcoyccotcototccoyototccototccotirx8rftfiirccr8rf7rf8rc7dr8f
585f84d4e4ed9e585e4ww4884e7d3d7
47373 37 I 447d8rx8txieufjdjsjskkaoa


Then yes, you would need to use CSS if you don't want to use the [code][/code] BB code.

Spoiler:
[css-div="width:300px;height:175px;overflow:scroll;"]text.........................suushdhhdhzjsjjs (random text)ydudufooycyocogcigcitotciezirxi
exorcotcotcog
ohohxxoohcohogcocgyocotctocot
otcyococyocttocictotc8t8tff8tititcitcictixtitxit
cictcitctiitcitcixfictxtciitc
cogocttoctcoitcoctotcitcixtixtix
tticixritcotcoyccotcototccoyototccototccotirx8rftfiirccr8rf7rf8rc7dr8f
585f84d4e4ed9e585e4ww4884e7d3d7
47373 37 I 447d8rx8txieufjdjsjskkaoa[/css-div]
__________________
Are you a kid or a squid?
moderator of computers & technology


[10:03:44 PM] Necrum: I just norton antivirused my pants
Reply With Quote
  #818    
Old 3 Weeks Ago (10:45 AM).
StormGamer25's Avatar
StormGamer25 StormGamer25 is online now
Yes, I liek mudkips. I may or may not secretly be one. >:)
 
Join Date: May 2015
Gender: Male
Nature: Quirky
Posts: 115
Quote originally posted by Tsutarja:
Do you perhaps mean like this?

text.........................suushdhhdhzjsjjs (random text)ydudufooycyocogcigcitotciezirxi
exorcotcotcog
ohohxxoohcohogcocgyocotctocot
otcyococyocttocictotc8t8tff8tititcitcictixtitxit
cictcitctiitcitcixfictxtciitc
cogocttoctcoitcoctotcitcixtixtix
tticixritcotcoyccotcototccoyototccototccotirx8rftfiirccr8rf7rf8rc7dr8f
585f84d4e4ed9e585e4ww4884e7d3d7
47373 37 I 447d8rx8txieufjdjsjskkaoa


Then yes, you would need to use CSS if you don't want to use the [code][/code] BB code.

Spoiler:
[css-div="width:300px;height:175px;overflow:scroll;"]text.........................suushdhhdhzjsjjs (random text)ydudufooycyocogcigcitotciezirxi
exorcotcotcog
ohohxxoohcohogcocgyocotctocot
otcyococyocttocictotc8t8tff8tititcitcictixtitxit
cictcitctiitcitcixfictxtciitc
cogocttoctcoitcoctotcitcixtixtix
tticixritcotcoyccotcototccoyototccototccotirx8rftfiirccr8rf7rf8rc7dr8f
585f84d4e4ed9e585e4ww4884e7d3d7
47373 37 I 447d8rx8txieufjdjsjskkaoa[/css-div]
Oh, great! Thanks for the help!
__________________
Check out my trade shop!
I'd really appreciate a review HERE after a trade.

FC: 2466-1656-6607
IGN: Raine
Game: Alpha Sapphire

My Team:
Reply With Quote
Reply
Quick Reply

Sponsored Links
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are UTC -8. The time now is 12:00 PM.