hello,
been having some issue with my portfolio site.
What I am having problems with is the gallery.... i dont know how to make all the thumbs line up and space properly. I have the thumbs in an editable region right now but it is pretty willy nilly right now, they are just copy pasted in there...
Site
>
http://www.polyjab.com
any help would be appreciated, or pointing me to a tut would be great 2.
thanks poly counters
Replies
Well first of all I would suggest you to remove the "blue border" around your link by inserting a border="0px" after the link to you button.
For example:
<a href="#profile"><img src="images/1_btn_profile.png" border="0px"/></a>
Btw, I don't see the problem with the button not aligning link what you said. What browser are you using?..and also different browser act differently, and Firefox is more strict with your code compare to IE, preview it with different web browser to make sure is it a code problem or browser integration problem.
Here is the link to W3 School, a website tutorial for web stuff.
Hope this help~
_Revel
I noticed the blue bars when I use firefox. I will get rid of them, I think I may just scrap in general and start fresh.
Thanks again
img { border: 0; }
Saves you having to specify it for every image you put in, as more often than not I imagine you want no borders on images. Then you can go back and put in borders if you really want them with a class identifier.
e.g.
img { border: 0; }
img.bordered { border: 2px solid #00F; }
<img src="blah" />
<img src="blah" />
<img class="bordered" src="blah" />
Only the one you've given the class as "bordered" will have one.
Then if you want to change it, all you have to do is edit one CSS value and it'll propagate throughout the entire site automatically.