Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Remove Ad, Sign Up
Register to Remove Ad
Register to Remove Ad
Signup for Free!
-More Features-
-Far Less Ads-
About   Users   Help
Users & Guests Online
On Page: 1
Directory: 119
Entire Site: 6 & 954
Page Staff: pokemon x, pennylessz, Barathemos, tgags123, alexanyways, supercool22, RavusRat,
03-29-24 07:10 AM

Thread Information

Views
3,586
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: 823
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
| ID: 503508 | 116 Words

Nksor
the_casualty
Level: 138


POSTS: 5491/5856
POST EXP: 228223
LVL EXP: 31462554
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: 2427 days
Last Active: 1017 days

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

geeogree
Mr Geeohn-A-Vash53215
Level: 290


POSTS: 19012/29291
POST EXP: 1955397
LVL EXP: 420153680
CP: 52474.2
VIZ: 528748

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: 91 days
Last Active: 12 hours

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

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 10615/27250
POST EXP: 2003421
LVL EXP: 316315803
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: 1291 days
Last Active: 1291 days

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

Minuano
Galacta
Super Davideo7 2
Level: 122


POSTS: 1565/4288
POST EXP: 189733
LVL EXP: 20481393
CP: 14524.6
VIZ: 403900

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: 257 days
Last Active: 15 hours

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

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

Nksor
the_casualty
Level: 138


POSTS: 5492/5856
POST EXP: 228223
LVL EXP: 31462554
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: 2427 days
Last Active: 1017 days

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

Minuano
Galacta
Super Davideo7 2
Level: 122


POSTS: 1573/4288
POST EXP: 189733
LVL EXP: 20481393
CP: 14524.6
VIZ: 403900

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: 257 days
Last Active: 15 hours

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

Nksor
the_casualty
Level: 138


POSTS: 5493/5856
POST EXP: 228223
LVL EXP: 31462554
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: 2427 days
Last Active: 1017 days

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

alexanyways
Level: 193


POSTS: 8434/12496
POST EXP: 610413
LVL EXP: 100212019
CP: 14486.6
VIZ: 136259

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

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

mike345
Level: 121


POSTS: 3672/4276
POST EXP: 71462
LVL EXP: 19668233
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: 2997 days
Last Active: 77 days

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

Nksor
the_casualty
Level: 138


POSTS: 5563/5856
POST EXP: 228223
LVL EXP: 31462554
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: 2427 days
Last Active: 1017 days

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

pacman1755
Level: 195


POSTS: 4309/13170
POST EXP: 454212
LVL EXP: 103556211
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: 1554 days
Last Active: 33 days

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

mike345
Level: 121


POSTS: 3794/4276
POST EXP: 71462
LVL EXP: 19668233
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: 2997 days
Last Active: 77 days

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

Nksor
the_casualty
Level: 138


POSTS: 5628/5856
POST EXP: 228223
LVL EXP: 31462554
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: 2427 days
Last Active: 1017 days

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

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

mike345
Level: 121


POSTS: 3811/4276
POST EXP: 71462
LVL EXP: 19668233
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: 2997 days
Last Active: 77 days

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

Nksor
the_casualty
Level: 138


POSTS: 5631/5856
POST EXP: 228223
LVL EXP: 31462554
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: 2427 days
Last Active: 1017 days

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

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 11589/27250
POST EXP: 2003421
LVL EXP: 316315803
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: 1291 days
Last Active: 1291 days

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

Nksor
the_casualty
Level: 138


POSTS: 5641/5856
POST EXP: 228223
LVL EXP: 31462554
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: 2427 days
Last Active: 1017 days

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

legacyme3
Lord Leggy - King of IT
Level: 268


POSTS: 11637/27250
POST EXP: 2003421
LVL EXP: 316315803
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: 1291 days
Last Active: 1291 days

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

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

septembern
Level: 202


POSTS: 12281/13800
POST EXP: 413008
LVL EXP: 117209793
CP: 3802.9
VIZ: 230180

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

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

soxfan849
Level: 76


POSTS: 459/1490
POST EXP: 106261
LVL EXP: 3996071
CP: 5193.6
VIZ: 222680

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: 2691 days
Last Active: 2528 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.

×