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  
New Posts All Threads Your Threads Contribution Points News and Updates User Ranks Active Users
About   Users   Help
Users & Guests Online
On Page: 1
Directory: 103
Entire Site: 4 & 997
Page Staff: pokemon x, pennylessz, Barathemos, tgags123, alexanyways, supercool22, RavusRat,
04-29-24 03:19 AM

Forum Links

Related Threads
Coming Soon

Thread Information

Views
3,596
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: 831
Today: 0
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: 138


POSTS: 5491/5856
POST EXP: 228223
LVL EXP: 31560822
CP: 1171.6
VIZ: 131963

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: 2458 days
Last Active: 1048 days

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

geeogree
Mr Geeohn-A-Vash53215
Level: 291


POSTS: 19012/29293
POST EXP: 1955555
LVL EXP: 421118100
CP: 52520.3
VIZ: 533051

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 'Laziness Syndrome'

Registered: 01-03-05
Last Post: 6 days
Last Active: 18 hours

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

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 10615/27250
POST EXP: 2003421
LVL EXP: 317300680
CP: 42531.1
VIZ: 2982476

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: 1322 days
Last Active: 1322 days

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

Minuano
Galacta
Super Davideo7 2
Level: 122


POSTS: 1565/4288
POST EXP: 189733
LVL EXP: 20540666
CP: 14528.2
VIZ: 404250

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: 288 days
Last Active: 16 days

(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: 138


POSTS: 5492/5856
POST EXP: 228223
LVL EXP: 31560822
CP: 1171.6
VIZ: 131963

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: 2458 days
Last Active: 1048 days

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

Minuano
Galacta
Super Davideo7 2
Level: 122


POSTS: 1573/4288
POST EXP: 189733
LVL EXP: 20540666
CP: 14528.2
VIZ: 404250

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: 288 days
Last Active: 16 days

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

Nksor
the_casualty
Level: 138


POSTS: 5493/5856
POST EXP: 228223
LVL EXP: 31560822
CP: 1171.6
VIZ: 131963

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: 2458 days
Last Active: 1048 days

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

alexanyways
Level: 193


POSTS: 8434/12496
POST EXP: 610413
LVL EXP: 100511813
CP: 14496.0
VIZ: 137160

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: 229 days
Last Active: 215 days

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

mike345
Level: 121


POSTS: 3672/4276
POST EXP: 71462
LVL EXP: 19729433
CP: 399.3
VIZ: 118166

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: 3028 days
Last Active: 108 days

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

Nksor
the_casualty
Level: 138


POSTS: 5563/5856
POST EXP: 228223
LVL EXP: 31560822
CP: 1171.6
VIZ: 131963

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: 2458 days
Last Active: 1048 days

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

pacman1755
Level: 195


POSTS: 4309/13170
POST EXP: 454212
LVL EXP: 103895796
CP: 30600.2
VIZ: 341152

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: 1585 days
Last Active: 63 days

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

mike345
Level: 121


POSTS: 3794/4276
POST EXP: 71462
LVL EXP: 19729433
CP: 399.3
VIZ: 118166

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: 3028 days
Last Active: 108 days

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

Nksor
the_casualty
Level: 138


POSTS: 5628/5856
POST EXP: 228223
LVL EXP: 31560822
CP: 1171.6
VIZ: 131963

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: 2458 days
Last Active: 1048 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: 121


POSTS: 3811/4276
POST EXP: 71462
LVL EXP: 19729433
CP: 399.3
VIZ: 118166

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: 3028 days
Last Active: 108 days

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

Nksor
the_casualty
Level: 138


POSTS: 5631/5856
POST EXP: 228223
LVL EXP: 31560822
CP: 1171.6
VIZ: 131963

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: 2458 days
Last Active: 1048 days

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

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 11589/27250
POST EXP: 2003421
LVL EXP: 317300680
CP: 42531.1
VIZ: 2982476

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: 1322 days
Last Active: 1322 days

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

Nksor
the_casualty
Level: 138


POSTS: 5641/5856
POST EXP: 228223
LVL EXP: 31560822
CP: 1171.6
VIZ: 131963

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: 2458 days
Last Active: 1048 days

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

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 11637/27250
POST EXP: 2003421
LVL EXP: 317300680
CP: 42531.1
VIZ: 2982476

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: 1322 days
Last Active: 1322 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: 202


POSTS: 12281/13800
POST EXP: 413008
LVL EXP: 117555027
CP: 3808.9
VIZ: 230780

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: 4338 days
Last Active: 3725 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: 4008815
CP: 5196.6
VIZ: 222980

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: 2722 days
Last Active: 2559 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.

×