Need help with something

liunx

Guest
Hi, I'm the new guy here :)<br />
<br />
I'm having a little trouble with my fonts.<br />
Let's say I want everything I write to be in the "arial" font. How/where can I define this so that I won't have to add a <font> tag before every typed text?<br />
And what if I use a font that I Download <!--more-->ed, one that isn't included in windows as a standard, will I have to upload that too? All my senses say "yes" ;)<br />
Thanks!<!--content-->welcome to the forums :)<br />
<br />
if you want all the text on your page to the same use this inbetween the head tags:<br />
<br />
<style type="text/css"><br />
body {font: 10px verdana, arial;color:#000000;}<br />
</style><br />
<br />
<br />
you can set the style for different selectors, for example your text should be arranged correctly with paragraphs <p> so you could set the above the same but for the <p> tag eg:<br />
<br />
p {font: 10px verdana, arial;color:#000000;}<br />
<br />
ok, now lets say you want one paragraph in a certain font, and the next different, easy, add classes, like so:<br />
<br />
p.bold {font:bold 10px verdana, arial;color:#000000;}<br />
<br />
in your html<br />
<br />
<p class="bold">text here</p><br />
<br />
and you can have more than one:<br />
<br />
p.bold {font:bold 10px verdana, arial;color:#000000;}<br />
p.large {font: 18px verdana, arial;color:#000000;}<br />
<br />
:)<br />
<br />
forgot to say, it doesnt work by uploading fonts to your site, the font you use on your site can only be displayed if the viewer has that font on their machine, so you have to use the msot common fonts, ariel, verdana, sans serif etc<!--content-->Hey thanks, that definitely did the trick!<br />
However, I seem to have stumbled upon another problem.<br />
I've created a table to define my site's layout. But the problem starts when I want to include an image in a certain cell. The area around the images is big, whereas I want it to be nihil. In other words, I want the border of that cell to be in direct contact with my image, but that's just not working. I've tried setting both cellpadding and cellspacing to "0", but it just won't budge.<br />
<br />
It would be great if you could give me a link to some advanced tutorials. I think I've gone through the basics long enough, but I just can't find suitable help. Thanks ;)<!--content-->Hi Colt and Welcome :P <br />
<br />
Leo pointed the ability of CSS to easily manipulate your<br />
font styles. Well, CSS would be much better to use for<br />
your image placements as well.<br />
<br />
Tables are really only meant to hold tabular data [text]<br />
Though you can use them to manipulate positioning on a page<br />
you are using the wrong tool. Working much harder than you<br />
need too. Writing massive amount of code you can do with a<br />
few lines. And, as you have found, run into irratating<br />
little problems where content does not appear in all<br />
browsers as intended.<br />
<br />
Here is a link (<!-- m --><a class="postlink" href="http://dhtmlkitchen.com/css/index.jsp">http://dhtmlkitchen.com/css/index.jsp</a><!-- m -->) to one tutorial site I find useful. Specifically<br />
because they provide examples and working codes. <br />
<br />
Good Luck;<br />
.....Willy<!--content-->Thanks, I'll make sure to take a closer look at it. But here comes problem #3:<br />
How can I effectively position tables/cells? Preferably without complex CSS codes - I'm still to get the grip of those :S<br />
'cause what I got now is a table within another table. Now I want that inner table to align "up". <div align> doesn't seem to help, and I'm running out of options.<!--content-->to align things to top you need to set it to vertically align in the containing box, in your case the <td> containing the table<br />
<br />
td.name {vertical-align:top;}<br />
<br />
<td class="name"><br />
<br />
<br />
Aside from tables being meant for tabular data they also cause delay in page loading and interfere with search engine spiders.<br />
<br />
<br />
<br />
<br />
:D<!--content-->Hi Colt;<br />
<br />
It seems my day for saying this,<br />
Drop back and punt!<br />
('cept for my Titans) :D <br />
<br />
What I'm trying to say is.<br />
Although CSS may be confusing you at the moment.<br />
It would be much better in the long run if you took<br />
the time to study for awhile. Basic CSS is not all that<br />
complex. True, advanced CSS can become very complex. But<br />
for what you are doing basic CSS would easily suit your needs.<br />
<br />
I wish when I began designing that I took the time to<br />
learn CSS from the start. I was a table wizard! I would<br />
nest tables into nested tables into nested tables. That all<br />
worked good on IE4. Now those pages are a jumbled mess.<br />
<br />
If you want to see an example of multiple nested tables.<br />
Do a Google Search using the key words code cleaner<br />
It should appear within the top ten. :D <br />
<br />
I'm now somewhat ashamed of that page.<br />
But, it's still being frequently used by WebTv users.<br />
<br />
....Willy<!--content-->Originally posted by Willy Duitt <br />
If you want to see an example of multiple nested tables.<br />
Do a Google Search using the key words code cleaner<br />
<br />
<br />
man look at all them pretty table borders :P ;)<!--content-->Should serve as a fine example of what NOT to do :D <br />
<br />
....Willy<!--content-->
 
Back
Top