View Single Post
Old 10-03-2012, 11:40 PM   PM User | #6
Saber
New Coder

 
Join Date: Sep 2012
Posts: 34
Thanks: 9
Thanked 0 Times in 0 Posts
Saber is an unknown quantity at this point
Quote:
Originally Posted by Xherdas View Post
Unfortunately I do not have time to write it all down for you, I am leaving the office.
You need to read about CSS id and class.
http://www.w3schools.com/css/css_id_class.asp

Let us know if you havee trouble understanding the concept of id's and classes.

Good luck!
Thank you, this helped me alot to undarstand my problem, but now i encounter other 2 problems.

So i made my menu like this:
Code:
  <li  id="para1"><a href="site.html" >Begining</a><br>
And the style in new.css to start with this
Code:
#para1
And i made the page links with para2 instead with para1 and it works, my only problem is that i use:

Code:
<p id="para2"><a href="random10.html">441</a>   
<p id="para2"><a href="random10.html">441</a>  
<p id="para2"><a href="random10.html">441</a>
And the problem is that it aligns my pages not in order but in new row every page.. cuz of the <p> - paragraph... What can i use instead of "p" in this combination so that my Page links stay like that:
1 , 2 , 3 , 4 , 5 , 6

and like that cuz of the paragraph

1
2
3
4
etc

Code:
<p id="para2"><a href="random10.html">441</a>   
<p id="para2"><a href="random10.html">441</a>  
<p id="para2"><a href="random10.html">441</a>
And my other problem:
I use this style, cuz it's the style of my site, but it needs remodeling only for the page links and i don't know how to fix it. This is the code now:

Code:
#para2
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#0099FF;
width:15px;
text-align:center;
padding:1px;
text-decoration:none;
}
a:hover,a:active
{
background-color:#5FFB17;
}
And from this i tell how wide should the background blue color be and the problem is that if it's 30px it covers 444 page niceley but if i put the page number 4 it is ugly.. cuz it has too much blue in the back enough to cover 3 digets, and i'm puting only 1 and it's just ugly ... can you give me an exit from this pickle, something like the background to be the size of the digit, or 2 digits or 3 digits, to take it auto i hope you undarstand me.
Code:
width:15px;

@jamaks thanks to you too man, this is also very useful, but to start all over again when i am at 99% done with my site it's not in my power for the moment, although with the way you start it will be better.. but maybe if i start from the scratch some day. 10x anyway.

Last edited by Saber; 10-03-2012 at 11:42 PM..
Saber is offline   Reply With Quote