Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Help With A Css Design, code optimization
epox
post Aug 10 2005, 05:46 AM
Post #1


Premium Member
Group Icon

Group: Banned
Posts: 160
Joined: 10-July 05
From: Bogotá, Colombia, South America.
Member No.: 9,238



hello there!, i need somebody tell me how to put a scrollbar into my divs or tables, and how to delete the h3 cellpadding or how to bold a text with css.
thanks a lot! blink.gif
Go to the top of the page
 
+Quote Post
truefusion
post Aug 10 2005, 06:53 AM
Post #2


Ephesians 6:10-17
Group Icon

Group: [MODERATOR]
Posts: 1,865
Joined: 22-June 05
From: The World of Gentoo
Member No.: 8,528
T17 GFX Crew



Scrollbar:
CODE

<div style="overflow: auto"></div>
<td style="overflow: auto"></td>


H3:
CODE

<style>
h3 {
padding: 0px
}
</style>


Bold:
CODE

<style>
.bold {
font-weight: bold
}
</style>

<span class="bold">Bolded Text</span>


That should take care of it.
Go to the top of the page
 
+Quote Post
alexia
post Aug 10 2005, 09:44 PM
Post #3


Super Member
*********

Group: Members
Posts: 310
Joined: 9-February 05
From: Italian
Member No.: 3,677



Oh , I think you can do it that with JS
Its not Css APartment
Go to the top of the page
 
+Quote Post
Tyssen
post Aug 11 2005, 05:43 AM
Post #4



***********

Group: Members
Posts: 1,161
Joined: 9-May 05
From: Brisbane, QLD
Member No.: 6,818



QUOTE(truefusion @ Aug 10 2005, 04:53 PM)
H3:
CODE

<style>
h3 {
padding: 0px
}
</style>


You might also need to set your margin to 0 as well. Also, don't need to specify px (or em or %) if the value is just 0.
As far as bolding text goes, it depends why you're boldening it. If you're boldening a whole paragraph, then you'd use the method Truefusion provided, but if you're only boldening a few words or a phrase for emphasis, you're better off using <strong>your words here</strong>. It will look the same on screen, but it means more for people using screen readers and to search engines (ie is given higher importance).
Go to the top of the page
 
+Quote Post
epox
post Aug 11 2005, 08:09 AM
Post #5


Premium Member
Group Icon

Group: Banned
Posts: 160
Joined: 10-July 05
From: Bogotá, Colombia, South America.
Member No.: 9,238



thanks truefusion, all that is useful,but with h3 i want to remove all spaces from the layout(padding, margins) and i put padding:0px, and margin:0px, but it is not working, what is wrong?
thanks again!
Go to the top of the page
 
+Quote Post
whyme
post Aug 14 2005, 11:57 PM
Post #6


Privileged Member
*********

Group: Members
Posts: 661
Joined: 10-January 05
Member No.: 3,189



QUOTE(epox @ Aug 11 2005, 01:09 AM)
thanks truefusion, all that is useful,but with h3 i want to remove all spaces from the layout(padding, margins) and i put padding:0px, and margin:0px, but it is not working, what is wrong?
thanks again!
*



by the looks of your coding, it appears
truefusion forgot to place in the ";" (semicolon) and you followed suit, resulting in CSS that cannot be read. Remeber to place a semicolon after all CSS declarations.

CODE
padding:0px;
margin:0px;


The problem may be another thing. It's best if you showed us the code.

hth,

whyme

This post has been edited by whyme: Aug 14 2005, 11:58 PM
Go to the top of the page
 
+Quote Post
reatum
post Oct 4 2005, 12:53 AM
Post #7


Member [Level 1]
****

Group: Members
Posts: 63
Joined: 3-October 05
Member No.: 12,515



You really don't even need to use h3 tags if you are using css. make a heading class like this
CODE

.heading {
font-size: 18px;
}

or some variation thereof. Then you can call on that with a div tag or any other tag for that matter. One major benefit of doing it this way is that you know how big your text will be in every single browser. h3 tells the browser to figure out how big the font should be.

One thing you might need to do if you are putting this inline is make it float:left so that it doesn't go to it's own line.

hope this helps
Go to the top of the page
 
+Quote Post
Lozbo
post Oct 4 2005, 01:00 AM
Post #8


Super Member
*********

Group: Members
Posts: 282
Joined: 1-September 05
From: Wanatos
Member No.: 11,382



QUOTE(Re_Atum @ Oct 3 2005, 06:53 PM)
You really don't even need to use h3 tags if you are using css.  make a heading class like this
CODE

.heading {
font-size: 18px;
}

or some variation thereof.  Then you can call on that with a div tag or any other tag for that matter. One major benefit of doing it this way is that you know how big your text will be in every single browser.  h3 tells the browser to figure out how big the font should be.

One thing you might need to do if you are putting this inline is make it float:left so that it doesn't go to it's own line.

hope this helps
*


I think the use of h1, h2, h3... is the best way to make a coherent structure that will explain itself even without css, which means that will be legible for screen readers... So you better markup your code right and you would help make the web easier for everybody smile.gif

Also

QUOTE( whyme @ Aug 14 2005, 05:57 PM)
thanks truefusion, all that is useful,but with h3 i want to remove all spaces from the layout(padding, margins) and i put padding:0px, and margin:0px, but it is not working, what is wrong?
thanks again!


I think you can take out the measurement unit (px) from your code... so it will be like this:

CODE

css:
h3 {margin:0;padding0;}


Hope it helps

Notice from BuffaloHELP:
Edited as reported.


This post has been edited by BuffaloHELP: Oct 4 2005, 04:35 AM
Go to the top of the page
 
+Quote Post
Tyssen
post Oct 4 2005, 02:39 AM
Post #9



***********

Group: Members
Posts: 1,161
Joined: 9-May 05
From: Brisbane, QLD
Member No.: 6,818



QUOTE(Lozbo @ Oct 4 2005, 11:00 AM)
I think the use of h1, h2, h3... is the best way to make a coherent structure that will explain itself even without css, which means that will be legible for screen readers... So you better markup your code right and you would help make the web easier for everybody smile.gif

That's exactly right. Why would you create a class for a tag that already exists, helps define the type of content and is preferred by search engines?
QUOTE
h3 tells the browser to figure out how big the font should be.

Not if you specify the size for the h3. You can specify the size for any HTML element, you don't have to accept the default size that a browser sets. If you wanted to, you could have your h1, h2, h3 etc. all the same size simply by doing:

CODE
h1, h2, h3 { font-size: 200%; }