 My First Site.... I Think It's Turned Out Pretty Well |
|
|
|
|
  |
 Dec 26 2006, 12:39 PM
Post
#11
|
|
|
SM- the Man -The Myth - The Legend Himself  Group: Members Posts: 457 Joined: 4-September 05 From: Drinking da rootbeers Member No.: 8,313 myCENTs:72.48  |
In Englsih
QUOTE Per HTML and XHTML standards, a DOCTYPE (short for “document type declaration”) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. DOCTYPEs are a key component of compliant web pages: your markup and CSS won’t validate without them. In XHTML standards tags like this <HTML> are obsolete this is the standard tag format <html>. 1. It was ugly it was the fact it was to bright, and with todays monitors those bright colors really get bright and thus hurt a persons eyes. I would have stuck with the dark blue I gave you in the coding above to give it some separation. 2. You might have to adjust the padding or the margins to fix that. 3. Table looks good. To spruce up your tables check these links out: http://24ways.org/2005/tables-with-style http://24ways.org/examples/tables-with-sty...le_columns.html 4. Text looks good. Also I recommend these following links Web Design Tools for FireFox http://www.astahost.com/index.php?showtopic=13808&hl= With these tools they make your web design life a whole lot easier and in some ways make web designing quicker. |
 |
 
|
|
Dec 27 2006, 07:06 AM
Post
#12
|
|
|
Member - Active Contributor Group: Members Posts: 76 Joined: 7-December 06 Member No.: 18,008 |
Saint-michael, the links you gave me were really interesting and I'd like to do something like that with the tables on my site. Thank you for providing those. In the code it points to a png picture to color the odd versus even rows, but....well I have no idea what this picture is supposed to look like, or what size it needs to be, etc.
A tiny snippet of what I'm talking about: tbody tr.odd td { background:transparent url(tr_bg.png) repeat top left; } Is there any way I can view just that picture (tr_bg.png) from his site? If that....makes any sense. Do I need to make it a specific size or is it a very tiny image that's just repeated or...what? Also, just as a warning, I'm probably going to really need some help with this tables thing... By the way, I took your advice and changed the side bar to that blue as you suggested before. I think you're right in saying that it needs some separation. I also added another bar at the bottom though for color separation between that page container and the footer. Let me know if you think that green is too powerful at the bottom... This post has been edited by leafbunk: Dec 27 2006, 09:43 AM |
|
|
|
|
Dec 27 2006, 11:36 AM
Post
#13
|
|
|
SM- the Man -The Myth - The Legend Himself Group: Members Posts: 457 Joined: 4-September 05 From: Drinking da rootbeers Member No.: 8,313 myCENTs:72.48 |
I would say its perfect the green gives it more of a srperation then ever now with the tables, that was my mistake I thought it was all done in css but he uses a combination of images and javascript for this table the images that is being referred to is coming from here.
http://24ways.org/examples/tables-with-sty...able_fixed.html Now this the images are for background purposes you can go ahead and delete those if you want to, as to save some time in figuring this mess out. |
|
|
|
|
Dec 27 2006, 07:58 PM
Post
#14
|
|
|
Sparkx  Group: [HOSTED] Posts: 366 Joined: 11-October 06 From: Dana Point, CA, USA Member No.: 16,496 myCENTs:44.66 |
It looks very good. I like the template you used lol. Very good. I never used a template on any of my sites so I don't know how to rate a site that has used one. I think it is a very good site for a first site. Ill tell you the truth, it looks better then my first site. I also don't know much about world of warcraft or of the other tutorial sites to it's kinda hard to compair your site. In my opinion you should stick with the site and keep up the good work
 Good luck, Sparkx This post has been edited by sparkx: Dec 27 2006, 08:15 PM |
|
|
|
|
Dec 28 2006, 01:37 AM
Post
#15
|
|
|
Member - Active Contributor Group: Members Posts: 76 Joined: 7-December 06 Member No.: 18,008 |
Well I've been messing around with the table all day today and I'm having trouble with two things mainly.
1. I don't know if it's a border or what around each cell in the table, but there is a space between each cell. I don't know how to fix it - I've tried several things, but nothing has worked so far. On the website you provided (Saint-michael), there is no space in the color between cells on the odd rows that are colored different than the background of the table. Anyways, you can see what I'm talking about in the links to the pictures I provided below. EDIT: I just asked my boyfried and he said he likes the small gaps, because it helps keep the columns easily separated. Do you have any opinions? 2. In firefox, there is a nice break between Realgay and Arianget (these are character names, please see the picture to know what I'm talking about.) I need a separation between those two because Realgay and the characters above are officers in the guild, and Arianget and those below are members. Anyways, in firefox a good bit of separation appears, but in internet explorer, it doesn't really. I was wondering what I need to do in order to allow for more space between these two names in IE. Here are the pictures so you know what I'm talking about for both of my issues. Please let me know what you think about the colors on the table. I think they're alright, but if you have a better suggestion I'm all for trying it out. Screenshot taken of how it looks in Internet explorer: http://www.leafbunk.astahost.com/images/table_ie.jpg And in Firefox: http://www.leafbunk.astahost.com/images/table_firefox.jpg And below is the css for the table part. I thought maybe having this might help you help me fix the breaks between cells. Maybe it's just something simple that I missed, or something that I need to add.... EDIT: Sorry I don't know how to make it have a scrollbar so the code doesn't take up the whole page.. CODE #roster { border-width: 4px 4px 4px 4px; padding: 0px 0px 0px 0px; color: #003647; border-style: solid solid solid solid; border-color: #E1E1E5 #E1E1E5 #E1E1E5 #E1E1E5; border-collapse: collapsed; background-color: #003647; width: auto; } .rosterhead { } .rosterhead th { text-decoration: underline; font-size: 112%; padding: 5px 5px 5px 5px; color: #E1E1E5; border-collapse: collapsed; background-color: #003647; -moz-border-radius: 0px 0px 0px 0px; } .rosterhead tr { border-collapse: collapse; } .roster td { padding: 5px 5px 5px 5px; color: #E1E1E5; border-collapse: collapsed; background-color: #003647; -moz-border-radius: 0px 0px 0px 0px; } .rosterbody tr.odd td { background: #31616F; border-collapse: collapsed; } *html tr.odd td { background: #31616F; } This post has been edited by leafbunk: Dec 28 2006, 01:43 AM |
|
|
|
|
Dec 28 2006, 02:16 AM
Post
#16
|
|
|
SM- the Man -The Myth - The Legend Himself Group: Members Posts: 457 Joined: 4-September 05 From: Drinking da rootbeers Member No.: 8,313 myCENTs:72.48 |
I would say it has to be your padding, from looking at the images and the CSS, it would be better if you set up a dummy page with the table set up you have as it will be easier to adjust from them.
Are those the small gaps above and below the text? if so they work perfect, a suggestion would be to center align the text it to make it more cleaner in a way If need some more help contact me at my yahoo IM at saint_zodiac[at]yahoo[dot]com as it will be a bit quicker to fix it. |
|
|
|
|
Similar Topics
|
Lo-Fi Version | Time is now: 5th December 2008 - 05:56 PM |