BetaArchive Logo
Navigation Home Database Screenshots Gallery Image Uploader Server Info FTP Servers Wiki Forum RSS Feed Rules Please Donate
UP: 0d, 5h, 6m | CPU: 36% | MEM: 4797MB of 10677MB used
{The community for beta collectors}

Forum rules


Any off topic discussions should go in this forum. Post count is not increased by posting here.
FTP Access status is required to post in this forum. Find out how to get it


Post new topic Reply to topic  [ 16 posts ] 
Author Message
 PostPost subject: CSS/HTML Alert Box        Posted: Sun Apr 05, 2009 8:22 pm 
Reply with quote
Donator
Offline

Joined
Sat Apr 04, 2009 3:28 pm

Posts
82

Location
NS, Canada

Favourite OS
Windows XP SP3
I found a website which explained how it was done, but I can not find it anymore. Anyway, what I want to do is basically like this:

Image

Any ideas?


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Sun Apr 05, 2009 8:28 pm 
Reply with quote
Donator
User avatar
Offline

Joined
Sun Feb 03, 2008 10:49 pm

Posts
178

Location
Southampton, UK

Favourite OS
Windows 7 Business
designed or browser orrientated? If it s browser you just looking for extensive javascript alerts

_________________
[url=uk.linkedin.com/in/jakemchugh/]Connect on Linkedin[/url]
|
Follow on Twitter


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Sun Apr 05, 2009 11:08 pm 
Reply with quote
Donator
Offline

Joined
Sat Apr 04, 2009 3:28 pm

Posts
82

Location
NS, Canada

Favourite OS
Windows XP SP3
I dont mean a pop up, just a basic box on a webpage. Sorry if I called it by a wrong name.


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Sun Apr 05, 2009 11:38 pm 
Reply with quote
Administrator
User avatar
Offline

Joined
Fri Aug 18, 2006 11:47 am

Posts
12562

Location
Merseyside, United Kingdom

Favourite OS
Microsoft Windows 7 Ultimate x64
It wouldn't be done in CSS/HTML, it would be Javascript.


Code:
<script type="text/javascript">
alert("This is an alert box!");
</script>


You could add a button to run a function that brings the box up if you wanted. That will just bring it up on page load.

_________________
Image

BetaArchive Discord: https://discord.gg/epK3r6A


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Mon Apr 06, 2009 9:03 pm 
Reply with quote
Donator
User avatar
Offline

Joined
Sun Feb 03, 2008 10:49 pm

Posts
178

Location
Southampton, UK

Favourite OS
Windows 7 Business
Yeah the code andy posted makes a javascript alert. To have a basic box thats just two divs and some CSS.

_________________
[url=uk.linkedin.com/in/jakemchugh/]Connect on Linkedin[/url]
|
Follow on Twitter


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Tue Apr 07, 2009 1:05 am 
Reply with quote
Donator
Offline

Joined
Sat Apr 04, 2009 3:28 pm

Posts
82

Location
NS, Canada

Favourite OS
Windows XP SP3
"To have a basic box thats just two divs and some CSS."

Yeah, thats what I want to do. Im pretty sure they were using tables though.

Whats better?


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Tue Apr 07, 2009 1:58 am 
Reply with quote
Donator
User avatar
Offline

Joined
Tue Aug 12, 2008 7:37 pm

Posts
2381

Location
United States
A table is probably simpler.


Top  Profile
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Thu Apr 16, 2009 11:29 am 
Reply with quote
FTP Access
User avatar
Offline

Joined
Sat Jun 09, 2007 4:33 pm

Posts
30

Location
Brisbane, Australia

Favourite OS
Se7en #7068
From what I can gathher, you wish to style two DIVs into an alert box sort of style thing and then, utilising the majestical powers of Javscript, have it appear before the the web page's veiwer(s).

DIVs are more.. modern. If you're willing to learn, best you navigate away from tables and use DIVs for everything you can. Stick to tables for data - use them for the same reason you do Office Excel. One of those funny web design conventions. Anyway.

Using some basic Javascript (gives you the interactivity you desire), CSS (pretty colours and pixel perfection) and HTML, you can achieve this easily and will find a cornucopia of resources on the web via Google.

I find http://www.w3schools.com/ to be reather excellent.

_________________
Sig image removed by admin because it was requesting a username and password.
"just keep going and going and going and going and going and going and..."


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Thu Apr 16, 2009 12:52 pm 
Reply with quote
Staff
User avatar
Offline

Joined
Wed Apr 11, 2007 2:11 pm

Posts
2607

Location
Germany, Earth

Favourite OS
Windows 10
I hope this helps you: http://temp.windowswiki.info/Miscellaneous/box.htm :wink:

_________________
MS vNext: Windows 10 ESD Database - Windows 10 Build Labs - Windows 10 Update Archive - Office 2016 Version Tracker - Office Downloader


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Thu Apr 16, 2009 10:23 pm 
Reply with quote
Donator
User avatar
Offline

Joined
Fri Jun 13, 2008 10:22 am

Posts
2365
Using tables for layouts is generally frowned upon these days. They're for organizing data and nothing else. Of course it would work just fine but you get more flexibility with divs.


Top  Profile
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Thu Apr 16, 2009 10:39 pm 
Reply with quote
Administrator
User avatar
Offline

Joined
Fri Aug 18, 2006 11:47 am

Posts
12562

Location
Merseyside, United Kingdom

Favourite OS
Microsoft Windows 7 Ultimate x64
Sometimes it can be useful to use a combination of DIV's and tables when making a layout. Especially if you need to make columns for text, as its bloody difficult to get DIV's to align properly sometimes. It'll work in one browser and not another because IE has this 3px problem with margins. It has a work around, but it doesn't always work. Its pot luck.

_________________
Image

BetaArchive Discord: https://discord.gg/epK3r6A


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Fri Apr 17, 2009 4:10 am 
Reply with quote
FTP Access
User avatar
Offline

Joined
Sat Jun 09, 2007 4:33 pm

Posts
30

Location
Brisbane, Australia

Favourite OS
Se7en #7068
Andy wrote:
Sometimes it can be useful to use a combination of DIV's and tables when making a layout. Especially if you need to make columns for text, as its bloody difficult to get DIV's to align properly sometimes. It'll work in one browser and not another because IE has this 3px problem with margins. It has a work around, but it doesn't always work. Its pot luck.


OT: What about IE8? :P

_________________
Sig image removed by admin because it was requesting a username and password.
"just keep going and going and going and going and going and going and..."


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Fri Apr 17, 2009 9:47 am 
Reply with quote
Administrator
User avatar
Offline

Joined
Fri Aug 18, 2006 11:47 am

Posts
12562

Location
Merseyside, United Kingdom

Favourite OS
Microsoft Windows 7 Ultimate x64
What about it?

_________________
Image

BetaArchive Discord: https://discord.gg/epK3r6A


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Fri Apr 17, 2009 9:32 pm 
Reply with quote
Donator
Offline

Joined
Sat Feb 24, 2007 4:14 pm

Posts
6612

Location
United Kingdom

Favourite OS
Server 2012 R2
It does render things properly? At last. Got a bit of work to do elsewhere (Acid3 shows that), but CSS Support is finally at an acceptable level.

_________________
BuildFeed - the ultimate collaborative NT build list - Windows Longhorn - a look at a defining Microsoft project


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Fri Apr 17, 2009 10:47 pm 
Reply with quote
Donator
Offline

Joined
Sat Apr 04, 2009 3:28 pm

Posts
82

Location
NS, Canada

Favourite OS
Windows XP SP3
Daniel wrote:


Woah, thanks! Thats wonderful!


Top  Profile  WWW
 PostPost subject: Re: CSS/HTML Alert Box        Posted: Wed Jul 01, 2009 4:04 pm 
Reply with quote
You should look into the Prototype Window System - It's pretty fast and will let you give the box effects and make it movable,
otherwise just use some basic CSS:-

Code:
<div style="width:300px;height:150px;background-color:#eeeeee;border-style:solid;border-width:1px;border-color:black">
<div style="width: 100%;background-color:grey;text-align:center;color:white;padding-top:12px;padding-bottom:12px;font-size:15px">
This is the header of the box
</div>
<div style="padding:10px;color:grey">
Lorem ipsum dolor sit amet, etc etc etc
<br />You know what it goes like...
</div>


Top
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 16 posts ] 




Who is online

Users browsing this forum: No registered users and 12 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Jump to:  

All views expressed in these forums are those of the author and do not necessarily represent the views of the BetaArchive site owner.

Powered by phpBB® Forum Software © phpBB Group

Copyright © 2006-2019

 

Sitemap | XML | RSS