Jump to content

ben3001

Members
  • Posts

    213
  • Joined

  • Last visited

Everything posted by ben3001

  1. if i had to vote it would be flash ive be learning it pretty slowly but i think im covering the basucs quite well...im not to sure about svg so i cant really comment much but in my opinion i find flash very flexible to use
  2. ben3001

    Tables or Css?

    that reminds me scott did you get the last pm i sent you :?
  3. ben3001

    Tables or Css?

    the main reason why i brought up this topic is because one it make great viewing no just kiddening...the thing is i have been haveing a wee problem with my divs and found that i could not get around it.i admit you have all made very valid points, my problem is that i want to keepy my divs that im using but am finidng it hard to keep them centered, its easier with tables but not what i want maybe some one could help/advise.my site is http://medussa2.atspace.com/test2.htmlmy header is perfectly centered no matter what your resoluotion, but i cannot get the other 3 divs centered for the love of my love, i have no idea what im doing wrongcould you help with the soloution if css this would be highly apprecited
  4. it seems that when i wrapped it all in a div it actually had no effect at all so im unsure of what im doing wrong
  5. and the question you are asking is?
  6. boen that script didnt work for some reason here is moy source code html <head><title> Medussa NightClub Brixton </title><script>function hideLeft(){ document.getElementById('l1').style.display='none'; document.getElementById('l2').style.display='none'; document.getElementById('l3').style.display='none'; document.getElementById('l4').style.display='none'; document.getElementById('l5').style.display='none'; document.getElementById('l6').style.display='none';}function hideRight(){ document.getElementById('r1').style.display='none'; document.getElementById('r2').style.display='none'; document.getElementById('r3').style.display='none'; document.getElementById('r4').style.display='none'; document.getElementById('r5').style.display='none'; document.getElementById('r6').style.display='none';}function toggleMenu(objectID) { var object = document.getElementById(objectID); if (object.style.display =='block') object.style.display='none'; else object.style.display='block'; return;}</script><link rel="stylesheet" type="text/css" href="oldstyle.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="blue.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="style6.css" /><link rel="alternate stylesheet" type="text/css" media="screen" title="brown-theme" href="orange.css" /><style>#l1, #l2, #l3, #l4, #l5, #l6{ display: none}#r1, #r2, #r3, #r4, #r5, #r6{ display: none}body { background-color: #1F1F1F;}.style1 {color: #0066FF}.style2 {color: #0000FF}</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script src="styleswitch.js" type="text/javascript"></script></head><body onLoad="document.getElementById('l1').style.display='block';document.getElementById('r1').style.display='block'"><div class="lmr"><center> <table class="table" width="50%" cellpadding="0" cellspacing="0" ><tr><td align="middle"> <div align="center"><a href="links/home.htm" target="main"><img src="images/header.jpg" width="748" height="69" border="0" /></a> <a href="links/home.htm" target="main">Home</a> | <a href="links/news.htm" target="main">News</a> | <a href="links/calendar.htm" target="main">Calendar</a> | <a href="links/photos.htm" target="main">Photos</a> | <a href="links/about.htm" target="main">About</a> | <a href="http://ernestbevin.contentman.co.uk/docs/contact2.php" target="main">Contact</a> | <a href="links/guestbook.htm" target="main">Guest book</a> | <a href="links/howto.htm" target="main">How to find us</a> | <a href="http://ernestbevin.contentman.co.uk/docs/form3.php" target="main">Book Online</a> | <a href="http://ernestbevin.contentman.co.uk/docs/advertise.php" target="main">Advertise</a></div></td></tr></table></center><br /><div class="left"><b>Night Club Events<b><br /><br />Information</b><br /><br /><span id="l1">Page 1 <br /><br />You will notice there are more pages of information if you click the next button</span><span id="l2">Page 2 <br /><br />This is page 2. If you click next you will see the 3rd page</span> <span id="l3">Page 3<br /><br />This is finally Page 3.</span><span id="l4">Page 4<br /><br />This is page 4.</span><span id="l5">Page 5<br /><br />This is page 5.</span><span id="l6">Page 6<br /><br />This is page 6.</span><br /><br /><span style="position:absolute;top:330px;left:35px"><br />Pages<br /><a href="java script:hideLeft();toggleMenu('l1')">1</a> <a href="java script:hideLeft();toggleMenu('l2')">2</a> <a href="java script:hideLeft();toggleMenu('l3')">3</a><a href="java script:hideLeft();toggleMenu('l4')">4</a><a href="java script:hideLeft();toggleMenu('l5')">5</a><a href="java script:hideLeft();toggleMenu('l6')">6</a></span></div> <div class="theme"> <p><br /> Choose Your Theme: <a href="java script:chooseStyle('red-theme', 60)"></a> <a href="java script:chooseStyle('red-theme', 60)"></a><a href="java script:chooseStyle('none', 60)" checked="checked"></a> <a href="java script:chooseStyle('none', 60)"><img src="images/green2.gif" alt="Green" width="20" height="15" border="0"></a><span class="style2"></span> <a href="java script:chooseStyle('brown-theme', 60)"><img src="images/orange1.gif" alt="Orange" width="20" height="15" border="0"></a> <a href="java script:chooseStyle('blue-theme', 60)"><img src="images/blue.gif" alt="Blue" width="20" height="15" border="0"></a> <a href="java script:chooseStyle('red-theme', 60)"><img src="images/red.gif" alt="Red" width="20" height="15" border="0"></a></span><br /></p></div><div class="middle"> <p><br /> </p> <br /><iframe src="links/home.htm" name="main" frameborder="0" marginheight="0" marginwidth="10" scrolling="no" width="560" height="405"></iframe><br /></div><div class="right"><b>Community Events</b><br /><br />Information<br /><span id="r1">Nightclub 1 <br /><br />Here you can have information about the nightclub</span><span id="r2">Page 2 <br /><br />Hello page 2</span> <span id="r3">Page 3<br /><br />Finally this is the third page yaaaaassssss!!!</span><span id="r4">Page 4<br /><br />page 4</span><span id="r5">Page 5<br /><br />page 5</span><span id="r6">Page 6<br /><br />page 6</span><br /><br /><span style="position:absolute;top:330px;left:35px"><br />Pages<br /><a href="java script:hideRight();toggleMenu('r1')">1</a> <a href="java script:hideRight();toggleMenu('r2')">2</a> <a href="java script:hideRight();toggleMenu('r3')">3</a><a href="java script:hideRight();toggleMenu('r4')">4</a><a href="java script:hideRight();toggleMenu('r5')">5</a><a href="java script:hideRight();toggleMenu('r6')">6</a></span></div><div></body> here is my css a:link { color: #A2D800; text-decoration:none; font-family: verdana; font-size: 10px;}a:visited {color: #8EA707;font: bold 10px verdana;text-decoration:none;}a:hover {color: #E2FF8A;font: bold 10px verdana;text-decoration:underline;}a:active {color: #F0F0F0;font: bold 10px verdana;text-decoration:underline;}body{scrollbar-face-color:#A2D800;scrollbar-arrow-color:#000000;scrollbar-track-color:#333333;scrollbar-shadow-color:#000000;scrollbar-highlight-color:#NNNNNN;scrollbar-3dlight-color:#NNNNNN;scrollbar-darkshadow-Color:#NNNNNN;}body,a {font: bold 10px verdana; color:#ffffff;}body {background-color: #1F1F1F;}h1 { font: bold 20px verdana; color:#ffffff;}.lmr{ text-align: center; margin: 0 auto; text-align: left;}.left{ position:absolute; left:50px; text-align: center; width:130px; background-image: url(images/top4.png); background-repeat: repeat-x; border-style: solid; border-width: 0px 1px 1px 1px; border-color:#A2D800; height: 405px; top: 145px;}.right{ position:absolute; left:811px; text-align: center; width:130px; background-image: url(images/top4.png); background-repeat: repeat-x; border-style: solid; border-width: 0px 1px 1px 1px; border-color:#A2D800; height: 405px; top: 145px;}.middle{ position:absolute; left:210px; width:570px; height:450px; background-image: url(images/top4.png); background-repeat: repeat-x; overflow:auto; border-style: solid; border-width: 0px 1px 1px 1px; border-color:#A2D800; padding:2px; top: 145px;}.theme{ position:relative; left:50%; width:30%; top:-2%; height:10%; text-align: center;}.top{ text-align: right; left:100px; width:900px; top: 140px; }.table{padding-bottom:3px;border-style: solid;border-width: 6px 1px 1px 1px;border-color:#A2D800;} as you can see i tired wrapping it all in a div and it still didnt work im puzzled. im sure there is a soloution to this but im to stupid to see it.also i gave the wrong link i fixed that error with the information showing up on the leftEDIT: aspnetguy: Please use CODEBOX for long pieces of code.
  7. Hi peoplemy screen has been made in resolution in 1024 X 768. On my screen my site is viewing central, but im haivng a view complications whether or not my site is viewing central on screen resoluotions bigger then mine.It would really be apprecited if people could tell me how my site is viewing and possibly give a screen shot of it.If this is the case would anyone have any solutions in centering the site with the divs i have.cheersB
  8. ben3001

    Form Problem.

    also when you upload your files sometimes you have to force the refresh by actually pressing F5 and not the refresh button at the top. i useually have that problem and it works for me
  9. ben3001

    Center

    i have no problem with the header as that is always centered no matter what resolution your viewing at. im happy with that. the div on the left is perfect. but the middle divd and right is now.
  10. ben3001

    Tables or Css?

    I've have recently been browsing a few forums and have noticed people absoloutly hate using tables. If someone uses tables for the layout people do not review the site but the fact that tables ahve been used instead of css.Whats the difference?A site coded via css loads in the same time as a site coded via css. If not quicker due to the fact it does not have to load large style sheets which some people end up creating in css."There is no "real-life" or practical benefits when you start to replace each-and-every-single <table> tag with <DIV> tags and attempt to use full CSS to display your webpages properly across popular browsers. It's one thing to use the regular CSS style to replace the same fonts that will be used all over the place. But it's another when you take little bits and pieces of code out of the page and bury it some huge .css file and then try to figure out and try to remember where they all came from and what each piece of code did 2 months from now"I would love to know what people think, but im already sure of the responses i will recieve. Vote in the poll!
  11. the easiest way to do what you want is make the site in flash then, or parts of it. Flash mx 2006 has prebuilt in components that you can use with fully customizable scrollbars
  12. ben3001

    Center

    ok ive kind of got the site centered but the postioning now is that each div appears below each other, ie in a diagnol positioning first the right div then below that at the corner appears the middle div and then below tht appears the right div at the corner heres the css a:link {color: #A2D800;text-decoration:none;font-family: verdana;font-size: 10px;}a:visited {color: #8EA707;font: bold 10px verdana;text-decoration:none;}a:hover {color: #E2FF8A;font: bold 10px verdana;text-decoration:underline;}a:active {color: #F0F0F0;font: bold 10px verdana;text-decoration:underline;}body{scrollbar-face-color:#A2D800;scrollbar-arrow-color:#000000;scrollbar-track-color:#333333;scrollbar-shadow-color:#000000;scrollbar-highlight-color:#NNNNNN;scrollbar-3dlight-color:#NNNNNN;scrollbar-darkshadow-Color:#NNNNNN;}body,a {font: bold 10px verdana; color:#ffffff;}body {background-color: #1F1F1F;}h1 { font: bold 20px verdana; color:#ffffff;}.left{position:relative;left:4%;text-align: center;width:130px;background-image: url(images/top4.png);background-repeat: repeat-x;border-style: solid;border-width: 0px 1px 1px 1px;border-color:#A2D800;height: 72%;top: 0%;}.right{position:relative;left:84%;text-align: center;width:130px;background-image: url(images/top4.png);background-repeat: repeat-x;border-style: solid;border-width: 0px 1px 1px 1px;border-color:#A2D800;height: 72%;top: 0%;}.middle{position:relative;left:20%;width:570px;background-image: url(images/top4.png);background-repeat: repeat-x;overflow:auto;border-style: solid;border-width: 0px 1px 1px 1px;border-color:#A2D800;padding:2px;top:5%;}.top{text-align: right;left:100px;width:900px;top: 140px;}.table{padding-bottom:3px;border-style: solid;border-width: 6px 1px 1px 1px;border-color:#A2D800;}
  13. ben3001

    Center

    yea i mean my site, for example my site has to be maximized for it to appear in the center, im sure there is css that would allow me to accomplish this.reason being if i resized the browser window, half the content would be missing, i would want is so that the content always appear in the center, no matter what the resolution isim viewing my site at 1024*768 and some people have been viewing the site at a much higher resolution, i would like it if it always appears central
  14. ben3001

    Center

    hey peoplealot of people keep saying your site is not centered with the headers and i really dont know how i would acheive itcould somebody please assit memy site ishttp://medussa2.atspace.commuch appreciatedBen
  15. alternatively you could have your site in 2 frames the main at the top and then in the frame below the music playing, and always have your links open in the main frame
  16. Ok so ive got my first site here: http://medussa2.atspace.com/im sure there is more that can be done to this site but im really unsure as of what. as a designer im looking at the site from a different way a user would look at it, and i would love to hear more about it any minor adjustments.ive got different colours in mind http://medussa2.atspace.com/test2.htmli would love to hear morethanks for the timeBen
  17. what am i talking about...... i found an excellent red colour and now red staysin terms of the steel blue i think dark gradient colours work best on this site
  18. ok people thanks for your feedback.ive improved the blue, the red and the orange.http://medussa2.atspace.com/test2.html
  19. cheers for the fast replyoriginally the site was green but the feedback i recieved from other people was that the green was to sickly and "yucky" i think i will continue to have the theme selector at the top as users can choose what the sites style looks like. people voting here will give me an idea of what i should select the defult theme as. p.s it uses a cookie so what ever theme you select last when you come back to the site the coulour will be the same as you selected
  20. Ok so i have my site http://medussa2.atspace.com/test2.htmlnow i've had mixed reviews about it so at the moment the site seems fine except the colours.could you help me decide what the colour theme for the sitehere i have a few ideas, blue, orange, red, and green which can be viewed here:http://medussa2.atspace.com/test2.htmlclick the colours at the top to change the style.i wondering if anyone as any other ideas, and to leave a vote abovemuch aprreciatedB
  21. ben3001

    FREE DOMAINS

    i think the best free web hosting site around is www.atspace.comive been with them for along time till im happy with a site i design, then ill buy their premium hosting.yea you get a sub domain but no ads what-so-ever.if they had php it would be marvelous, also i have never experienced any down time with them sothumbs up for atspace!!
  22. i tired this way along time ago and realised mailto doesnt work. you must use serverside scripting like phpbasic php form script can be found here with tutorialhttp://www.christian-web-masters.com/artic...ail-form-2.html
  23. yea thanks raimo ive finally found a site that gives free webhosting and has phpeasy sign up no problems
  24. ben3001

    CSS Layout

    yea the problem is alot of that page is built up of images, is there possibly a way somebody could help change that?im not very good at coding
  25. ben3001

    CSS Layout

    Hey peepsI got my site http://medussa.atspace.com/ but what ive been told by people is loading time is a bit long... therefore they insisted it would be best to use css to design the layout. I have had a look at tutorials etc but im just hopeless is there anyone that would be willing to helpvery much appreciated Ben
×
×
  • Create New...