Tag Archives: Font Family

rollover text links – how to?

I have been previously wondering how to set-up those links which you see everywhere — the people that are bold to begin with but then when the mouse rolls around it becomes underscored as well as perhaps another colour. what do i need to do to achieve this thanks on your time! : p. azines. a simple example may be the CNN. com homepage — almost all links for headlines there are what i’m referring to (only backwards w/the underscore disappearing) you’ll want to use CSS:: . yourlink ANY font-family: Verdana; colour: blue; text-decoration: it’s unlikely that any; . yourlink ANY: hover colour: red; text-decoration: underline; Also you can have a stylesheet, this can save you having to key in the css code for each link and have it for the entire page! A good CSS resource is definitely W3Schools. They also provide guides to HTML CODE, Javascript, XML and much more. Just were going to say thanks for all those your guys’ help — They may be I’ve found the proper place to find answers. Have a great day… LANE This can be css code which could go in the head of the page OR for a seperate stylesheet…: … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , | Leave a comment

Embedded Fonts

My organization is talking about embedded fonts implementing that MS Weft matter. Somebody My organization is working with has requested that we use an unorthadox font for any site content. We’ve a few queries: Will it be reliable (cross-browser compatible) Precisely what your opinions Could you do it Thanks for just about any input. From what I recognize, not all fonts is usually embeded, so you first have to be sure that the font he wants can be converted. Also, there are acctually two solutions to embed fonts, 1 for IE, 1 for Netscape. Because of, what is imo, quite a poor implimentation on the very simple idea (a monkey perhaps have done it superior! font-family: url(‘*. ttf’); thats them! really hard… ) We would not do that. However, I believe if you aim to embed the font, plus it fails, it continue to degrades nicley. Consequently, if your client really wants it, explain that it doesn’t work in all browsers, but practice it, and design the website knowing that it might always be viewed in the actual ‘second-choice’ font. My organization is guessing that your dog wants this for a body font Or even, you might be able to … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , | Leave a comment

CSS help

Ok so i want to create some sort of CSS file so my page doesnt have a great deal code, so i tak the many CSS stuff. out of this code what do i put in that file What tags should i need to set up itlike do i would like < html> < /html> or maybe < style> < /style> in addition to stuff like that here is the code Code: <! DOCTYPE html page PUBLIC " -//W3C//DTD XHTML ONE PARTICULAR. 0 Transitional//EN" " http: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd" > < html page xmlns=" http: //www. w3. org/1999/xhtml" > < head> < design type=" text/css" > any: link color: #333333; text-decoration: it’s unlikely that any; a: visited colour: #333333; text-decoration: it’s unlikely that any; a: active colour: #333333; text-decoration: it’s unlikely that any; a: hover colour: #c0c0c0; text-decoration: it’s unlikely that any; FONT FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px TD FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px BODY BACKGROUND: #FFFFFF; FONT-FAMILY: Verdana, Helvetica; FONT-SIZE: 10px; COLOUR: #333333 #container boundary: 1px solid #000000; size: 700px; \width: 700px; w\idth: 700px; border: 10px; margin-left: auto; margin-right: auto; foam: 10px; height: 700px; #banner boundary: 1px solid #000000; foam: 0px; margin-bottom: A COUPLE OF. 5px; background-color: white; … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , | Leave a comment

Your font-of-the-moment

When I become an added active designer Im finding myself suddenly inspired by fonts (talk about geeky). Every once in a while I see the font I’ve recognised about for more than a decade and all of the sudden realize it’s gloriousness. To do, Impact is having its toll in me. I merely love it… nothing additional to say. It’s actually a great bold font in which screams " GO THROUGH ME" For a little bit it was Clarendon, after that Georgia… now I’m back to good ol’ Consequence. What’s your font from the moment I’d like to collect a collection of great fonts. I find that hard to search the thousands out there… one at a period of time I can consider. CHANGE: Names of fonts… not necessarily actual fonts (meaning you should not break copyright rules) ONE. Century Gothic – At all times stylish/minamalistic general purpose sans-serif. ONLY TWO. Ariston – Used this for a project for any Dance/Ballet school (similar towards the typeface shown around the UK KFC adverts) THREE. Haettenschweiler – Large weight font using more character when compared with ‘Impact’ with a bit of an urban/old skool theme about it. – Trebushet MS for text … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Static Background Pic

Working with a problem figuring out to have a background pic that does not move. I have seen them on myspace but never have been able to figure out how to do it by myself… Any Advice maybe someone is known for a script that i could use Employing dreamweaver 8 Yes, you can make a background image fixed using CSS. There’s an example of this at http: //www. w3schools. com/css/tryit. aspfilename=trycss_background-attachment . Only write " background-attachment: fixed" in the CSS for ones " body" aspect. That should work. ok here is the code for the main page, undecided what i’m doing wrong HTML: <! DOCTYPE html page PUBLIC " -//W3C//DTD XHTML ONE PARTICULAR. 0 Transitional//EN" " URL=" http: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd" http: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd/URL" > < html page xmlns=" URL=" http: //www. w3. org/1999/xhtml" http: //www. w3. org/1999/xhtml/URL" > < head> < meta http-equiv=" Content-Type" content=" text/html; charset=iso-8859-1" /> < title> Aletheia Home< /title> < design type=" text/css" > <! — body background-color: #000000; body, td, th font-family: Situations New Roman, Situations, serif; text-decoration: it’s unlikely that any; font-size: medium; . style3 colour: #CCCCCC; font-size: x-large; font-weight: strong; a: link text-decoration: it’s unlikely that any; a: … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Navbar and other help

I am just recently breaking into web site design, and I ended up being wondering if this is halfway decent. Here’s a chek out a screenshot from the website in question: http: //img444. imageshack. us/img444/6079/sitetype1gf2. jpg About my navbar, I’ve set everthing on an external stylesheet to We can easily maintain a theme in the site. At present Relating to two line breaks involving each link inside code for the particular site, because I don’t know how to code it within css (if you know how, please tell me, that will be great). I must set a width with the hover so that i could put a new non-opaque background with it, but since doing this it now pushes every one of my links down whenever I hover over one. Could someone explain to me what I want to add or remove to fix this problem And here is the code WE used: #links boundary: 4px outset rgb(196, 195, 221); size: 110px; height: 375px; background-image: url(linkbg. jpg); drift: right; text-align: facility; #links place: absolute; top rated: 197px; still left: 15px; #links a colour: green; font-family: arial; foam: 0px; text-decoration: it’s unlikely that any; #links any: link text-decoration: it’s unlikely that … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

Help w/table layout

I am designing a website using Dreamweaver in addition to I’m using tables for that layout. I build a vertical navigation bar around the left hand side from the page and towards right of that is definitely another cell (obviously) we am inserting graphics and text towards. However, whenever I add a number of images or loads of text, it causes the contents on the navigation cell to transfer downward and I can’t get them to the top of your page where that they originally were, regardless of the I do. Sorry if this is hard to fully grasp but I dont recognize how else to clarify this. Basically all I’d like to see is a top to bottom navigation bar on the left whose material don’t get messed up once i change the belongings of other tissues within that dining room table! Thanks for a person’s help. Attempt adding valign=" top" on the navigation td HTML: < td valign=" top" > Are you able to post a screenshot Of course the perfect solution could be not to apply tables for system, as these forms of problems are usually not solvable by way of logic because table markup just isn’t … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Browser compatibility…

Initially I want to talk about a big Howdy to everybody since My business is totally new to the present forum in fact it i the first time ever I’m asking something… I like making web models, I am a amateur an Concerning enrolled at a school that provides online designing diplomas… I made our first wed page person and when WE crossed check this with other browsers I almost fainted… I help safari and have got downloaded Firefox and Netscape, in addition Concerning a windows desktop for checking the results with IE plus Firefox for microsoft windows… We’ve uploaded the index chart. html, css and this image folder to aid you to see what We have done… We’ve written it most with textdit (I enjoy markup writing) although, IE and Firefox regarding windows made this disaster… I virtually started crying (I here’s totally new together with XHTML)… please tell me what on earth do you have done as a way to see the page in all browsers (I have additionally added a picture that you can see how the item should look -If you may not have a mac… ) The markup in addition to css is validated with … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Only seeing code!

Hi guys that is probably really simple thing determine but i only don’t knw what exactly i’m doing inappropriate. Not long ago i signed up to some webhost and created a practice website. i uploaded the actual practice site in to my public/html folder because index. html. now while i visit my website all i see may be the html/css code. the url is usually link removed in the event someone could take a look and see where by i’m going wrong that is going to be great. thanks ahead of time. Post your current " index. html" file here and why don’t we see it, as an alternative to a link… because the HTML doesn’t display. Hey I understood what the dilemma is… Might appear to be when I are uploading my webpages there’re somehow being changed… While i go to see the uploaded file responsible panel it looks practically nothing like the original I typed away. My temporary method for this is to set-up my files inside the file manager in charge panel and replicate and paste this code from my personal webdesign software… kinda annoying but I need ideas of of any other solution right now. I … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Link box?

Following looking over this particular tutorial, I figured it all out and it turned out now imprinted in my brain: http: //www. w3schools. com/css/tryit. aspfilename=trycss_link_advanced Nevertheless, one thing this bothers me, when will i make it so it is not for ALL links How to make it so it’s only for my navigation http: //www. w3schools. com/css/tryit. aspfilename=trycss_link_advanced You specify a class for your own links…. Do this example: Code: < html> < style> your. mylink: link, your. mylink: active, your. mylink: visited background-color: transparent; font-family: arial; font-size: 12pt; text-decoration: not one; color: #555; your. mylink: hover background-color: #555; font-family: arial; font-size: 12pt; text-decoration: not one; color: #fff; < /style> < body> This really is an example< br /> < br /> < your href=" #" > An average link< /a> < br /> < br /> < your href=" #" class=" mylink" > My link style< /a> < br /> < br /> < /body> < /html> .

Posted in Web Design | Tagged , , , , , , , , , , | Leave a comment
Page 1 of 212