Moderator: kfury77
kramsart1 wrote::? Hi I'm totally new to web design. Can you please advise a sure process for me I'm not getting any younger. What do I really need to learn. Ive been getting books from the lybrary on HTML and CSS basics I plan to build a web site for myself ( an artist ) with a light box or some kind of gallery etc I dont need to be a rocket scientist but want to try and stay almost current. Any advise would be appricated
syrupcore wrote:
Write good HTML and worry about the CSS after. If you have good HTML you can gradually improve the design over time. If you have bad HTML, you'll be constantly dealing with the HTML instead of the CSS.
MaxD wrote:
Here is some html:
<div id="bigbox">
<div id="mediumbox">
<div id="smallbox"></div>
</div>
</div>
Not much without the css describing position, size, color, bg image, z-index, border etc etc
How about an example :?:
<ul class="nav">
<li><a href="#">nav 1</a></li>
<li><a href="#">nav 2</a></li>
<li><a href="#">nav 3</a></li>
<li><a href="#">nav 4</a></li>
<li><a href="#">nav 5</a></li>
</ul><!-- /nav -->
<table class="nav">
<tr>
<td><a href="#">nav 1</a></td>
<td><a href="#">nav 2</a></td>
<td><a href="#">nav 3</a></td>
<td><a href="#">nav 4</a></td>
<td><a href="#">nav 5</a></td>
</tr>
</table><!-- /nav -->
<table class="nav">
<tr>
<td class="menu-item"><a class="menu-link" href="#">nav 1</a></td>
<td class="menu-item"><a class="menu-link" href="#">nav 2</a></td>
<td class="menu-item"><a class="menu-link" href="#">nav 3</a></td>
<td class="menu-item"><a class="menu-link" href="#">nav 4</a></td>
<td class="menu-item"><a class="menu-link" href="#">nav 5</a></td>
</tr>
</table><!-- /nav -->
.nav a {color: red}
vs
.menu-link {color: red}
MaxD wrote:So you were talking about tables, and the troubles they can cause?
MaxD wrote:It's about object orientated css. Here is a video. Haven't checked it but I'd imagine its useful:
http://wiki.github.com/stubbornella/oocss
Users browsing this forum: No registered users and 19 guests