Skip to content
View in the app

A better way to browse. Learn more.

Tip.It Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Need HTML help

Featured Replies

Well I gave making my own website a try. I only have the home page done so far.

 

 

 

When I look at it, the thing that bugs me is that its not big enough to fill up the screen. What I want is to have my "main area" to the right of the screen and use a repeating background to the left that'll make it full the screen.

 

 

 

Also, I'll be posting my gfx stuff there, so where would i find codes to have an image viewer box...thing.

 

 

 

Here's what I got so far, so read too much into any of the content, just threw it there to fill it up for now.

 

 

 

Here's the link: www.anawati.ucoz.com

 

 

 

Even though the webhost is ucoz, I didn't use any of their premade templates, the web page was made only by me.

 

 

 

Thanks! :)

  • Author

Just noticed i spelt signatures wrong. :wall:

 

 

 

And my text under recent seems to be out of place....hmm

I think you spelled speechless wrong.

10postchm2105.png

8,180

WONGTONG IS THE BEST AND IS MORE SUPERIOR THAN ME

#1 Wongtong stalker.

Im looking for some No Limit soldiers!

  • Author
Start over, no tables.

 

 

 

Care to elaborate before you tell me to start over? :roll:

  • Author
I think you spelled speechless wrong.

 

 

 

I know, I just realized Ps had a spell check! Need to fix all that.

 

 

 

if you guys see anything strange at the bottom of the page, just ignore it, i'm experimenting with some codes.







Header.png


ThumbBar.png


BodyText.png


Footer.png






Oh sorry, I meant the coding was horrific, it looks great though :P

 

 

 

But yeah, people wont take you seriously at all if your website is in tables.

Ah, I believe you may have used Photoshop's save for web and devices tool? If so, don't use it! Of course, the design is great, you should really just start the coding part over again.

 

 

 

You have got most of the images sliced correctly, but for the menu, save each word as it's own image, or just don't save it at all and use plain text (HTML). I don't know how much exactly you know of XHTML/CSS, so I won't treat you like you have no knowledge ;)

 

For the background repeat you wanted;

 

 

 

The CSS for it would be:

 

body {

background:url(http://example.com/image/) #000000 repeat scroll 0 0;

}

 

It's pretty self-explanatory; find more detail on CSS in links below.

 

 

 

It's quite hard to explain how to do everything correctly here, so I'm going to link to some useful guides that you may find handy :thumbup: (no pun intended).

 

 

 

Design and Code a Slick Website from Scratch Part I

 

Design and Code a Slick Website from Scratch Part II

 

Coding a Clean Web 2.0 Style Web Design from Photoshop

 

30 HTML Best Practices for Beginners

 

How to Convert a Photoshop Mockup to XHTML/CSS

 

HTML & CSS - The VERY Basics

 

 

 

There are more that I could link to, but it's just important right now to understand the structure of websites, and understand how it works. Hope I could have helped :thumbup:.

  • Author

Thanks for all the help guys! Very much appreciated. :thumbsup:

Use divs sparingly- Use other elements like ul, li, dt, dl, dd (etc.) not just divs (And spans for that matter, although they are easier to not overuse).

C2b6gs7.png

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.