User not logged in - login - register
Home Calendar Books School Tool Photo Gallery Message Boards Users Statistics Advertise Site Info
go to bottom | |
 Message Boards » » creating website using CSS Page [1] 2, Next  
BigMan157
no u
103354 Posts
user info
edit post

point me to a few sites that will educate me on how best to use CSS to design a website

don't say google ok

9/21/2005 3:50:51 PM

qntmfred
retired
40726 Posts
user info
edit post

are you looking for syntax tutorials or design principles tutorials

9/21/2005 4:16:06 PM

dFshadow
All American
9507 Posts
user info
edit post

message_topic.aspx?topic=343538&page=1

9/21/2005 4:29:02 PM

BigMan157
no u
103354 Posts
user info
edit post

both

9/21/2005 4:36:05 PM

seedless
All American
27142 Posts
user info
edit post

send me a pm so i will not forget when i get home to send you a great site.

9/21/2005 4:47:19 PM

Opstand
All American
9256 Posts
user info
edit post

Don't use the AWP, god, don't use the AWP...

9/21/2005 4:53:37 PM

seedless
All American
27142 Posts
user info
edit post

http://css.maxdesign.com.au/

9/21/2005 9:10:04 PM

BigMan157
no u
103354 Posts
user info
edit post

thx

9/21/2005 9:24:22 PM

BigB23USAABC
All American
913 Posts
user info
edit post

http://www.w3schools.com/

9/21/2005 10:29:12 PM

esgargs
Suspended
97470 Posts
user info
edit post

google for "Eric Meyer"

9/21/2005 10:30:07 PM

skokiaan
All American
26447 Posts
user info
edit post

learn what selectors are and the different types of selectors

9/21/2005 10:39:26 PM

msb2ncsu
All American
14033 Posts
user info
edit post

Try this for basics: http://www.westciv.com/style_master/academy/hands_on_tutorial/index.html

I found it was best to simply look at how people did specific things. Look at the different designs of the same site and see what does what then copy the files and alter until you get the feel for it...
http://csszengarden.com/
http://www.mezzoblue.com/zengarden/alldesigns/

9/21/2005 11:22:15 PM

BigMan157
no u
103354 Posts
user info
edit post

so i got a site looking nice in FireFox but looking shit in IE

how can i go about fixing that

[Edited on September 22, 2005 at 6:23 PM. Reason : IE doesn't like the div tag ]

9/22/2005 6:19:00 PM

skokiaan
All American
26447 Posts
user info
edit post

Quote :
"IE doesn't like the div tag"


hahahahahahahahahahahahahahahahaha




welcome to hell

9/22/2005 6:34:51 PM

BigMan157
no u
103354 Posts
user info
edit post

i just shoved tables into all the divs and got it looking acceptable

9/22/2005 6:56:09 PM

BigMan157
no u
103354 Posts
user info
edit post

someone point me to some javascript that detects resolution plz

9/22/2005 7:15:09 PM

skokiaan
All American
26447 Posts
user info
edit post

^^ that's worse than just using divs or just using tables.

9/22/2005 7:21:46 PM

BigMan157
no u
103354 Posts
user info
edit post

eh, it works though

is there a way to get a table to stretch all the way across the screen without manually setting the width? i tried the left attribute but that didn't work

[Edited on September 22, 2005 at 7:36 PM. Reason : EDIT]

9/22/2005 7:27:19 PM

skokiaan
All American
26447 Posts
user info
edit post

width = 100%?

9/22/2005 7:52:15 PM

BigMan157
no u
103354 Posts
user info
edit post

that'll work

i've been working in pixels primarily

[Edited on September 22, 2005 at 7:59 PM. Reason : then again maybe it won't work]

9/22/2005 7:56:28 PM

BigMan157
no u
103354 Posts
user info
edit post

so here's a question

<table class="pics">
<tr>
<td><a class="links1" href="X.jpg"><center><img class="pic" height=120px src="X.jpg"></center><br><br><p class="links1">X</p></a></td>
<td><a class="links1" href="Y"><center><img class="pic" height=120px src="Y"></center><br><br><p class="links1">Y</p></a></td>
</tr>
<tr><a class="links1" href="Z"><center><img class="pic" height=120px src="Z"></center><br><br><p class="links1">Z</p></a></tr>
<tr><a class="links1" href="Q"><center><img class="pic" height=100px src="Q"></center><br><br><p class="links1">Q</p></a></tr>
</table>


how come only X and Y will appear in the box with styles from "pics" and the other two appear outside of it with no styling?

9/23/2005 5:24:55 PM

BigMan157
no u
103354 Posts
user info
edit post

9/23/2005 5:35:25 PM

qntmfred
retired
40726 Posts
user info
edit post


<table class="pics">
<tr>
<td><a class="links1" href="X.jpg"><center><img class="pic" height=120px src="X.jpg"></center><br><br><p class="links1">X</p></a></td>
<td><a class="links1" href="Y"><center><img class="pic" height=120px src="Y"></center><br><br><p class="links1">Y</p></a></td>
</tr>
<tr><td><a class="links1" href="Z"><center><img class="pic" height=120px src="Z"></center><br><br><p class="links1">Z</p></a></td></tr>
<tr><td><a class="links1" href="Q"><center><img class="pic" height=100px src="Q"></center><br><br><p class="links1">Q</p></a></td></tr>
</table>

9/23/2005 6:58:19 PM

BigMan157
no u
103354 Posts
user info
edit post

yeah i had already figured it out

thx though

9/23/2005 7:50:37 PM

BigMan157
no u
103354 Posts
user info
edit post

is there a way to have a table extend out from the page but not cause the horizontal scrol bar to appear?

9/25/2005 6:38:30 PM

Noen
All American
31346 Posts
user info
edit post

tables != css.

stop using tables for positioning.

9/25/2005 8:33:54 PM

BigMan157
no u
103354 Posts
user info
edit post

i'm using tables for a solid bar of color because the div doesn't work

div.redbar	{
background-color: #C60001;
position: absolute;
height: 24px;
top: 100px;
left: 0px;
width: 100%;
z-index: 2;
}


works fine in firefox but not IE so i had to resort to a different method

[Edited on September 25, 2005 at 9:32 PM. Reason : k]

9/25/2005 9:31:11 PM

Noen
All American
31346 Posts
user info
edit post

it works if you do it correctly. there's more than one way to do it and not every way will work across platforms. oh the joys of css.

9/25/2005 11:34:36 PM

BigMan157
no u
103354 Posts
user info
edit post

so offer advice instead of criticism douche

9/25/2005 11:38:41 PM

Ernie
All American
45943 Posts
user info
edit post

!

9/26/2005 12:12:37 AM

skokiaan
All American
26447 Posts
user info
edit post

without seeing the specific code, you might have to put a nbsp in the div to get it to show up.

[Edited on September 26, 2005 at 12:26 AM. Reason : dfs]

9/26/2005 12:26:37 AM

BigMan157
no u
103354 Posts
user info
edit post

<div class="redbar"><table class="redbr"><tr><td></td></tr></table></div>



.redbr {
background-color: #C60001;
position: absolute;
height: 24px;
width: 100%;
z-index: 2;
}


[Edited on September 26, 2005 at 12:28 AM. Reason : ]

9/26/2005 12:28:10 AM

qntmfred
retired
40726 Posts
user info
edit post

try spelling redbar correctly

<div class="redbar"><br></div> will work. no need for tables

9/26/2005 1:13:18 AM

Noen
All American
31346 Posts
user info
edit post

actually its <br/>

[Edited on September 26, 2005 at 2:00 AM. Reason : .]

9/26/2005 2:00:21 AM

qntmfred
retired
40726 Posts
user info
edit post

yeah, for xhtml you should close the br tag, but meh...

9/26/2005 2:26:12 AM

BigMan157
no u
103354 Posts
user info
edit post

yeah that got rid of the need for the table, but it still doesn't extend all the way across the screen in IE

i think the problem is IE needs a width of 102% to be all the way across the screen and that causes scrolling in Firefox

9/26/2005 8:11:02 AM

qntmfred
retired
40726 Posts
user info
edit post

IE gives the body tag a default margin of 8px or something. set it to 0 and it should take up the full line

9/26/2005 8:33:02 AM

skokiaan
All American
26447 Posts
user info
edit post

WELCOME TO HELL

9/26/2005 9:30:21 AM

BigMan157
no u
103354 Posts
user info
edit post

aha, thx qntmfred

9/26/2005 10:31:20 AM

rynop
All American
829 Posts
user info
edit post

http://www.cssdrive.com/

Great examples of quality CSS sites

9/27/2005 3:11:54 PM

BigMan157
no u
103354 Posts
user info
edit post

how can i get rid of that gap between picture and table border?



i've tried

img.lh	{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

table.sLinks {
border: 3px solid #C60001;
background-image: url('textbg2.jpg');
background-repeat: repeat;
width: 130px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

to no effect

9/27/2005 5:00:05 PM

mattc
All American
1172 Posts
user info
edit post

why hasn't this been linked yet...


http://www.alistapart.com/

9/27/2005 5:22:33 PM

BigMan157
no u
103354 Posts
user info
edit post

^^btw i found a way around that

9/27/2005 5:22:58 PM

BigMan157
no u
103354 Posts
user info
edit post

how can i get IE to always show the vertical scrollbar?

10/3/2005 12:26:58 PM

qntmfred
retired
40726 Posts
user info
edit post

IE DOES always show the vertical scrollbar

10/3/2005 12:42:27 PM

BigMan157
no u
103354 Posts
user info
edit post

so i guess i got to figure out what i did to eliminate it then :-/

10/3/2005 8:05:30 PM

BigMan157
no u
103354 Posts
user info
edit post

figured it out

it was because of the iframe that the page was in when you forward the domain

10/4/2005 12:57:41 AM

seedless
All American
27142 Posts
user info
edit post

http://dezwozhere.com/links.html

10/4/2005 6:04:02 PM

30thAnnZ
Suspended
31803 Posts
user info
edit post

this thread is a lollercaust.

most questions asked and then answered by the person who asked EVER.

10/4/2005 6:06:19 PM

BigMan157
no u
103354 Posts
user info
edit post

well tech talk is pretty useless besides apple vs. windows vs. linux threads

10/4/2005 7:04:12 PM

 Message Boards » Tech Talk » creating website using CSS Page [1] 2, Next  
go to top | |
Admin Options : move topic | lock topic

© 2024 by The Wolf Web - All Rights Reserved.
The material located at this site is not endorsed, sponsored or provided by or on behalf of North Carolina State University.
Powered by CrazyWeb v2.39 - our disclaimer.