Jump to content

[Coyot3]

Members
  • Posts

    29
  • Joined

  • Last visited

Posts posted by [Coyot3]

  1. in my browser (Safari) your footer is on bottom.i supose that you want a white space between your three middle bars. to do this you just have to define a footer margin like

    #footer {border: 1px solid #ccc;margin: 20px 0 0 0;padding: 4px;background-color: #000000;font-size: 16px;  color: #FFFFFF;}

    if you want to put your footer in the bottom of the page set position to absolute and bottom to 0.

  2. maybe your problem is here:

     h1.floatleft{float: left;padding: 5px 0px 5px 5px; width: 99%;}

    if your h1.floatleft has 99% of page with the object that will appear on the right of h1.floatleft only can have 1% of page width (or other object with).Reduce h1.floatleft width and i supose you will get your problem solved.enjoyPaulo A. Silva

  3. I'm sorry but here i only can check with Safari and FireFox. I'm a OS X user :) I'm thinking about your problem i got other. your left side height is less than your content space, so you will get your text around your menu.Writting your content box on the left you can use float: left without problems.I will check a way to solve this and i will say you later. Sorry.OK, i supose that i got want you want:

    <!-- HTML PAGE--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><link href="main.css" media="all" type="text/css" /><title>Untitled Document</title></head><body>	<div id="header">		<h1>your header</h1>	</div>	<div id="leftSide">		<ul>			<li>link1</li>			<li>link2</li>			<li>link3</li>		</ul>	</div>	<div id="mainArea">		<p>your contentsasdasdasdasdaaaaaaaaaaaaaaaaaaaaaaa</p>		<p>more content</p>		<p>other lines...</p>		<p>more</p>		<p>mores</p>		<p>more</p>	</div></body></html>

    /*CSS file*/#header{	border: 1px solid #0000BB;}#leftSide{	border: 1px solid #33FF66;	width: 200px;	position: relative;	float: left;}#mainArea{	border: 1px solid #CC00CC;	position: absolute;	float: right;	left: 210px;}

    I recommend you to read this article.Paulo A. Silva

  4. to take out all space around the text do this:

    h1{   margin: 0;   padding: 0;}

    to check if everything is OK you can set borders like this:

    h1{   border: 1px solid red;}

    now you know how are yours h1's. than set border to 0.Paulo A. Silva

  5. Do you know that all this code

    scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#000033; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#000066;scrollbar-track-color:#000099; scrollbar-shadow-color:#000033

    is not standard and will only work under Internet Explorer?You will get in trouble to validade the code :) Paulo A. Silva

  6. maybe with JavaScript you can write a function that prints the menu and than you only have to call this function.

    function drawMenu(){   document.write("<a hre=\"page1.html\" target=\"_self\" title=\"go to page1\">page1</a>");   document.write("<a hre=\"page2.html\" target=\"_self\" title=\"go to page2\">page2</a>");}

    in every page include this at <head> section put this:

    <script src="xxx.js"></script>

    (I supose that you named your file xxx.js)Later, where you want to draw the menu you only have to do:

    <script type="text/javascript">   drawMenu();</script>

    By this way to will not need server side languages like PHP.Paulo A. Silva

  7. if you are developing some kind of "application" to distribute online will be better with a backoffice.Imagine that a kid wants use your poll but he doesn't know nothing about html/php. will be easier with a page to configure the poll options.don't worry about security. make online a page to setup de database values for poll options.

  8. Hi, i supose that you are getting a common problem and the origin is the diferent box model between IE and FF.You can check here how it works.The page box is a special kind of box that is described in detail here.A lot of times you will have to use what we call "hack" to get (almost) the same result with (almost) all browsers.Take a look here to try to solve your problem.Paulo A. Silva

  9. if you want open a new page inside an iframe, you have to set de iframe name in getURL instruction like that:

    //supose that your iframe name is "my_iframe"on(release){   getURL("my_page.html", "my_iframe");}

    documentation herePaulo A. Silva

  10. what you want is possible to do with CSS but imagine that you have a paragraph with 3 line.The first 2 lines are full and the last one finish before the others. Here you will get the same problem.you can create a span element and set the background color. Than you get something like this<p><span class="highlight">bla bla bla bla</span></p>

    <html><head><style type="text/css">span.highlight{background-color:yellow}</style></head><body><p><span class="highlight">This is a text. This is a text. This is a text. This is a text. This is a text. This is a text. This is a text. This is a text. This is a text.This is a text.</span></p><p><span class="highlight">hahaha</span></p></body></html>

    See if like in example you get your problem solved.Paulo A. Silva

    HELP

    you have a lot of ways.the easy one is to draw some pictures and save them with names like 1.jpg, 2.jpg. than you register one by one on your database (or a file) with the respective combination. at last generate a number between 1 and the major name image you have and load than and the information placed into the file.other way is play with GDlib (my favourite :)). Draw a runtime picture with what you want (numbers, letters etc).First you have to generate the string and save it (a variable is enought). Print the image on the screen with a form. Get the typed value and compare with the variable value.Paulo A. Silva

  11. with this line

    document.write("<body background = " + background + ">");

    if your variable had as value "image.jpg" you are writting this

    <body background = image.jpg>

    and it is not correct. '"' are missing! see hereanyway i didn't test if the problem stay solved but how i said is the right way.I supose that you will have some problems because if de visitor had javascript disabled nothing will be written.Why not use xml or other system to configure the page?

  12. Hi,<ul> inside <ul> (unordered lists inside other unordered list) is not standard and we can't validate a xhtml with them.According to w3c Recommendation inside <ul> are only expected <li> elements. But if one of our element is other list?How can we solve this problem to be able to validate as XHTML 1.0 Transitional?Best RegardsPaulo A. Silva

×
×
  • Create New...