/    Sign up×
Community /Pin to ProfileBookmark

This thread may need to be moved….

I’m not sure which section this should go in, I guess it is half and half between CSS and HTML.

First off, thanks to coothead for re-writing out my CSS and HTML, so much tidier.

Secondly, I’m still having problems (although not relating to the thread I originally started).

It should be straight forward, I know, but I just seem to be getting muddled up and missing bits out when I try to adapt my latest files into the ones coothead modified for me.

I don’t suppose I could ask for further help from anybody, please?

I have attached the files below that coothead modified/created for me, I just seem to keep messing something up when I try to integrate the files.

Here is my current page without seperate styling sheet, and messy mark up, etc: [url]http://davey-martin.com/backup/[/url]

Any help would be hugely appreciated!

Thanks,
Davey.

[upl-file uuid=ac0c9fbe-a8a1-4d47-9803-e6bdbc88542a size=34kB]Davey_M.zip[/upl-file]

to post a comment
CSS

7 Comments(s)

Copy linkTweet thisAlerts:
@cootheadJan 01.2011 — Hi there Davey_M,

check out version 2 for the update. ?

[i]coothead[/i]

[upl-file uuid=fe926103-0060-43ab-a4b3-5e5e72e7b366 size=63kB]Davey_M_ver2.zip[/upl-file]
Copy linkTweet thisAlerts:
@Davey_MauthorJan 01.2011 — Thank you very much coothead, saved the day - again!
Copy linkTweet thisAlerts:
@cootheadJan 01.2011 — [indent]No problem, you're very welcome. ?[/indent]

I notice that you have added...
[color=navy]
<div [color=red]id="left_top"[/color]>Test Block</div>
<div [color=red]id="left_middle_text"[/color]>hmmm</div>
<div [color=red]id="left_bottom"[/color]></div>
[/color]

...to the code, repeating the [b]id[/b]'s.

As the [b]id attribute[/b] is unique, all repeated instances should be changed to the [b]class attribute[/b] in the HTML and the CSS.

[i]coothead[/i]
Copy linkTweet thisAlerts:
@Davey_MauthorJan 01.2011 — I'm currently trying to add more blocks to either side of my index page. I can't seem to figure out why there's a huge vertical space between two blocks though?

I know it's something I need to adjust in the main.css but not sure which property I need to look at.
Copy linkTweet thisAlerts:
@Davey_MauthorJan 01.2011 — I notice that you have added...
[color=navy]
<div [color=red]id="left_top"[/color]>Test Block</div>
<div [color=red]id="left_middle_text"[/color]>hmmm</div>
<div [color=red]id="left_bottom"[/color]></div>
[/color]

...to the code, repeating the [b]id[/b]'s.

As the [b]id attribute[/b] is unique, all repeated instances should be changed to the [b]class attribute[/b] in the HTML and the CSS.

[i]coothead[/i][/QUOTE]


Thanks, I intended to but got totally sidetracked trying to figure out why the big vertical space between two blocks.... will change the ID's to classes now where needed!
Copy linkTweet thisAlerts:
@cootheadJan 01.2011 — Hi there Davey_M,

this is the result of repeating the id....
[color=navy]
[color=red]#left_top [/color]{
width:141px;
height:20px;
padding:3px 20px 0;[color=red]
margin:172px auto 0;[/color]
background-image:url(../images/side_column_top.png);
}
[/color]

check out the attachment to see the solution. ?

[upl-file uuid=e73bbf66-6286-4004-b3b4-54342b6c6b6f size=63kB]Davey_M_ver3.zip[/upl-file]
Copy linkTweet thisAlerts:
@Davey_MauthorJan 03.2011 — Thanks coothead. Just in the process of looking over the CSS so I can add more "blocks" to the right hand side as well... I'm determined to pick it up!
×

Success!

Help @Davey_M spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...