...

View Full Version : Image Positioning & Url Fix



snowdude2004
10-30-2009, 03:59 PM
I'm trying to correct this url page: http://www.newhorizonsbikehire.co.uk/gallery3.php

What im trying to do is find out what the dots are that are featured underneath each image since I can not see how they appearing since the code seems correct to me.

Aswell as this I seem to have a border on the arrow directing to another page which I want removed and I also tried using a p tag to align this image to the right of the page but that didnt seem to work.

Any solutions people?

abduraooft
10-30-2009, 04:19 PM
What im trying to do is find out what the dots are that are featured underneath each image since I can not see how they appearing since the code seems correct to me.
You have
a {/*nhbh.css (line 29)*/
border-bottom:1px dotted #99CC66;
color:#669933;
text-decoration:none;
}
You'd either need to remove that highlighted line Or need to apply a more specific style like

a.imageLink {
border:none;
}

snowdude2004
10-30-2009, 04:22 PM
Alright thanks for your help, I forgot to check the css to see if they had the dotted thing in there but wasnt aware you was able to do that in css.
Now to solve my problem of the almightly aligning issue

Excavator
10-30-2009, 04:27 PM
Hello snowdude2004,
Does this help you?


.next {
float: right;
margin: 0 50px 0 0;
}
and

<br>
<br>
<a href="http://www.newhorizonsbikehire.co.uk/gallery.php" target="_blank"><img src="img/arrow.png" alt="Next" class="next"> </a>

<p><b>More photos coming soon!</b></p>
<br><br></div>

abduraooft
10-30-2009, 04:28 PM
a img{
border:none;
}
div.rightcol p {/*nhbh.css (line 171)*/
margin:10px 20px 10px 22px;
padding:0;
text-align:right;
} ?

snowdude2004
10-30-2009, 04:28 PM
I've just looked over my coding quickly and on the arrow im not using this css style but yet its still being applied, do i need to apply a closing mechanism of some sort on the previous code to disable this from being used on the arrow?
I'm not aware of how to close a class if thats the case :|

snowdude2004
10-30-2009, 04:30 PM
Cheers Excavator I'll use that instead, I keep forgetting about that bloody float rule!

snowdude2004
10-30-2009, 05:47 PM
You have
a {/*nhbh.css (line 29)*/
border-bottom:1px dotted #99CC66;
color:#669933;
text-decoration:none;
}
You'd either need to remove that highlighted line Or need to apply a more specific style like

a.imageLink {
border:none;
}

I've looked through the css document via browser and wordpad and havent been able to find this bit of code with the "border-bottom:1px dotted #99CC66;" part in it am i doing something wrong to view it?

snowdude2004
10-31-2009, 01:11 AM
anyone know?

Excavator
10-31-2009, 03:04 AM
anyone know?
It's in your nhbh.css file, I've highlighted the border line in red below -

/* TEXT STYLING */

p {
font-family: 'Lucida Grande', geneva, verdana, helvetica, arial, sans-serif;
font-size: 0.95em;
text-align: left;
color: #4d4d4d;
margin: 0;
padding: 0;
line-height: 150%;
}

h1 {
font-family: geneva, helvetica, verdana, sans-serif;
margin: 0;
padding: 0;
font-size: 1.9em;
line-height: 150%;
color: #9c6;
}

h2 {
margin: 0;
padding: 10px 25px 0px 25px;
font-size: 1.7em;
line-height: 150%;
}

a { text-decoration: none; color: #693; border-bottom: 1px dotted #9c6; }
a:hover { text-decoration: none; color: #4d4d4d; border-bottom: 1px dotted #9c6; }


/* MENU STYLING */

#navcontainer {
margin: 30px 0px 0px 13px;
padding: 0;
width: 183px;
}

#navcontainer ul#navlist {
border: 0;
margin: 0;

abduraooft
10-31-2009, 07:56 AM
anyone know?
I have give the line number of that particular selector.

snowdude2004
10-31-2009, 04:49 PM
Ahhh i see, thank you didn't quit understand that bit.
Referring to lines doesnt really help me since im using notepad to do everything since i dont know any other decent programs



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum