Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Register
Signup for Free!
-More Features-
-Far Less Ads-
☷ Vizzed.com Play Retro Games Vizzed Board Video Games Game Music Market Minecraft Radio Widgets Virtual Bible
☷ Register   Login  
Your Threads New Posts All Threads Contribution Points User Ranks News and Updates Active Users
About   Users   Help
Users & Guests Online
On Page: 1
Directory: 1 & 34
Entire Site: 8 & 1256
Page Staff: tgags123, pokemon x, tgags123, supercool22, claytune, claytune,
01-10-25 01:27 AM

Forum Links

Related Threads
Coming Soon

Thread Information

Views
4,043
Replies
30
Rating
0
Status
CLOSED
Thread
Creator
Nksor
11-23-11 09:12 PM
Last
Post
Lazlo Falconi
02-02-13 01:20 PM
Additional Thread Details
Views: 1,065
Today: 1
Users: 2 unique
Last User View
09-14-16
Davideo7

Thread Actions

Thread Closed
New Thread
New Poll
Order
Posts


2 Pages
>>
 

Ask the_casualty anything about HTML/CSS

 

11-23-11 09:12 PM
Nksor is Offline
Link
| ID: 503508 | 116 Words

Nksor
the_casualty
Level: 139


POSTS: 5491/5856
POST EXP: 228223
LVL EXP: 32364915
CP: 1183.6
VIZ: 133163

Likes: 0  Dislikes: 0
I asked geeogree earlier tonight about making this and he gave me the go ahead.

The basic idea of this thread is to help people with coding things. I know that a lot of people have been making layouts lately and just as many have problems with their coding. So ask away!

Things I WILL accept...

*Any miscellaneous questions regarding HTML and CSS
*Help with a post layout/website
*Improving a post layout/website

Things I WON'T accept...

*Telling me to make a layout (i.e. here's a picture, make a layout out of it)
*Questions not involving HTML/CSS (I know a little bit of Javascript and a chunk of PHP, probably not enough to answer your question, though)
I asked geeogree earlier tonight about making this and he gave me the go ahead.

The basic idea of this thread is to help people with coding things. I know that a lot of people have been making layouts lately and just as many have problems with their coding. So ask away!

Things I WILL accept...

*Any miscellaneous questions regarding HTML and CSS
*Help with a post layout/website
*Improving a post layout/website

Things I WON'T accept...

*Telling me to make a layout (i.e. here's a picture, make a layout out of it)
*Questions not involving HTML/CSS (I know a little bit of Javascript and a chunk of PHP, probably not enough to answer your question, though)
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2714 days
Last Active: 1304 days

11-23-11 09:14 PM
geeogree is Offline
Link
| ID: 503509 | 18 Words

geeogree
Mr Geeohn-A-Vash53215
Level: 292


POSTS: 19012/29312
POST EXP: 1956619
LVL EXP: 429106197
CP: 52811.7
VIZ: 567282

Likes: 0  Dislikes: 0
"I asked geeogree earlier tonight about making this and he gave me the go ahead. "

'Tis true.
"I asked geeogree earlier tonight about making this and he gave me the go ahead. "

'Tis true.
Vizzed Elite
Former Admin
Banzilla


Affected by 'Carpal Tunnel Syndrome'

Registered: 01-03-05
Last Post: 18 hours
Last Active: 7 hours

11-23-11 09:21 PM
legacyme3 is Offline
Link
| ID: 503511 | 30 Words

legacyme3
Lord Leggy - King of IT
Level: 270


POSTS: 10615/27250
POST EXP: 2003421
LVL EXP: 325359970
CP: 42575.5
VIZ: 2986216

Likes: 0  Dislikes: 0
And even if it were an issue, I would also have approved this if it made it to the globals. (meaning only 1 other global would have to)

Tis Legit.
And even if it were an issue, I would also have approved this if it made it to the globals. (meaning only 1 other global would have to)

Tis Legit.
Vizzed Elite
6-Time VCS Winner

One Leggy.
One Love.
One Dream.


Affected by 'Laziness Syndrome'

Registered: 09-14-10
Location: https://discord.gg/YCuUJz9
Last Post: 1578 days
Last Active: 1578 days

11-23-11 09:44 PM
Minuano is Offline
Link
| ID: 503535 | 10 Words

Minuano
Galacta
Super Davideo7 2
Level: 123


POSTS: 1565/4288
POST EXP: 189733
LVL EXP: 21026174
CP: 14573.1
VIZ: 413454

Likes: 0  Dislikes: 0
Ok...

How long did it take you to learn HTML/CSS?
Ok...

How long did it take you to learn HTML/CSS?
Vizzed Elite
Former Admin


Affected by 'Laziness Syndrome'

Registered: 09-03-09
Location: Kamurocho
Last Post: 544 days
Last Active: 41 min.

(edited by Galacta on 11-23-11 10:02 PM)    

11-23-11 09:59 PM
Nksor is Offline
Link
| ID: 503545 | 66 Words

Nksor
the_casualty
Level: 139


POSTS: 5492/5856
POST EXP: 228223
LVL EXP: 32364915
CP: 1183.6
VIZ: 133163

Likes: 0  Dislikes: 0
Galacta : This thread is actually more concerning people that need help with HTML/CSS, but I suppose I'll answer anyways.

To get the basic concepts of it, I only spent a week or so. Really it's a pick-up-and-use kind of code, everything is self-explanatory. However, some of the newer stuff (like some CSS3 properties) took me a couple of months to get the hang of.
Galacta : This thread is actually more concerning people that need help with HTML/CSS, but I suppose I'll answer anyways.

To get the basic concepts of it, I only spent a week or so. Really it's a pick-up-and-use kind of code, everything is self-explanatory. However, some of the newer stuff (like some CSS3 properties) took me a couple of months to get the hang of.
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2714 days
Last Active: 1304 days

11-24-11 02:26 PM
Minuano is Offline
Link
| ID: 503771 | 19 Words

Minuano
Galacta
Super Davideo7 2
Level: 123


POSTS: 1573/4288
POST EXP: 189733
LVL EXP: 21026174
CP: 14573.1
VIZ: 413454

Likes: 0  Dislikes: 0
What's the difference between HTML and CSS?

Yeah, a nooby question but I'm not an expert on coding
What's the difference between HTML and CSS?

Yeah, a nooby question but I'm not an expert on coding
Vizzed Elite
Former Admin


Affected by 'Laziness Syndrome'

Registered: 09-03-09
Location: Kamurocho
Last Post: 544 days
Last Active: 41 min.

11-24-11 03:05 PM
Nksor is Offline
Link
| ID: 503784 | 116 Words

Nksor
the_casualty
Level: 139


POSTS: 5493/5856
POST EXP: 228223
LVL EXP: 32364915
CP: 1183.6
VIZ: 133163

Likes: 0  Dislikes: 0
Galacta : There's a big difference between HTML and CSS. I think that I can explain it best in pictures.

Imagine you're making a triangle.

wire frame triangle

This is the HTML of your triangle. It gives the basic design and shows a plain view of what you're aiming for. One might say it's the frame. Now, you could just say, "ok, cool, a triangle, let's publish it".

But what if you wanted to make it look better?

This is where CSS comes in.

complete triangle

CSS is the design portion. It was developed after people wanted to add more detail into their websites beyond the plain HTML tags. It looks a lot better, doesn't it?

Does that help explain it?
Galacta : There's a big difference between HTML and CSS. I think that I can explain it best in pictures.

Imagine you're making a triangle.

wire frame triangle

This is the HTML of your triangle. It gives the basic design and shows a plain view of what you're aiming for. One might say it's the frame. Now, you could just say, "ok, cool, a triangle, let's publish it".

But what if you wanted to make it look better?

This is where CSS comes in.

complete triangle

CSS is the design portion. It was developed after people wanted to add more detail into their websites beyond the plain HTML tags. It looks a lot better, doesn't it?

Does that help explain it?
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2714 days
Last Active: 1304 days

11-27-11 11:29 AM
alexanyways is Offline
Link
| ID: 505190 | 14 Words

alexanyways
Level: 194


POSTS: 8434/12496
POST EXP: 610413
LVL EXP: 102966376
CP: 14566.5
VIZ: 142511

Likes: 0  Dislikes: 0
How do you make a box to put text in using the table tag?
How do you make a box to put text in using the table tag?
Vizzed Elite

Affected by 'Laziness Syndrome'

Registered: 02-24-10
Last Post: 485 days
Last Active: 129 days

11-27-11 11:33 AM
mike345 is Offline
Link
| ID: 505191 | 21 Words

mike345
Level: 122


POSTS: 3672/4276
POST EXP: 71462
LVL EXP: 20230240
CP: 404.3
VIZ: 118666

Likes: 0  Dislikes: 0
How am I able to put tables in my layout that won't be in the signature or mess up the page?
How am I able to put tables in my layout that won't be in the signature or mess up the page?
Trusted Member
Placed 2nd in August 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 09-11-10
Location: Waterford
Last Post: 3284 days
Last Active: 364 days

11-27-11 12:23 PM
Nksor is Offline
Link
| ID: 505219 | 53 Words

Nksor
the_casualty
Level: 139


POSTS: 5563/5856
POST EXP: 228223
LVL EXP: 32364915
CP: 1183.6
VIZ: 133163

Likes: 0  Dislikes: 0
alexanyways :
mike345 : You guys are (I'm assuming) basically asking the same question so I'll answer you both at the same time.

Put in the header:
<table><tr><td>

and in the footer:
</tr></td></table>

Of course, you can style your tables any way you want. cellpadding, cellspacing, table bgcolor, border, and many others will all work.
alexanyways :
mike345 : You guys are (I'm assuming) basically asking the same question so I'll answer you both at the same time.

Put in the header:
<table><tr><td>

and in the footer:
</tr></td></table>

Of course, you can style your tables any way you want. cellpadding, cellspacing, table bgcolor, border, and many others will all work.
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2714 days
Last Active: 1304 days

11-27-11 12:31 PM
pacman1755 is Offline
Link
| ID: 505224 | 9 Words

pacman1755
Level: 196


POSTS: 4309/13170
POST EXP: 454212
LVL EXP: 106672586
CP: 30642.7
VIZ: 343901

Likes: 0  Dislikes: 0
Where exactly did you learn HTML and CSS coding?
Where exactly did you learn HTML and CSS coding?
Vizzed Elite
Winner of The August VCS 2011, December VCS 2013, and Summer 2014 TDV


Affected by 'Laziness Syndrome'

Registered: 05-22-11
Location: Wisconsin
Last Post: 1841 days
Last Active: 60 days

12-10-11 04:34 PM
mike345 is Offline
Link
| ID: 511607 | 9 Words

mike345
Level: 122


POSTS: 3794/4276
POST EXP: 71462
LVL EXP: 20230240
CP: 404.3
VIZ: 118666

Likes: 0  Dislikes: 0
How can I stop the transparent box from repeating?
How can I stop the transparent box from repeating?
Trusted Member
Placed 2nd in August 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 09-11-10
Location: Waterford
Last Post: 3284 days
Last Active: 364 days

12-10-11 06:35 PM
Nksor is Offline
Link
| ID: 511650 | 58 Words

Nksor
the_casualty
Level: 139


POSTS: 5628/5856
POST EXP: 228223
LVL EXP: 32364915
CP: 1183.6
VIZ: 133163

Likes: 0  Dislikes: 0
pacman1755 : I learned it from various places. To be honest, the first place I started was http://w3schools.com, but then I learned about how much of the information there is misleading from websites like http://w3fools.com

A lot of my knowledge just came from googling questions about HTML/CSS.

mike345 : Can you give me the code to work with?
pacman1755 : I learned it from various places. To be honest, the first place I started was http://w3schools.com, but then I learned about how much of the information there is misleading from websites like http://w3fools.com

A lot of my knowledge just came from googling questions about HTML/CSS.

mike345 : Can you give me the code to work with?
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2714 days
Last Active: 1304 days

(edited by the_casualty on 12-10-11 06:39 PM)    

12-11-11 06:14 AM
mike345 is Offline
Link
| ID: 512055 | 14 Words

mike345
Level: 122


POSTS: 3811/4276
POST EXP: 71462
LVL EXP: 20230240
CP: 404.3
VIZ: 118666

Likes: 0  Dislikes: 0
Here's the code just remove these"*" that are beside the opening and closing tags.

<*div style="position:relative; margin:left; width:50%; min-height:200px;border-width:2px; background-color:#000033; border-style:ridge; border-color:#white; padding:10px; opacity:0.9; filter :alpha(opacity=70); text-align:center; margin-top:20px; margin-bottom:25px; font-size:16px;">

<*text style="{text-shadow: 3px 2px 3px black ;}"*><*font color="white"*>
Here's the code just remove these"*" that are beside the opening and closing tags.

<*div style="position:relative; margin:left; width:50%; min-height:200px;border-width:2px; background-color:#000033; border-style:ridge; border-color:#white; padding:10px; opacity:0.9; filter :alpha(opacity=70); text-align:center; margin-top:20px; margin-bottom:25px; font-size:16px;">

<*text style="{text-shadow: 3px 2px 3px black ;}"*><*font color="white"*>
Trusted Member
Placed 2nd in August 2011 VCS


Affected by 'Laziness Syndrome'

Registered: 09-11-10
Location: Waterford
Last Post: 3284 days
Last Active: 364 days

12-11-11 11:21 AM
Nksor is Offline
Link
| ID: 512130 | 25 Words

Nksor
the_casualty
Level: 139


POSTS: 5631/5856
POST EXP: 228223
LVL EXP: 32364915
CP: 1183.6
VIZ: 133163

Likes: 0  Dislikes: 0
mike345 : I wasn't exactly sure what you meant, could you be a little clearer?

Anyways, I replaced the age-old opacity filters with rgba values.

<div style="position:relative; margin:left; width:50%; min-height:200px;border-width:2px; background-color:rgba(0, 0, 51, 0.8); border-style:ridge; border-color:white; padding:10px; text-align:center; margin-top:20px; margin-bottom:25px; font-size:16px;">

<text style="{text-shadow: 3px 2px 3px black ;}"><font color="white">
mike345 : I wasn't exactly sure what you meant, could you be a little clearer?

Anyways, I replaced the age-old opacity filters with rgba values.

<div style="position:relative; margin:left; width:50%; min-height:200px;border-width:2px; background-color:rgba(0, 0, 51, 0.8); border-style:ridge; border-color:white; padding:10px; text-align:center; margin-top:20px; margin-bottom:25px; font-size:16px;">

<text style="{text-shadow: 3px 2px 3px black ;}"><font color="white">
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2714 days
Last Active: 1304 days

12-13-11 04:22 AM
legacyme3 is Offline
Link
| ID: 513338 | 29 Words

legacyme3
Lord Leggy - King of IT
Level: 270


POSTS: 11589/27250
POST EXP: 2003421
LVL EXP: 325359970
CP: 42575.5
VIZ: 2986216

Likes: 0  Dislikes: 0
How do you do the minimum size thing like with what you did with my layout?

I could look into source code, but I'd rather not mess it up.
How do you do the minimum size thing like with what you did with my layout?

I could look into source code, but I'd rather not mess it up.
Vizzed Elite
6-Time VCS Winner

One Leggy.
One Love.
One Dream.


Affected by 'Laziness Syndrome'

Registered: 09-14-10
Location: https://discord.gg/YCuUJz9
Last Post: 1578 days
Last Active: 1578 days

12-13-11 05:52 PM
Nksor is Offline
Link
| ID: 513627 | 14 Words

Nksor
the_casualty
Level: 139


POSTS: 5641/5856
POST EXP: 228223
LVL EXP: 32364915
CP: 1183.6
VIZ: 133163

Likes: 0  Dislikes: 0
legacyme3 : I used the min-height attribute inside of a div.

So, for example...

<div style="background-color: #000000;border: #FFFFFF 1px solid;min-height: 200px;width: 80%;">
legacyme3 : I used the min-height attribute inside of a div.

So, for example...

<div style="background-color: #000000;border: #FFFFFF 1px solid;min-height: 200px;width: 80%;">
Vizzed Elite
Timecube


Affected by 'Laziness Syndrome'

Registered: 09-30-10
Location: From:
Last Post: 2714 days
Last Active: 1304 days

12-14-11 04:58 AM
legacyme3 is Offline
Link
| ID: 513767 | 4 Words

legacyme3
Lord Leggy - King of IT
Level: 270


POSTS: 11637/27250
POST EXP: 2003421
LVL EXP: 325359970
CP: 42575.5
VIZ: 2986216

Likes: 0  Dislikes: 0
Edit - It failed.
Edit - It failed.
Vizzed Elite
6-Time VCS Winner

One Leggy.
One Love.
One Dream.


Affected by 'Laziness Syndrome'

Registered: 09-14-10
Location: https://discord.gg/YCuUJz9
Last Post: 1578 days
Last Active: 1578 days

(edited by legacyme3 on 12-14-11 04:59 AM)    

03-31-12 12:10 AM
septembern is Offline
Link
| ID: 557636 | 20 Words

septembern
Level: 203


POSTS: 12281/13800
POST EXP: 413008
LVL EXP: 120382209
CP: 3862.9
VIZ: 236180

Likes: 0  Dislikes: 0
Do you like HTML 5 more than HTML 4?

What's that tag for placing images on top of other images?
Do you like HTML 5 more than HTML 4?

What's that tag for placing images on top of other images?
Vizzed Elite
Winner of the April 2012 Tour de Vizzed


Affected by 'Laziness Syndrome'

Registered: 12-05-09
Last Post: 4594 days
Last Active: 3981 days

04-13-12 06:13 PM
soxfan849 is Offline
Link
| ID: 567232 | 103 Words

soxfan849
Level: 77


POSTS: 459/1490
POST EXP: 106261
LVL EXP: 4113066
CP: 5202.6
VIZ: 223580

Likes: 0  Dislikes: 0
So I've been trying to practice setting up a very simple web page for practice, and I wanted to give it a simple navigation menu under the title. I want a couple different sections with a link under each one. The section should display each link when you hover over it, but I don't want it to force the text downwards messing up the layout. I tried using z-index, sort of. I'm not sure if I did that right.

So for my question, how would I let the navigation menu function without messing up the layout?

Here's a link to what I've done.
So I've been trying to practice setting up a very simple web page for practice, and I wanted to give it a simple navigation menu under the title. I want a couple different sections with a link under each one. The section should display each link when you hover over it, but I don't want it to force the text downwards messing up the layout. I tried using z-index, sort of. I'm not sure if I did that right.

So for my question, how would I let the navigation menu function without messing up the layout?

Here's a link to what I've done.
Vizzed Elite
The Reaper


Affected by 'Laziness Syndrome'

Registered: 01-09-11
Location: soxfan849
Last Post: 2978 days
Last Active: 2815 days

Links

Page Comments


This page has no comments

Adblocker detected!

Vizzed.com is very expensive to keep alive! The Ads pay for the servers.

Vizzed has 3 TB worth of games and 1 TB worth of music.  This site is free to use but the ads barely pay for the monthly server fees.  If too many more people use ad block, the site cannot survive.

We prioritize the community over the site profits.  This is why we avoid using annoying (but high paying) ads like most other sites which include popups, obnoxious sounds and animations, malware, and other forms of intrusiveness.  We'll do our part to never resort to these types of ads, please do your part by helping support this site by adding Vizzed.com to your ad blocking whitelist.

×