/    Sign up×
Community /Pin to ProfileBookmark

review the css in my site please;

im just learned css and made [URL=http://www.rollingtank.com/benjoffe/client/index.htm]this site[/URL]. well started anyway. can someone tell me if there are any flawes in it? and why the section titled: “cost” appears different in Netscape?

to post a comment
CSS

15 Comments(s)

Copy linkTweet thisAlerts:
@SamMar 08.2004 — [i]From your site:[/i]

<h1>Cost</h1>

<img class=picLeft border="2" src="images/eye.jpg" width="140" height="208">
<div style="float: left"><p>We know you want copies for the relatives, so we include 4 copies of your wedding videos at no extra cost. We also include a complimentary CD of digital photos from your wedding. These ‘video stills’ always include magic moments missed by the photographer. You also get the digital master copy of your wedding video for safekeeping.</p>
<p><h1 style="margin-bottom:3px;">Autumn Special</h1>Book your wedding with us before the end of autumn and receive a bonus DVD! Simply mention this offer.</p></div>

[/quote]


the two problems I see are as follows:

1) You're floating the div left rather than right

2) the div is also containing the next header (this doesn't follow the code you have used previously...
Copy linkTweet thisAlerts:
@benjaminauthorMar 08.2004 — thanks, that div is supposed to be floating left as i want the autum special to be part of the cost section sort of so that cost blue bar is supposed to be half the width as usual and or the right of the picture, like it is in IE, netscape puts that and the text below the picture for some reason anyone no why?
Copy linkTweet thisAlerts:
@benjaminauthorMar 08.2004 — could somebody with mozilla please check it out?
Copy linkTweet thisAlerts:
@JonaMar 08.2004 — [font=arial]I haven't looked at the HTML/CSS code, but in Mozilla FireFox, it looks decent to me. ?[/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@DaveSWMar 08.2004 — Validate your page.

http://validator.w3.org/ for the xhtml

http://jigsaw.w3.org/css-validator/validator-uri.html for the css

Valid code will be easier for you to work with.
Copy linkTweet thisAlerts:
@JonaMar 08.2004 — [font=arial]As Dave said, you need to make sure it's all valid XHTML and CSS.

Also, you should use quotes on all of your attributes (<div id="navigator"> instead of <div id=navigator>). I'd also suggest using the title attribute on your links. I don't see a closing </html> tag, either.[/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@pyroMar 08.2004 — [URL=http://www.csszengarden.com/?cssfile=/080/080.css&page=0]It looks framiliar[/URL]...
Copy linkTweet thisAlerts:
@JonaMar 08.2004 — [i]Originally posted by pyro [/i]

[B][URL=http://www.csszengarden.com/?cssfile=/080/080.css&page=0]It looks framiliar[/URL]... [/B][/QUOTE]


[font=arial]Wow... Never would have realized it.[/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@TimeBanditMar 08.2004 — [i]Originally posted by pyro [/i]

[B][URL=http://www.csszengarden.com/?cssfile=/080/080.css&page=0]It looks framiliar[/URL]... [/B][/QUOTE]


Heheh... that's pretty darn blatant, eh? Nice nab.
Copy linkTweet thisAlerts:
@benjaminauthorMar 09.2004 — The title picture will chagne soon to tank tracks on sand, and the color scheme will be orangy red, and I did write all the CSS myself, so I'm not ripping off their site, it was just what the client has requested it to look like.

Thankyou for those links to the validators, i will use them. Im not using XHTML, I cannot see any reason to use it, what advantages would it have on my site?
Copy linkTweet thisAlerts:
@DaveSWMar 09.2004 — You are correct that you are not using xhtml. I saw
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >[/quote]
in the validator and mistook it for an xhtml document. So did the validator incidentally.

Basically no advantage for you. It doesn't really matter whether you use html or xhtml. It is easier to integrate xml into xhtml, but since you aren't using xml...
Copy linkTweet thisAlerts:
@benjaminauthorMar 09.2004 — am i using the correct doctype? i just copied it from somewhere else, the same with the character set, i ahve never properly understood these, could somebody please paste the correct ones i should be using for this page?
Copy linkTweet thisAlerts:
@benjaminauthorMar 09.2004 — what is a generic font family?
Copy linkTweet thisAlerts:
@DaveSWMar 09.2004 — Yes correct doctype.

generic font family would be like sans-serif - the computer looks at it and searches all the fonts on the computer for a sans-serif font. This means the user will not need a certain font installed.
Copy linkTweet thisAlerts:
@Robert_WellockMar 09.2004 — CSS-P Clones are everywhere the answer is UTF-8.
×

Success!

Help @benjamin 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.1,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...