/    Sign up×
Community /Pin to ProfileBookmark

Css Layout Question

Copy linkTweet thisAlerts:
Oct 20.2006

Im just looking for some theory as to what css is capable of in relation to the following paste:

……………….

Im just starting to understand css, but i was wondering if you could give me some tips.

Id like to make a webpage with a bunch of thumbnails that are actually links to google videos.

Also id include a navigation bar that changes color as you run the cursor over each title.

id like to position the thumbnails in a matrix as shown.

And id like the background to be black. Any suggestions appreciated.

Good exercise for some of you advanced types. Thanks.

[upl-file uuid=a1ea021c-76bb-41ea-bb84-cd4997e82b7c size=37kB]site css.jpg[/upl-file]

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@KravvitzOct 20.2006 — I see two lists there. You will probably want to [url=http://www.dynamicsitesolutions.com/css/layout_techniques/#floats_margins]float[/url] all of the list-items (<li>s).

These three articles explain how to style lists.

http://www.alistapart.com/articles/taminglists/

http://css.maxdesign.com.au/listutorial/

http://www.webreference.com/programming/css_lists/

And this one explains a fix for a common IE bug:

[url=http://www.csscreator.com/node/6745]White space bug revisited--the definitive fix[/url]

[b]CSS Links for Beginners:[/b]

[url=http://www.w3.org/MarkUp/Guide/Style]Adding a touch of style[/url]

http://www.cssbasics.com/

http://www.htmldog.com/guides/cssbeginner/

[url=http://www.informit.com/articles/article.asp?p=169546&rl=1]Integrated Web Design: CSS Beyond the Retrofit[/url]

[url=http://www.brainjar.com/css/using/]BrainJar.com: Using Style Sheets[/url]

www.glish.com/css/

www.thenoodleincident.com/tutorials/css/

http://kurafire.net/log/archive/2005/07/26/starting-css-revisited

[url=http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml]Internet Explorer & CSS issues[/url]

[url=http://www.w3.org/Style/CSS/learning]Learning CSS[/url]

[url=http://www.w3.org/TR/REC-CSS2/]CSS2 Specification[/url]
Copy linkTweet thisAlerts:
@RUNEMASTERauthorOct 20.2006 — Thanks buddy. At the risk of getting into trouble I would like you to watch some of the truth behind 911 videos i placed on my bad wysiwyg site. let me know if the pages load decently. i know its crap , but its all about getting the word out on the vids.

[URL]http://paintmenow.com/[/URL]

I surely thank you. im trying to learn to make a similar site with css.

Ill let you know how i do.
Copy linkTweet thisAlerts:
@KravvitzOct 20.2006 — You should use a complete doctype (one that includes a URL) to get browsers to render as close to the same as possible. I recommend HTML 4.01 Strict. A doctype is not a magic fix. It is the first step in the process of fixing your page. The doctype tells the browser how to render the page. That HTML 4.01 Transitional doctype which does not include the URL tells the browser to render in Quirks Mode -- a generally bad thing.

[url=http://hsivonen.iki.fi/doctype/]Activating the Right Layout Mode Using the Doctype Declaration[/url]

[url=http://www.alistapart.com/articles/doctype/]Fix Your Site With the Right DOCTYPE![/url]

[url=http://www.juicystudio.com/choosing-doctype/]Choosing a DOCTYPE[/url]

[url=http://www.webdevout.net/doctype_switching.php]Doctype switching[/url]

[url=http://www.communitymx.com/content/article.cfm?cid=85FEE]Rendering Mode and Doctype Switching[/url]

http://www.w3.org/QA/2002/04/Web-Quality

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Please make sure that your (X)HTML and CSS are valid.

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/
Copy linkTweet thisAlerts:
@RUNEMASTERauthorOct 20.2006 — wOW! kRAV thanks so much. Ill start exploring this asap. hey any chance you might be my buddy on yahoo messenger for css and xhtml conferencing? my ID: rune2402
Copy linkTweet thisAlerts:
@KravvitzOct 20.2006 — You're welcome ?

I only give out my instant messenger contact information to paying clients and people near or above my level of expertise in web programming, sorry. You could hire me as a consultant, if you're interested.
Copy linkTweet thisAlerts:
@RUNEMASTERauthorOct 20.2006 — im afraid i am not a competent capitalist. But if i were, i would surely hire you. I quite poor you see.

But thank you for the offer and your kind response.
×

Success!

Help @RUNEMASTER 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.28,
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,
)...