Devam Ediyor

CSS Stylesheet Fix

--- PLEASE REFER ATTACHED FILE FOR SAME AS BELOW WITH IMAGES EXPLAINING EVERYTHING MORE CLEARLY ---

I have a requirement for 2 small fixes of a CSS Stylesheet for a ‘navigator bar’ in our site.

1) Basically the navigator buttons have a hover state defined but I can’t seem to exclude the ‘Current’ page which I don’t want to have a change when the pointer is over it. The navigator bar looks like this:

A: This is the normal state.

B: This is the state when mouse is over ‘Previous’. This is correct.

C: This is the state when the mouse is over ‘Current’. This is what should not change state. I.e. should look same as A (Above)

This is the code for the navigator.

<div id="tnt_pagination"><div class="pagination"><p align="center">

<?

for($i=1;$i<=$pn;$i++) {

if($i==1 || $i==$page || $i==($page-1) || $i==($page+1) || $i==$pn) {

$i_rewrite=$i;

if ($i==($page-1)) {$i_rewrite="Previous";}

if ($i==($page+1)) {$i_rewrite="Next";}

if ($i==$pn) {$i_rewrite="Last";}

if ($i==1) {$i_rewrite="First";}

if ($i==$page) {$i_rewrite="Current";}

if($i==$page)

echo " <a class="current" name="current" href="#">".$i_rewrite."</a>";

else

echo " <a href="[url removed, login to view]".$i."" class="prevnext">".$i_rewrite."</a>";

}

}

Here you can see the current applied style on the ‘Current’ button:

2) This is the CSS Style Sheet. The second requirement I have is to clean up this stylesheet.

a. To remove any unneeded entries.

b. To combine .pagination and #tnt_pagination into one if possible.

(Note there is also a default style sheet on the page)

/*This is very sloppy as combines 2 stlye sheets to do the 1 thing. RB */

.pagination{

padding: 2px;

}

.pagination ul{

margin: 0;

padding: 0;

text-align: left; /*Set to "right" to right align pagination interface*/

font-size: 16px;

}

.pagination li{

list-style-type: none;

display: inline;

padding-bottom: 1px;

}

.pagination a, .pagination a:visited{

padding: 0 5px;

border: 1px solid #9aafe5;

text-decoration: none;

color: #2e6ab1;

}

.pagination a:hover, .pagination a:active{

border: 1px solid #2b66a5;

color: #000;

background-color: #FFFF80;

}

.pagination [url removed, login to view]{

background-color: #2e6ab1;

color: #999 !important;

border-color: #2b66a5;

font-weight: bold;

cursor: default;

}

.pagination [url removed, login to view]{

background-color: #2e6ab1;

color: #fff !important;

border-color: #2b66a5;

font-weight: bold;

cursor: default;

}

.pagination [url removed, login to view], .pagination [url removed, login to view]:hover{

background-color: white;

cursor: default;

color: #929292;

border-color: #929292;

font-weight: normal !important;

}

.pagination [url removed, login to view]{

font-weight: bold;

}

#tnt_pagination {

display:block;

text-align:left;

height:22px;

line-height:21px;

clear:both;

padding-top:3px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-weight:bold;

}

#tnt_pagination a:link, #tnt_pagination a:visited{

padding:7px;

padding-top:2px;

padding-bottom:2px;

border:1px solid #EBEBEB;

margin-left:10px;

text-decoration:none;

background-color:#F5F5F5;

color:#0072bc;

width:22px;

font-weight:bold;

}

#tnt_pagination a:hover {

background-color:#DDEEFF;

border:1px solid #BBDDFF;

color:#0072BC;

}

#tnt_pagination .active_tnt_link {

padding:7px;

padding-top:2px;

padding-bottom:2px;

border:1px solid #BBDDFF;

margin-left:10px;

text-decoration:none;

background-color:#DDEEFF;

color:#0072BC;

cursor:default;

}

#tnt_pagination .disabled_tnt_pagination {

padding:7px;

padding-top:2px;

padding-bottom:2px;

border:1px solid #EBEBEB;

margin-left:10px;

text-decoration:none;

background-color:#F5F5F5;

color:#b7b7b7;

cursor:default;

}

This is the default stylesheet (cannot change)

.bgF1F1F1 {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

}

.input_login {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 2px;

height: 18px;

width: 147px;

border: 1px solid F26521;

}

.buttonSubmit {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: F26521;

text-decoration: none;

height: 18px;

width: auto;

border: 1px solid F26521;

text-align: center;

vertical-align: text-top;

background-color: #FFFFFF;

}

.bgE1E0E0 {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #333333;

text-decoration: none;

background-color: E1E0E0;

}

[url removed, login to view]:link {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

[url removed, login to view]:hover {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #FFFFFF;

text-decoration: none;

}

[url removed, login to view] {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

.NormalFont {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

.bgF1F1F1NormalFont {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

}

.NormalFontBold {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #333333;

text-decoration: none;

}

.NormalFontBoldCC0000 {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #0000cc;

text-decoration: none;

}

[url removed, login to view]:link {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

}

[url removed, login to view]:hover {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #FFFFFF;

text-decoration: none;

}

[url removed, login to view] {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

}

.NormalFontBoldF26521 {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: F26521;

text-decoration: none;

}

.input_time {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

padding: 2px;

height: 18px;

width: 70px;

border: 1px none;

background-image: url(images/[url removed, login to view]);

}

.input_medium {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 2px;

height: 18px;

width: 80px;

border: 1px solid F26521;

}

.tableBorder_orange {

border: 1px solid F26521;

}

.NormalFontBoldWhite {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #FFFFFF;

text-decoration: none;

}

.input_select {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 0px;

height: auto;

width: 147px;

border: 1px solid F26521;

}

.input_selecttrans {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: #F1F1F1;

padding: 0px;

height: auto;

width: 147px;

border: 1px solid #F26521;

}

.input_loginLong {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 2px;

height: 18px;

width: 195px;

border: 1px solid F26521;

}

.input_comment {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 2px;

height: 90px;

width: 100%;

border: 1px none;

}

.buttonAuto {

font-family: tahoma;

font-size: 10px;

font-weight: bold;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 2px;

height: 18px;

width: auto;

border: 1px solid F26521;

text-align: center;

vertical-align: baseline;

}

.BoldHead {

font-family: tahoma;

font-size: 13px;

font-weight: bold;

color: #333333;

text-decoration: none;

}

[url removed, login to view]:link {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

[url removed, login to view]:hover {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #43BDD3;

text-decoration: none;

}

[url removed, login to view] {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

.input_comment65 {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 2px;

height: 90px;

width: 65%;

border: 1px none;

}

.input_auto {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

padding: 2px;

height: 18px;

width: 97%;

border: 1px none;

background-image: url(images/[url removed, login to view]);

}

.input_auto2 {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

padding: 2px;

height: 18px;

border: 1px none;

background-image: url(images/[url removed, login to view]);

}

.input_auto50 {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

padding: 2px;

height: 18px;

width: 65%;

border: 1px none;

background-image: url(images/[url removed, login to view]);

}

.input_selectShort {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

height: auto;

width: 32px;

border: 1px solid F26521;

}

.input_selectYear {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

height: auto;

width: 60px;

border: 1px solid F26521;

}

[url removed, login to view]:link {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

[url removed, login to view]:hover {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #F26521;

text-decoration: none;

}

[url removed, login to view] {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

[url removed, login to view]:link {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

[url removed, login to view]:hover {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #999999;

text-decoration: none;

}

[url removed, login to view] {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

text-decoration: none;

}

.input_selectAuto {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 0px;

height: 18px;

width: 320px;

border: 1px solid F26521;

}

.input_selectAuto2 {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 0px;

height: 18px;

border: 1px solid F26521;

}

[url removed, login to view]:link {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

}

[url removed, login to view]:hover {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #999999;

text-decoration: none;

}

[url removed, login to view] {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #000000;

text-decoration: none;

}

.opt2 {

background-color: #FFFFFF

}

option { font-weight: bolder }

.none {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

border: 0px;

height: auto;

background: none;

}

.input_selectAutoT {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #333333;

text-decoration: none;

background-color: F1F1F1;

padding: 2px;

height: auto;

width: 65%;

border: 1px solid F26521;

}

.NormalFontAB7A14 {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #AB7A14;

text-decoration: none;

}

.NormalFontAB7A14Bold {

font-family: tahoma;

font-size: 11px;

font-weight: bold;

color: #AB7A14;

text-decoration: none;

}

Beceriler: CSS, HTML, Microsoft Expression, Kullanıcı Arayüzü / IA, Web Sitesi Testi

Daha fazlasını görün: what is the fix, what is ia, top resume, state auto, resume style, resume font, padding background, font for resume, family id, css style sheets, code 999, center of a line, background padding, align image with text css, css tnt_pagination, please see attached resume, User Interface / IA, RB, line sheet, e fix, decoration, cursor, clear up image, clean up css, baseline

İşveren Hakkında:
( 20 değerlendirme ) Lumpini, Pathumwan,, Thailand

Proje NO: #687334

Seçilen:

mandissected

Please see PMB

0 gün içinde 30$ USD
(16 Değerlendirme)
4.6

15 freelancer bu iş için ortalamada 33$ teklif veriyor

urmi1

Let's start... thanks

1 gün içinde 40$ USD
(68 Değerlendirme)
6.1
Rautella

i am ready to fixed it. Awaiting for my selection. Thanks

1 gün içinde 45$ USD
(100 Değerlendirme)
6.0
kopila123

please view pm

1 gün içinde 30$ USD
(30 Değerlendirme)
5.0
PHPsoldier

css expert here. ready to start now. thanks...

in 0 gün içinde30$ USD
(22 Değerlendirme)
5.1
nomve

Hi, please check Inbox

1 gün içinde 40$ USD
(17 Değerlendirme)
4.3
GorGa

Hi, I can tell you the style needed to fix this in PM. Thanks

in 0 gün içinde30$ USD
(6 Değerlendirme)
4.0
mastersoft1

I'm a webdeveloper. I know how to resolve that problem. Let's start ! Thanks !

in 0 gün içinde30$ USD
(2 Değerlendirme)
2.6
nmrony

sir, ready to start.. i am expert in CSS and web2 design.. can fix in 2 hours or i have much better pagination class if you are interested i can show them to you. check PMB

in 0 gün içinde40$ USD
(1 Değerlendirme)
1.1
webpixeltech

Hi, We can do this ! -WebPixel Technologies

in 2 gün içinde30$ USD
(1 Değerlendirme)
1.0
katmandu80

Hi sir I can manage this code and CSS for you. Best regards

1 gün içinde 30$ USD
(0 Değerlendirme)
0.0
amr87

Please check PMB.

in 0 gün içinde30$ USD
(0 Değerlendirme)
0.0
saravanacu

Hi, Ready to start immediately it will take few hours to complete.

in 0 gün içinde30$ USD
(0 Değerlendirme)
0.0
kchowdary131

Hello, I have read your requirements, understand what you need and can provide my services for this job. I have flare of programming using new techniques, so please give me a chance to prove my worth. I am very k Daha fazlası

1 gün içinde 30$ USD
(0 Değerlendirme)
0.0
mangeshkt

hi, i have almost done [url removed, login to view] ur feedback.

in 5 gün içinde30$ USD
(0 Değerlendirme)
0.0
ravinder261987

Hi sir, Let's [url removed, login to view] check PMB

1 gün içinde 30$ USD
(0 Değerlendirme)
0.0