News:

Tekforums.net - The improved home of Tekforums! :D

Main Menu

little coding help

Started by Eggtastico, January 01, 2011, 21:41:30 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

Eggtastico

January 01, 2011, 21:41:30 PM
Code Select

Home Users
NEED A GAP HERE
Business Users


Im 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

Clock'd 0Ne

#1
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:

Eggtastico

#2
January 02, 2011, 11:01:16 AM
nope, didnt work

Clock'd 0Ne

#3
January 02, 2011, 11:59:23 AM
Can you put up a screenshot of what it looks like at the moment?

Eggtastico

#4
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

Clock'd 0Ne

#5
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?

Eggtastico

#6
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

Clock'd 0Ne

#7
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.

neXus

#8
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.
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.





Home Users





Business Customers






Code Select
Then on the CSS:
.readon-wrap1 {
    float: left;
    margin-top: 15px;
    padding-right: 25px;
    position: relative;
}

Eggtastico

#9
January 06, 2011, 14:18:05 PM
thanks, but ill prob just leave it as it is now
Print
Go Up Pages1
User actions