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.

Basic CSS layout

Featured Replies



















SITE_TITLE





:: <? echo $_GET['p']; ?> ::

















[ link ]









[/code]

 

 

 

 

 

 

 

page/$page.php

 

 

 

         



:: contentHead





















              :: quoteHead











              Some more text





















 

 

 

 

 

 

 

includes/overall_footer.php

 

 

 

         









:: Compatability and Compliancy

















Content copyright YOUR_NAME, 2005.

Layout copyright Richard Simon, 2005.














Verdana is evil ;)

 

 

 

Anyhow, just looking through it, I think you could make it smaller as such:

 

 

 

 

 

 

 

   margin-left:   auto;



  margin-right:  auto;



  margin-top:    0px;



  margin-bottom: 0px; 

 

 

 

becomes:

 

 

 

margin: 0px auto;

 

 

 

 

 

 

 

And

 

 

 

   border-top:    1px dashed #484848;



  border-left:   1px dashed #484848;



  border-right:  1px dashed #484848; 

 

 

 

Becomes

 

 

 

border: 1px dashed #484848;  



border-bottom: 0px none transparent;



 

 

 

 

 

 

 

Obviously this is just tweaks, but it should just work, and it looks neater ;) (though one could argue it's harder to understand like this)

  • Author

They can tweak it themself...

 

 

 

 

 

 

 

 

 

 

 

Verdana is not evil. My font-family consits of fonts which were designed to be displayed on computer monitors :P

 

 

 

 

 

 

 

If you want evil, try Times :x

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

And I just noticed something....

 

 

 

The example $page I posted:

 

 

 

 

 

 

 

          



:: contentHead 



 













 



              :: quoteHead 



 



 



              Some more text 



 













 



 

 

 

 

 

 

 

3 div layers deep and it breaks in IE.

 

 

 

the .quoteHead and .quoteBody divs are hard left against the .contentBody, despite having set an auto magin which works for all the others :-?

 

 

 

 

 

 

 

*shrug*

 

 

 

 

 

 

 

Weird stuff. My sister suggested changing it to have a 5px margin or whatver for the .contentBody, but meh. The CSS is valid, i'm not going to write a hack for IE since it's a problem with the browser. Already got enough of them in the CSS as it is :x

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.