Title: little coding help
Post by: Eggtastico on January 01, 2011, 21:41:30 PM
Post by: Eggtastico on January 01, 2011, 21:41:30 PM
Code Select
NEED A GAP HEREIm trying to get them to output next to eachother - how do I make an actual gap/character space between each div class? i tried
but that just made the second class over lap & out of aligment
Title: Re:little coding help
Post by: Clock'd 0Ne on January 01, 2011, 22:52:37 PM
Post by: Clock'd 0Ne on January 01, 2011, 22:52:37 PM
Im assuming from the CSS that these divs float left and sit alongside each other, as usually they would sit one on top of the other. You need to use margin or padding on the divs.
Try this in the css:
.readon-main { margin-right: 10px; }
or try it inline:
http://www.indigo-mouse.co.uk
The image overlaps
I can do
& it will display on the next line - obviously... maybe Im stuck with that
Try this in the css:
.readon-main { margin-right: 10px; }
or try it inline:
Title: Re:little coding help
Post by: Eggtastico on January 02, 2011, 11:01:16 AM
Post by: Eggtastico on January 02, 2011, 11:01:16 AM
nope, didnt work
Title: Re:little coding help
Post by: Clock'd 0Ne on January 02, 2011, 11:59:23 AM
Post by: Clock'd 0Ne on January 02, 2011, 11:59:23 AM
Can you put up a screenshot of what it looks like at the moment?
Title: Re:little coding help
Post by: Eggtastico on January 02, 2011, 12:35:55 PM
Post by: Eggtastico on January 02, 2011, 12:35:55 PM
Quote from: Clockd 0NeCan you put up a screenshot of what it looks like at the moment?
http://www.indigo-mouse.co.uk
The image overlaps
Title: Re:little coding help
Post by: Clock'd 0Ne on January 02, 2011, 12:37:13 PM
Post by: Clock'd 0Ne on January 02, 2011, 12:37:13 PM
Right, it will be a width or position setting causing the overlap, can you paste up the CSS its using?
Title: Re:little coding help
Post by: Eggtastico on January 02, 2011, 12:49:30 PM
Post by: Eggtastico on January 02, 2011, 12:49:30 PM
Quote from: Clockd 0NeRight, it will be a width or position setting causing the overlap, can you paste up the CSS its using?I wouldnt know where to look :(
I can do
& it will display on the next line - obviously... maybe Im stuck with that
Title: Re:little coding help
Post by: Clock'd 0Ne on January 02, 2011, 21:06:24 PM
Post by: Clock'd 0Ne on January 02, 2011, 21:06:24 PM
Without looking at all the CSS in more detail its very difficult to make any further kind of suggestion.
Title: Re:little coding help
Post by: neXus on January 06, 2011, 01:59:28 AM
Post by: neXus on January 06, 2011, 01:59:28 AM
They have been built up pretty strange in the markup but to fix it in its current form....
Get rid of those div clear. The clear should come after the things you float.
Get rid of those div clear. The clear should come after the things you float.
Code Select
Indigo Mouse offer a range of on-site services tailored to your needs. We will repair your computer, set up your printer, or install any hardware and software that may be causing you difficulty, including broadband, Wi-Fi, scanners, cameras, Skype, mobile phones and many more ...all for a fixed price.
Code Select
Then on the CSS:
.readon-wrap1 {
float: left;
margin-top: 15px;
padding-right: 25px;
position: relative;
}
Title: Re:little coding help
Post by: Eggtastico on January 06, 2011, 14:18:05 PM
Post by: Eggtastico on January 06, 2011, 14:18:05 PM
thanks, but ill prob just leave it as it is now