First off my friended suggested that I ask for some help on here so I want to apologise in advance incase I've posted in the wrong forum or anything like that.
Well let me get onto the point and see if you can help me. I've been making a portfolio website from scratch and now I'm stumped, I'm trying to line up some text boxes and images and I've tried a few ways and I can't seem to find a way to do it. I will post a photoshoped image so you can see how I'm trying to get it to look and I will also post a live feed and the css and html coding.
I would also appreciated it if you point out anything I should change to make the site more efficient but that's not as important so don't feel you have to do this.
Cyanoxide, it looks like the only thing missing now is a little bit of padding on the text and pushing the Read More button down and to the right, is that correct? Or is there more to it that you're missing?
That's exactly what I'm having trouble with, I can't seem to shift the button into the right place without messing up the text, I've recently tried to make the button with css rather than dreamweave'rs html button option and I could get the button to line up using "margin-left" but when I tried to us "margin-top" to move it down it locked in place and wouldn't go down.
I have fixed the problems now, the tutorial you gave me was most helpful AshtonSanders, it didn't solve the problem but it helped me find a way around it, also I have been looking for ages for a fix to the outline around my flash, I just assumed there was nothing I could do about it so thank you for that as well xhtmlit.
Well let me get onto the point and see if you can help me. I've been making a portfolio website from scratch and now I'm stumped, I'm trying to line up some text boxes and images and I've tried a few ways and I can't seem to find a way to do it. I will post a photoshoped image so you can see how I'm trying to get it to look and I will also post a live feed and the css and html coding.
I would also appreciated it if you point out anything I should change to make the site more efficient but that's not as important so don't feel you have to do this.
Example:
http://i29.photobucket.com/albums/c265/seph-53/des.jpg
Live feed: http://cyanoxide.co.uk/Prototype/
Html:
Fixed.
Also, this is a CSS forum, and I noticed you're using Tables for layout, what's the reason for this?
That's the css code I'm curently using:
.rollover a {margin-left:240px;
margin-top:15px;
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url(\"Images/Read.jpg\") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover {
background-position: 0 -35px;
color: #049;
background: url(\"Images/ReadDown.jpg\") 0 0 no-repeat;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}
Here's a good tutorial on how that works: http://www.barelyfitz.com/screencast/ht ... sitioning/
This is probably a little bit of topic but looking at your site, I think your main menu and other areas might use the outline rule;
Makes it more cleaner then having the general outline of a link show up when clicked on. Hope that helps and just a thought. :ugeek:
Feel free to lock this thread now.