WebFerret
-
Posts
7 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by WebFerret
-
-
%; not pxs?
in CSS
To make a responsive website looks good on many different screens you will want to work in percentages or ems. CSS media queries will also be useful if you want to change your CSS depending on the device your site is being viewed on. Try to avoid pixels wherever possible.
-
Copy the code below into a text editor and have a play with it. Put your images inside the div tags.
<html><head><style>.box {float: left;padding: 5px;margin: 5px;width: 250px;height: 250px;background-color: #338833;}</style></head><body><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div></body></html> -
Since your business name is a very important piece of information you would usually use a h1 tag to display it.For example:
<h1>Business Name Goes Here</h1>
Also, I suggest you use something a little more 'code friendly' than notepad. I personally use Netbeans but there are many others such as Notepad ++ or Sublime text.
-
I personally use CSS as opposed to images wherever possible. Something like this code might help get you started:
<html><head> <style> .orangeBox { display: inline-block; padding: 1%; width: 48%; background-color: #ffaa00; } </style></head><body> <div class="orangeBox"> Box 1 </div> <div class="orangeBox"> Box 2 </div></body></html>Have a play around with it and see if it helps you.
-
Thanks for your feedback. I guess the site is lacking in terms of images etc and does look a bit plain. I've spiced up the font and layout a bit...not sure where to go next though!
-
Hi, I would really appreciate a critique of my web design tutorial site here: http://codetip.co.uk/In particular what do your make of: a) The color scheme and logo
The actual content of the tutorials. I've tried to make them easy to read and use. Thanks in advance for your comments.
The actual content of the tutorials. I've tried to make them easy to read and use. Thanks in advance for your comments.
button help
in CSS
Posted · Edited by WebFerret
Try this code. You will need to declare functionOne and functionTwo in the head section of your HTML document. <input value="My Button" onclick="functionOne(); functionTwo();" type="button">