SitePoint Forums - Getting Started With Web Design

Space between images and text

bladefist — Fri, 17 May 2013 18:42:08 GMT

Hi all,

http://www.cookingexchange.info/

I'd like to put a bit of breathing room between the images and post excerpts (including the "Read More" buttons"). I have no idea what section of css governs this.

Also in the third column "Advertising" I'd like to put a line break between banners. Is this possible?

Thanks.

browser issue?

cyberwalebaba — Tue, 14 May 2013 20:16:06 GMT

Hello mates, I hope you all are doing good..
I have a blog where i am facing browser issue, when i am viewing this blog in firefox..everything looks good..but when i am doing the same with chrome...there is some rendering problem with images..kindly let me inform about the solution thanks you..

Wordpress website working on Chrome, not working on Firefox

mpnzep — Tue, 14 May 2013 14:09:04 GMT

Hi.

I�ve developed a wordpress website.

So far, it�s tested only on Chrome.

When I try to launch the website on Firefox, I get loss of background image alignment, use of certain fonts, etc.

Here is the site:

http://www.mpn.p.ht/wp_br2/

If you have Chrome and Firefox, you will notice the discrepancy.

What should I do?

Thanks!

Suggestions to improve flat website design

madhubasu — Sun, 12 May 2013 13:37:02 GMT

Hi
I am a newbie in we designing and tryin to give a flat look to my profile website...Need your suggestions for the "portfolio" section as I am unable to bring abt a flat look to the images (taken thru printscreen for the websites Ive designed)
url of my site:http://www.clouditheaven.com/#portfolio

Artist needs Image Gallery advice

Tony NY — Fri, 10 May 2013 03:59:50 GMT

Hi,
I'm new here and in awe of you guys and gals! Fortunately, I already have a wonderful web site that was made for me by a very nice young man just out of college. Unfortunately, he has moved out of the area and I have been unable to contact him. I'm an artist and I need advice on how to add a simple, basic "Image Gallery"? to one of the pages of my site. I need one image at a time per page with a < (previous) arrow to the left of the centered painting and a > (next) arrow to the right. Under the painting I would like four lines of text describing the work (title, material, size, and price. Which forum do I go to for this information? Thank you very kindly for your help as I am not knowledgeable in web site design. I know how to access my HTML web pages and change text, paste a few lines of code or add a link, but that's it. I have not added my web site address because I'm not sure if it's appropriate to do so. If requested, I will be happy to do so if it helps to solve my problem. Thank you all for any kind advice you give me.
Respectfully,
Tony

Table fields hiding behind each other

rmossman — Thu, 09 May 2013 23:00:42 GMT

I'm using a table to create a form for gathering data to put into a database. I realize that's "old school", but for now, just go with it. 8-)

There are 6 fields (2 radio buttons, 3 text fields, and 1 checkbox) and a button in the row. When the browser window is wide enough, all is fine. When the browser window is shrunk below 15", the third text field seems to slip "behind" the second text field. It's still accessible, you just can't see it. If you put your cursor in the second field, type something, then tab to the third field, you can see the cursor but it still appears to be in the second field. Type something (which you can not see, but you can see the cursor move) and hit the submit button and all the data (including what you couldn't see) is added to the database.

What do I need to change to make all the fields always be visible? It's OK if they change sizes as the browser is resized. Or, maybe, you have a better solution.

Thanks.

Good programs to learn to be a web developer.

kmnzombie843 — Thu, 09 May 2013 19:49:33 GMT

Hello. Everyone. I would like to know what other programs are there that is helpful to gain skills to become web developer. I'm currently learning HTML5, CSS, Javascript, and JQuery. I'm pretty new to web design/development. I also heard PHP and MySQL is good program to learn. Is it good to have experience on graphic design programs such as Adobe Photoshop and Illustrator? I also want to know how many daily hours does the web developers invest to keep up with their skills. I know web design and web development is different thing. Is it good idea to start as web designer and then take steps into coding? Your answer would be very appreciated. Thank you.

BTW those two web pages that I created with PNG files that I created from adobe program and coding with HTML and CSS. Followed some other designer's styles. See what you think and I would love to have constructive feedback.

mybiography.jpg kiminpage1.jpg

Attached Images

mybiography.jpg (175.0 KB)
kiminpage1.jpg (143.5 KB)

Creating a product catalog

mpnzep — Thu, 09 May 2013 17:58:52 GMT

Hi.

I�d like to know..

What should I use divs or table to create an online product catalog?

Which would be the better way?

Why?

Thanks.

Using multiple tfoot tags.. is it possible?

mpnzep — Thu, 09 May 2013 15:10:23 GMT

Hi.

While trying to make a product catalog, with 3 columns and 3 rows..

I faced myself with this problem..

How could I add a footer for each cell of each row?

Is it possible to use tfoot more than once?

If no, the workaround is to use css, right?

Barry360 — Thu, 09 May 2013 03:58:50 GMT

I'm trying to make some bold and italic text.
When I use it effects all the text even though I'm using
at the end of the text it still effect text further down the page?
How do I then isolate?
Thanks

Changing image credit to "on hover"

bladefist — Wed, 08 May 2013 17:26:37 GMT

Hi all,

Take a look http://www.cookingexchange.info/

Is there a way to at least make the image header link invisible unless you "mouse over" it?

The image changes but an example link that I want to alter is
Image credit: tonobalaguer / 123RF Stock Photo

Thanks

Need to build! Not sure where to start. Please read!

dbnjzb — Wed, 08 May 2013 13:47:19 GMT

So, 'm staying home with the kids but need to get myself started in what I really want to do. I'm working to acquire the skills to make it! HTML, CSS, JS, Ruby etc.

I can't get myself to start building my first website. I've taken teamtreehouse.com courses, codecademy and some codeschool courses and also watched some lynda.com. i thought i knew my stuff but haven't been able to practice much to put it to the test. It's hard for me to sit down and start writing! Partly bc of the kids partly bc of ADD! I feel I'm ok with my html and CSS but not so much JavaScript or jquery. Should I learn these first before jumping in? Are there any other languages I should be proficient in? I want to do front end work but would also like to do some back end and some Wordpress. I'm kind of all over. Guidance?? Please.

Any tips to get started? Any tools I should have in my arsenal as in snippets, templates, or the like? I feel like if I use things like that it a crutch! Is that bad or am I just being nuts?

It gets a little frustrating! I need to build a portfolio but I don't know what to build. Not sure where to start. I would appreciate any guidance/tips please!

Thank you so much!

Dave

Notepad to Dreamweaver

nicky8694 — Tue, 07 May 2013 20:56:15 GMT

When i hand code a webpage in Notepad++ and then open it in Dreamweaver the layout is all over the place but when i look in the browser it looks normal
why is this and how can i correct it Thank you

Where to start in web designing?

jillspencer — Mon, 06 May 2013 06:31:05 GMT

I have always been interested in web designing but the problem is that I don't know where to start particularly when it comes to the needed tools. Aside from that I know that there are some considerations or guidelines that needs to be considered in web designing and I wanna know when and how to apply it when making a design already.
Can somebody give me an idea? :(

Mockup and creativity

nofel — Wed, 01 May 2013 21:46:36 GMT

Hello,
I am a mix of web designer and developer. But i have no "wow" skills for designing. I really would like to know how to be good at designing, colors and font, typography. I sometimes feel confused of what am i. designer or developer because i would like to get better at mockup, designing, color schemes, forms, layout. any adivces?