cgjnm
|
  |
| Joined: 22 Dec 2011 |
| Total Posts: 2347 |
|
|
| 11 Nov 2015 11:35 AM |
I am making a website using Adobe Dreamweaver for my Web Design Class, one of the requirements is having a footer using the "div" tag, but I have one problem, some images that are not in the footer, will cover up part of the footer, and also my Web Design teacher says my footer is "Too Wide."
So how can I make images NOT go over the div/footer and also make the div/footer smaller in width? |
|
|
| Report Abuse |
|
|
MutigenHD
|
  |
| Joined: 28 Aug 2014 |
| Total Posts: 516 |
|
|
| 11 Nov 2015 11:45 AM |
Why is this on ROBLOX's Forums?
Go to Google.com. |
|
|
| Report Abuse |
|
|
cgjnm
|
  |
| Joined: 22 Dec 2011 |
| Total Posts: 2347 |
|
|
| 11 Nov 2015 11:46 AM |
| I posted this on here because I know that some people on here use HTML and CSS. |
|
|
| Report Abuse |
|
|
|
| 11 Nov 2015 12:04 PM |
Are you using the width and height?
so like:
ROBLOX IS BEING RESTRICTIVE, PLEASE REPLACE ANY * WITH < AND >
*div width="100px" height="100px"* */div*
At least that's how I think it works... took that from memory.
|
|
|
| Report Abuse |
|
|
cgjnm
|
  |
| Joined: 22 Dec 2011 |
| Total Posts: 2347 |
|
|
| 11 Nov 2015 12:06 PM |
| I'm using Dreamweaver, so it will show the available items inside of each tag, and in the *div* there is nothing to do with size: E.g. Width, height, size etc... |
|
|
| Report Abuse |
|
|
cntkillme
|
  |
| Joined: 07 Apr 2008 |
| Total Posts: 44956 |
|
|
| 11 Nov 2015 12:14 PM |
| style = "width: what you want, pixels or percent; height: ..." |
|
|
| Report Abuse |
|
|
cgjnm
|
  |
| Joined: 22 Dec 2011 |
| Total Posts: 2347 |
|
|
| 11 Nov 2015 12:18 PM |
And there goes cnt, making me feel dumb again.
I changed the width now (thank you :D)
But now the footer is off-center, I tried putting *center* before the *div* tag, but that didn't do anything. How do I make the *div* back on center? |
|
|
| Report Abuse |
|
|
|
| 11 Nov 2015 12:25 PM |
Wrong Game
http://www.roblox.com/4rumSiggy4Myself-item?id=316971680 |
|
|
| Report Abuse |
|
|
cgjnm
|
  |
| Joined: 22 Dec 2011 |
| Total Posts: 2347 |
|
| |
|
cntkillme
|
  |
| Joined: 07 Apr 2008 |
| Total Posts: 44956 |
|
|
| 11 Nov 2015 12:28 PM |
| Footers usually are 100% width, how was it "too big" O_o |
|
|
| Report Abuse |
|
|
cgjnm
|
  |
| Joined: 22 Dec 2011 |
| Total Posts: 2347 |
|
|
| 11 Nov 2015 12:31 PM |
That's what got me lol.
She told me that my footer is very wide, and I even looked up pictures of footers from different websites to make sure I wasn't just thinking they were supposed to be 100%.
But does anyone know how to center the *div* tag to the page? And if so, please explain. |
|
|
| Report Abuse |
|
|
cgjnm
|
  |
| Joined: 22 Dec 2011 |
| Total Posts: 2347 |
|
|
| 11 Nov 2015 12:41 PM |
I fixed it for anyone wondering:
Put this in the attached CSS Style Sheet:
#div { margin:auto; }
Then in the *div id="#div"* |
|
|
| Report Abuse |
|
|
nox7
|
  |
| Joined: 29 Aug 2008 |
| Total Posts: 27467 |
|
|
| 11 Nov 2015 01:15 PM |
@cgjnm
You need to do:
id="div"
In the HTML and not #div. #div is used in CSS to show you are talking about an ID with the name "div"
#div{
}
Is for the element with the ID "div"
.div{
}
Is for all elements with classes "div" like -> < div class="div" >
div{
}
Is for ALL div elements.
Also, when she said your footer is too wide, she probably meant that the content inside the footer is stretched too much. Here is the best way to fix that:
< div id="footer" > < div id="footer_content" > Footer stuff here < /div > < /div >
Then, in the CSS just do:
#footer_content{ width:90%; max-width: 600px; }
#footer{ padding:0.25em 0.5em; }
That'll make it work on both mobile and desktops too - and make it not so wide. |
|
|
| Report Abuse |
|
|
nox7
|
  |
| Joined: 29 Aug 2008 |
| Total Posts: 27467 |
|
|
| 11 Nov 2015 01:16 PM |
I'm sorry, footer_content's css needs to be this (to center it):
#footer_content{ width:90%; max-width: 600px; margin: 0 auto; } |
|
|
| Report Abuse |
|
|