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 40810 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 hell9/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 40810 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 40810 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 40810 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 40810 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 effect9/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 40810 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 |