FreePgs.com Forum
October 17, 2021, 05:08:56 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Click Here for Toll-Free Service for your business starting at $2.00 per month and 4.5 cents per minute
 
   Home   Help Search Login Register  
Pages: 1 [2] 3 4 ... 6   Go Down
  Print  
Author Topic: CSS  (Read 51646 times)
sixthcrusifix
Sage
Verified Account
Sr. Member
*

Karma: +0/-3
Offline Offline

Posts: 445


http://sixthcrusifix.com/home/

Blog entries (0)

View Profile WWW
« Reply #15 on: April 25, 2006, 06:05:25 AM »

I would also like to point out that what the original person wanted is MUCH MUCH MUCH easier to do in tables and very easy to make compatable with different screen resolutions using %s instead of absolute values.

Code:
<div align='left'>
<img src='LOGO.gif'>
</div>
<table align='left' width='30%'>
<tr><td>NAV</tr></td>
<tr><td>NAV</tr></td>
<tr><td>NAV</tr></td>
<tr><td>NAV</tr></td>
</table>
<table>
<tr><td>
<pre>
<h1>PAGE TITLE</h1>
<strong>Important Stuff</strong>

Blah Blah Blah
Blah Blah Blah
BLAHAHAHHAHAHAHAHA
</pre>
</tr></td>
</table>

That's pretty basic but it works. There are about 20 different ways to do that exact same thing I can think about though, it's still a lot shorter than all that CSS one of the posters gave and I think it does what the original poster wanted. It actually did not display properly when I tried <div> or just with nothing.

This all reminds me, I need to work on my site again, it's been so long I can hardly remember how to do this stuff.
« Last Edit: April 25, 2006, 06:08:27 AM by sixthcrusifix » Logged

Visite me website at http://www.sixthcrusifix.com
Evilsprouts
Verified Account
Full Member
*

Karma: +1/-0
Offline Offline

Posts: 243


Blog entries (0)

View Profile WWW
« Reply #16 on: April 25, 2006, 06:12:02 AM »

Well the actual reason I wanted to do it in CSS is because not only wanting to learn CSS but Iím making provisions for the future, I could have easily done it with tables but didnít want to. Thanks for all the help btw.
Logged
FreePgs.com Forum
« Reply #16 on: April 25, 2006, 06:12:02 AM »

 Logged
Guide
Verified Account
Jr. Member
*

Karma: +0/-0
Offline Offline

Posts: 48

Blog entries (0)

View Profile
« Reply #17 on: April 25, 2006, 11:11:07 AM »

Quote
Also to the other guy, you're really nitpicking on tables, and you're REALLY reaching out there on the whole "more code = larger file" thing, the difference is virtually impossible to notice even on modems

That's why I said "this isn't really a big issue unless you've got many (many many) visitors" (I like quoting myself Wink ). The weight isn't the reason why I don't use tables, as my websites don't usually get that much visitors...

Quote
If you're casually creating a website with a normal amount of tables it's much more convenient just to use tables because of the fact that they're not seperated. It's aslo easier to define the table's attributes right then and there as apposed to creating a bunch of ID's when you wanna change one little thing.

There I don't get your argument. If you've got but one page on your website, which I doubt, it'll indeed be easier to put everything through attributes. But if you've got many pages, it's far easier to use classes and id's... You just have to put them from the beginning, even if you don't use them immediately.
Then you'll be able to change all pages from your websites by just changing a few lines in the CSS file...

I did a major rework on my website's design a few months ago. I didn't even touch the XHTML or the PHP part ; I just changed the CSS, and it took me about an afternoon to finish it. When I was working with tables, these kind of rework took me at least three or four time that...

Quote
Tables are for ORGANIZING data, and quite frankly a table is a lot easier to handle when you're trying to display results etc. And especially generating a table filled with dynamic content is very easy in PHP using loops where as I can't imagine how you would use CSS for that. Tables are a perfectly valid part of design that have their place just as CSS does and I think you're a fool if you choose to abandon either of them.

My whole website is completely generated through PHP. All the texts and menus are displayed through loops. And it is as easy to do with <div>s as with tables.
With tables, you'd have done something like :

foreach($texts as $text) {
     echo '<tr>';
     echo '<td>' . $text . '</td>';
     echo '</tr>';
}

or something close. With <div>, you just have to make :

foreach($texts as $text){
     echo '<div class="text">' . $text . '</div>';
}

with the same result...

Also, when you take the XHTML/CSS logic, it's far easier to completely separate all your website's components : Structure, Content, Layout.
Structure is the XHTML.
Content is generated through PHP/MySQL and loaded into the XHTML Structure.
Layout is handled through the CSS whatever the changes made in the content.

Quote
But why does using tables mean you can't use semantic tags? I don't get the debate we're having.

You can use semantic tags into the tables, but the tables themselves aren't semantic when used for layout issues.
Tables are for storing data. For instance (I know, I shouldn't always take my website as an example, but it's the first to come in my mind Wink ) in my website, I use tables to display lists of prices and disponibilities for the location of an appartment.
Tables, thus, have a semantic meaning, which has nothing to do with layout.
If you want to make separations to make the layout easier, you have to use unsemantic (asemantic ?) tags. And "parts of pages" being blocks rather than inline separations, the tag to use is the <div>...

Quote
I find... XHTML is, one day, purhaps far or near away, going to take place of html.
Right now HTML is supported more widely than XHTML, XHTML uses more strict codes.

Uh... All browsers supporting HTML do support XHTML, which is in fact quite the same, except for the fact it allows less "imagination" from the coder's part. What older browers don't support is CSS, yet this is becoming less and less of a problem.
CSS 1.0 is supported in IE 5, FF, Opera and I think even Netscape. CSS 2.0 is mostly supported in IE 6 (except for a few useful things, yet there are ways around), and totally supported in Firefox. I think Opera does support it mostly ; about Netscape I don't know. (I must admit I haven't used Netscape for years, and when I did I knew nothing about HTML, CSS, the W3C and website designing, hence I didn't care whether it did or didn't support anything...)


Anyway, I know there are many coders sticking to tables and old HTML 4, and it'll still be used by most webmasters for years on... However, I don't see the point in voluntarily keeping old standards when it's so easily possible to do otherwise...
Logged
GPô
Technical Support
Hero Member
*****

Karma: +16/-0
Offline Offline

Posts: 874


Wondermous

Blog entries (0)

View Profile WWW
« Reply #18 on: April 25, 2006, 12:29:13 PM »

Now we got the blood pumping, and belive it or not, I like a good argument.
XHTML is here, however, I'm sticking with HTML, for now.

I do personally recommend you play around with XHTML, and CSS.
You need to learn, however, I'm not saying do a major overhall of your site, for something thats far away.

I also recommend learning javascript, php, and perl. As they are all extremely useful tools.
I personally know php, learning javascript and perl..
Logged
FreePgs.com Forum
« Reply #18 on: April 25, 2006, 12:29:13 PM »

 Logged
Guide
Verified Account
Jr. Member
*

Karma: +0/-0
Offline Offline

Posts: 48

Blog entries (0)

View Profile
« Reply #19 on: April 25, 2006, 01:29:34 PM »

Smiley

I think I did enough W3C propaganda for the time being Wink

Anyway, I agree about learning Javascript, PHP and Perl (though I never use the latter ; knowledge is always good !).
Well, till recently I'd have been arguing about the use of Javascript, yet since I discovered the AJAX technology I'm looking over JS with another eye... It gives really incredible possibilities !
Logged
sixthcrusifix
Sage
Verified Account
Sr. Member
*

Karma: +0/-3
Offline Offline

Posts: 445


http://sixthcrusifix.com/home/

Blog entries (0)

View Profile WWW
« Reply #20 on: April 25, 2006, 02:03:05 PM »

Quote
There I don't get your argument. If you've got but one page on your website, which I doubt, it'll indeed be easier to put everything through attributes. But if you've got many pages, it's far easier to use classes and id's... You just have to put them from the beginning, even if you don't use them immediately.
Then you'll be able to change all pages from your websites by just changing a few lines in the CSS file...

I did a major rework on my website's design a few months ago. I didn't even touch the XHTML or the PHP part ; I just changed the CSS, and it took me about an afternoon to finish it. When I was working with tables, these kind of rework took me at least three or four time that...

But I'm, saying if you have a poopload of them then you have a poopload of IDs you have to define somewhere faar away from there and that complicates things, besides if you have dreamweaver it's easy to change every single attribute to tables etc. all at once.

Also I dunno why you use the foreach loop but I don't really know what your site does. Either way you still use tables along with CSS.
Logged

Visite me website at http://www.sixthcrusifix.com
Guide
Verified Account
Jr. Member
*

Karma: +0/-0
Offline Offline

Posts: 48

Blog entries (0)

View Profile
« Reply #21 on: April 27, 2006, 10:50:55 AM »

True, if you've got Dreamwaver you can change easily anything from a table layout.
But then, if you use Dreamwaver, you don't truly have to bother yourselve with such considerations. For my part, I prefer the good old Notepad++ Wink

As for the foreach loop, it was just an example of one of the multiple possibilities to inject texts loaded through PHP into an (X)HTML file... There are hundredth of possibilities, depending on how is your system designed.
In my website, I've got a sort of CMS system in the background wherein pages and texts can be added and/or modified, which means everything must be loaded from MySQL when the page is loaded. I load everything into tables, and I make my output with a foreach loop...
Logged
lotsofish
Verified Account
Jr. Member
*

Karma: +1/-0
Offline Offline

Posts: 39

Blog entries (0)

View Profile WWW
« Reply #22 on: April 27, 2006, 03:47:15 PM »

I try to use CSS/DIV's as much as possible... but I am guilty of using tables sometimes when DIV's could be used instead. If I am using tables, I always use classes with them though,  because 1) I can store the styles in a separate file and edit them easily and 2) you can just do so much more with css as far as styling and looking better.

Not sure about CSS? Check out this site: http://csszengarden.com/  The base html file is the same, but you can choose radically different styles by loading different stylesheets.

Logged

hypnoticvibe
Non-Verified Account
Jr. Member
**

Karma: +0/-0
Offline Offline

Posts: 78


Blog entries (0)

View Profile WWW
« Reply #23 on: April 28, 2006, 11:44:44 AM »

Right now, I'm working on a non-HTML version of my website and bought a nice template. The entire layout is in tables with the exception of calling an external stylesheet with 2 lines of CSS code. This is for the fonts. I played with it for a while and concluded that fonts are not easy to get working in all 3 browsers just using tables, so as far as the universal table thing... I'm only in 95% agreeance.
Logged

Evilsprouts
Verified Account
Full Member
*

Karma: +1/-0
Offline Offline

Posts: 243


Blog entries (0)

View Profile WWW
« Reply #24 on: May 03, 2006, 05:20:16 PM »

Please can someone tell me where I have gone wrong, I canít seem to get footer to be the font and size I want?

My css:

Code:
#footer{font: normal 10px Verdana, sans-serif;}

body{
background-color: #000000;
color: #FFFFFF;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
margin: 0px;
text-align: center;
}
img{border: 0;}
#pageHeade{
margin-top: 0px;
text-align: justify;}
#mainpage{
letter-spacing: 0px;
margin-bottom: 0px;}
a:link{
font-weight: bold;
color: #FFFFFF;}
a:visited{
font-weight: bold;
color: #FFFFFF;}
a:hover, a:active{color: #FFFFFF;}
#container{
position: relative;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
width: 930px !important;
width: 930px;
background: #000000;
color: #FFFFFF;}
#mainpage{
position: absolute;
left: 220px;
top: 150px;
width:620px;
height:365px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
font: normal 12px Verdana, sans-serif;}
#pageHeader{
position: absolute;
left: 90px;
background: url("http://www.evilsprouts.co.uk/new/inc/logo.gif") no-repeat 0px 0px;
margin-left: 0px;
margin-top: 0px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
width: 400px;
height: 100px;
float: left;}
#menubar{
position: absolute;
left: 90px;
top: 150px;
width:125px;
height:365px;
margin: 0 auto 0 auto;
padding: 0 0px 0 0px;
letter-spacing: -1px;
font: bold 14px Verdana, sans-serif;}
.housebutton{
margin-bottom: 0px;
margin-top: 0px;}
.housebutton a{
border: solid 1px;
border-color: #FFFFFF;
display: block;
color: #FFFFFF;}
.housebutton a:link{
color: #FFFFFF;
text-decoration: none;}
.housebutton a:visited{
color: #FFFFFF;
text-decoration: none;}
.housebutton a:hover{
color: #000000;
background: #FFFFFF;}
#bottom{
position: absolute;
height: 50px;
width: 770px;
left: 90px;
top: 625px;}
#location{
height: 25px;
width: 570px;
margin-left: 0px;}
#contact{font: bold 19px Verdana, sans-serif;
float: center;}

Thanks Cheesy
Logged
sixthcrusifix
Sage
Verified Account
Sr. Member
*

Karma: +0/-3
Offline Offline

Posts: 445


http://sixthcrusifix.com/home/

Blog entries (0)

View Profile WWW
« Reply #25 on: May 03, 2006, 10:19:00 PM »

True, if you've got Dreamwaver you can change easily anything from a table layout.
But then, if you use Dreamwaver, you don't truly have to bother yourselve with such considerations. For my part, I prefer the good old Notepad++ Wink

As for the foreach loop, it was just an example of one of the multiple possibilities to inject texts loaded through PHP into an (X)HTML file... There are hundredth of possibilities, depending on how is your system designed.
In my website, I've got a sort of CMS system in the background wherein pages and texts can be added and/or modified, which means everything must be loaded from MySQL when the page is loaded. I load everything into tables, and I make my output with a foreach loop...

OH I see, well I just like while better because I dunno foreach just bugs me, not in a technical way I just hate writing foreach LMAO I'm crazy, anyway I don't understand why everyone critizises dreamwearver and praises notepad.

I do write out code rather than use the WYSIWYG editor (Because teh WYSIWYG editor SUCKS) But it's still a lot easier to hand code things in dreamweaver, it's easier to search for things and to fix mistakes and to make sure stuff is compatibale, plus you can upload via FTO right after your done and not switch programs. So to anybody who can afford dreamweaver and codes in notepad just because, I say to you, you're just being silly.

Anyway, I think that what I've been saying over and over (and eventually everyone will get it and be like "othe other would have worked but really as long as your website displays properly in the 3 major Browsers (Firefox, IE and Netscape[and maybe safari too]) then it doesn't matter what you used underneath.

(But as far as people having browser errors and the rare few people with OLD ass browsers CSS degenerates poorly).
Logged

Visite me website at http://www.sixthcrusifix.com
hypnoticvibe
Non-Verified Account
Jr. Member
**

Karma: +0/-0
Offline Offline

Posts: 78


Blog entries (0)

View Profile WWW
« Reply #26 on: May 04, 2006, 12:20:07 AM »

Quote from: Evilsprouts
Please can someone tell me where I have gone wrong, I canít seem to get footer to be the font and size I want?
Use 10pt, not 10px (for the font).
I don't know how you are expecting the footer to be a certain size when you haven't specified any size.

Side note:  Sorry guys, I feel unloyal lately... I will start posting more soon. This is a free hosting service and the least I could do is participate in the forums.
« Last Edit: May 04, 2006, 12:44:34 AM by hypnoticvibe » Logged

Evilsprouts
Verified Account
Full Member
*

Karma: +1/-0
Offline Offline

Posts: 243


Blog entries (0)

View Profile WWW
« Reply #27 on: May 05, 2006, 04:52:32 AM »

ok i changed it to 10pt but still the same?
Logged
hypnoticvibe
Non-Verified Account
Jr. Member
**

Karma: +0/-0
Offline Offline

Posts: 78


Blog entries (0)

View Profile WWW
« Reply #28 on: May 05, 2006, 12:15:40 PM »

ok i changed it to 10pt but still the same?
Could you please post the HTML you are using to call the ID?
Logged

Evilsprouts
Verified Account
Full Member
*

Karma: +1/-0
Offline Offline

Posts: 243


Blog entries (0)

View Profile WWW
« Reply #29 on: May 05, 2006, 01:03:04 PM »

Ok sorry I think the sun is getting to me the link is www.evilsprouts.co.uk/update Smiley
Logged
Pages: 1 [2] 3 4 ... 6   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2015, Simple Machines Valid XHTML 1.0! Valid CSS!