Pilz - Andariel
11 years ago
Anyone familiar with HTML and CSS I have a quick question.
latest #45
Till
11 years ago
If by "familiar" you mean "mildly not-ignorant," whatcha need?
KazzyKaz
11 years ago
Haha and I'll try to help too
Pilz - Andariel
11 years ago
Okay so I'm taking a web scripting class and I have a project due. Basically the instructor said to create a website with two linking pages and some pictures and shit. nothing fancy. All I am trying to do is:
立即下載
Pilz - Andariel
11 years ago
I want these three groups of images, texts and headings to stay together and center on the page.
Pilz - Andariel
11 years ago
Here I'll upload a pic of the wireframe I'm going for.
KazzyKaz
11 years ago
I would suggest doing a centered td to hold the "page"
Pilz - Andariel
11 years ago
KazzyKaz
11 years ago
you could set the align attribute in the stylesheet to center and then call with a <td class="whatever">
KazzyKaz
11 years ago
oh that's easy.. you can do it with tr and td, no problem..
Pilz - Andariel
11 years ago
I'm not sure exactly what that means. this is like week 2 LOL
KazzyKaz
11 years ago
think of the outer td as the size of the wireframe picture.. if you look at the basics, you have 3 td (columns) that hold 3 tr (rows)
KazzyKaz
11 years ago
that's a quick way to keep everything aligned
KazzyKaz
11 years ago
sorry.. use a div instead for the overall wireframe box.. need coffee. LOL
Pilz - Andariel
11 years ago
oh okay! I'll look how to set that up. I was using <article> and <area> and trying to set enclose everything in a float:left something or another I have no idea what I am doing thh.
Pilz - Andariel
11 years ago
tbh*
KazzyKaz
11 years ago
I set everything on this page up with divs and css
KazzyKaz
11 years ago
(never finished the page.. lolllll)
KazzyKaz
11 years ago
in this page, I have a div for the "page", and then one for each section.. like you could have "wireframe-1" "wireframe-2" "wireframe-3", for each of the 3 columns..
KazzyKaz
11 years ago
looking at this again, it might be easier to use a div for each section and a <p> (paragraph) for each row in that column
KazzyKaz
11 years ago
that way you can drag it around
Pilz - Andariel
11 years ago
could I like show you what I have? LOL because I don't even think we've gone over div's yet.
KazzyKaz
11 years ago
sure
KazzyKaz
11 years ago
my biggest tip of all -- comment comment comment. you'll come back to it 6 months to a year later to try and figure out what the hell is going on.. lol
Pilz - Andariel
11 years ago
I don't even think I know how to do a comment. LOL
KazzyKaz
11 years ago
<!This is a comment>
KazzyKaz
11 years ago
grrrr.. it won't let me do it here cause it thinks it is a strike out
Pilz - Andariel
11 years ago
I think I send this to you. Edit fiddle - JSFiddle I'm not sure
KazzyKaz
11 years ago
<! - - (hyphens smooshed together) - ->
Pilz - Andariel
11 years ago
oooh okay
Pilz - Andariel
11 years ago
maybe I should do that. LOL
KazzyKaz
11 years ago
ah.. they haven't started you in styles yet.. I see..LOL
KazzyKaz
11 years ago
here I am trying to get too advanced. :-P
Pilz - Andariel
11 years ago
haha that is pretty much the extent of my knowledge in CSS and HTML
KazzyKaz
11 years ago
article and section threw me because they're new tags apparently
Pilz - Andariel
11 years ago
Ahh okay.
Pilz - Andariel
11 years ago
I can skype if it's easier.
KazzyKaz
11 years ago
I figured it out.. you need another attribute in article.. float:left;
KazzyKaz
11 years ago
article{
padding-top:40px;
padding-left:40px;
float:left;
}
KazzyKaz
11 years ago
I just realized I didn't have you in my skype..loll
Pilz - Andariel
11 years ago
ooh okay
Pilz - Andariel
11 years ago
and I'm Kris.Katastrophe on skype
KazzyKaz
11 years ago
added.. :3
Till
11 years ago
Sorry I was at the store lol, yes to float!
back to top