logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-12-2013, 03:39 PM   #1
Jose Moreira
 
Join Date: Sep 2013
Posts: 5
Default Doubts about website!!

Hello everybody, in the present i´m creating a website and i´m on an advanced step,


However there are some little details that i need your help, i´m doing an effort of research and some programming languages do part of my interests and i can in the future obtain or not it depends of my effort a job or a professional internship on this area.


Therefore, i have for the moment one objective that is finish my website for that i consider your help essential to clarify some little doubts that worry me.


Thus i would be immense grateful for your colaboration since this website it´s my personnel marketing that could open the doors for a job only need your support to organize it in the best possible way.

My doubts are the following:


1)- How to center the "javascript´s aplications" that are below on the "navigation menu"? It lacks me only to center the table of weather.

2)-How i can put the "chat´s table" on the right corner pull in the "footer"?

3)-Como visualizar o site em toda a área do ecran do computador? Como posso colocar o site todo direito?

4)-How to visualize the website in all the screen area of the computer? How i could put the all website right?


5)- How to create the margins among each one of the icons (Facebook, twitter, e.g) situated below the "banner"?



So i would like, please to indicate me on the dreamweaver code the changes that i have to do, underlining on the color red (for example, or other color) and putting notations with the respective changes to make.


I expect your answer brefly.


Below is a code of the dreamweaver:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="site.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.calendarTable {
background-color:#eee;
color:#333;
border: 1px solid #bbb;
width: 100px;
}
.calendarTable td {
text-align: center;
padding: 2px 1px 2px 1px;
}
.calendarTable td.monthHead {
font-weight: bold;
border: 1px solid #bbb;
background-color:#ddd;
}
.calendarTable td.weekDay {
font-weight: bold;
}
.calendarTable td.monthDay {
border: 1px solid #ddd;
}
.calendarTable td.currentDay {
font-weight: bold;
color:#ad5;
border: 1px solid #aaa;
}
</style>
<script type="text/javascript" language="javascript">
/** Function to display a Calendar based on javascript. **/
function calendar() {
// Get the current date parameters.
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();

var months = new Array('January','February','March','April','May',' June','July','August','September','October','Novem ber','December');
var monthDays = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var weekDay = new Array('Mo','Tu','We','Th','Fr','Sa','Su');
var days_in_this_month = monthDays[month];


// Create the basic Calendar structure.
var calendar_html = '<table class="calendarTable">';
calendar_html += '<tr><td class="monthHead" colspan="7">' + months[month] + ' ' + year + '</td></tr>';
calendar_html += '<tr>';
var first_week_day = new Date(year, month, 1).getDay();
for(week_day= 0; week_day < 7; week_day++) {
calendar_html += '<td class="weekDay">' + weekDay[week_day] + '</td>';
}
calendar_html += '</tr><tr>';


// Fill the first week of the month with the appropriate number of blanks.
for(week_day = 0; week_day < first_week_day; week_day++) {
calendar_html += '<td> </td>';
}
week_day = first_week_day;
for(day_counter = 1; day_counter <= days_in_this_month; day_counter++) {
week_day %= 7;
if(week_day == 0)
calendar_html += '</tr><tr>';
// Do something different for the current day.
if(day == day_counter) {
calendar_html += '<td class="currentDay">' + day_counter + '</td>';
} else {
calendar_html += '<td class="monthDay"> ' + day_counter + ' </td>';
}
week_day++;
}
calendar_html += '</tr>';
calendar_html += '</table>';
// Display the calendar.
document.write(calendar_html);
}
</script>


<!-- This part can go in the head of the html file -->


<script language="JavaScript" type="text/javascript">
<!-- Copyright 2003, Sandeep Gangadharan -->
<!-- For more free scripts go to http://sivamdesign.com/scripts/ -->
<!--


function sivamtime() {
now=new Date();
hour=now.getHours();
min=now.getMinutes();
sec=now.getSeconds();


if (min<=9) { min="0"+min; }
if (sec<=9) { sec="0"+sec; }
if (hour>12) { hour=hour-12; add="pm"; }
else { hour=hour; add="am"; }
if (hour==12) { add="pm"; }


document.timeForm.field.value = ((hour<=9) ? "0"+hour : hour) + ":" + min + ":" + sec + " " + add;


setTimeout("sivamtime()", 1000);
}
window.onload = sivamtime;
</script>




</head>
<body>
<div id="layout">
<div id="topo"><img src="images/jose.jpg" width="960" height="100" alt="Jose Moreira" /></div>
<div id="bandeiras">
<div align="right"><img src="images/mapadosite.jpg" width="30" height="15" alt="mapa do site" /><img src="images/home.jpg" width="30" height="15" alt="home" /><img src="images/rss.jpg" width="30" height="15" alt="rss" /><img src="images/portugues.jpg" width="30" height="15" alt="português" /><img src="images/ingles.jpg" width="30" height="15" alt="inglês" /><a href="http://www.facebook.com"> src="images/facebook.jpg" width="30" height="15" alt="facebook" /></a><a href="http://www.linkedin.com"> src="images/linkedin.jpg" width="30" height="15" alt="linkedin" /></a><a href="https://twitter.com"> src="images/twiter.jpg" width="30" height="15" alt="twitter" /></a></div>
</div>
<div id="conteudo">
<h3>Apresentação</h3>
<p> Este site foi construído com o intuito de ser uma partilha para outras pessoas, sendo o meu marketing pessoal e considero também ser uma demonstração da minha aprendizagem de novos conhecimentos nas diferentes áreas de programação como HTML e Javascript, embora a minha formação de base seja uma Licenciatura em Sociologia. Contudo agradecia imenso as vossas sugestões e opiniões, pois há sempre aspectos a mudar se queremos progredir para melhoramos e aperfeiçoarmos as nossas competências. Assim, o vosso feedback é muito importante.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>

<!-- chat -->

<p><a id="ewclink" href="http://www.everywherechat.com/">>
<br />
<script src="http://www.everywher...170&theme=night">>
</div>
<div id="menu_navegacao">
<p><a href="#">Introdução</a> <a href="#">Clientes</a> <a href="#">Novidades</a> <a href="#">Contato </a></p>
</div>


<!--calendar -->


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


<!-- clock-->


<p><center><form name="timeForm">
<input type=text" name="field" value="" size="10">
</form></center></p>




<!--Weather-->


<div align="center" id="cont_44195f23474f208a222d258bb1143f4d">
<span id="h_44195f23474f208a222d258bb1143f4d"><a id="a_44195f23474f208a222d258bb1143f4d" href="http://www.tempo.pt/" target="_blank" style="color:#808080;font-family:Times New Roman;font-size:14px;">Clima</a> Viana do Castelo</span><script type="text/javascript" src="http://www.tempo.pt/...22d258bb1143f4d">>
</div>


<!--visits counter -->


<p><center><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="13%" id="AutoNumber1" height="27">
<tr>
<td width="100%" height="27"><script language="javascript" src="http://www.countads....=791&cmd=cookie">
</script>
<p align="center">
<img src="http://www.countads....91&cmd=img_only" border="0" width="151" height="21" ><br>
<span style="font-family: arial, verdana, sans-serif; font-size: 8pt">
<a href="http://www.ocio-full.blogspot.com">>
</tr>
</table></center></p>


<!--radio online -->


<div id="container"><a href="http://www.macromedi.../getflashplayer">Get the Flash Player</a> to see this player.
<a href="http://www.shoutcheap.com/shoutcast/">shoutcheap shoutcast server hosting</a>
<a href="http://www.shoutcheap.com/icecast/">shoutcheap icecast server hosting</a></div>
<script type="text/javascript" src="http://www.shoutchea...er/swfobject.js">>
<script type="text/javascript">
var s1 = new SWFObject("",
"ply","190","20","9","#FFFFFF");
s1.addParam("allowfullscreen","true");
s1.addParam("allowscriptaccess","always");
s1.addParam("flashvars",
"file=http://ipaddressort/;stream.nsv&type=mp3&volume=50&autostart=true");
s1.write("container");
</script>


<!--footer -->


<div id="rodape"><p></p></div>
</body>
</html>

/* CSS Document */
#topo img {
height: 100px;
width: 960px;
}
#bandeiras {
background-color: #09F;
}
#menu_navegacao a:link {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: capitalize;
color: #FFF;
text-decoration: none;
background-color: #09C;
display: block;
margin: 2px;
padding: 10px;
height: 20px;
width: 150px;
border: thin solid #999;
}


#menu_navegacao a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: capitalize;
color: #000000;
text-decoration: none;
background-color: #A6E9FF;
display: block;
margin: 2px;
padding: 10px;
height: 20px;
width: 150px;
border: thin solid #999;
}




#conteudo {
background-color: #E6E6E6;
clear: right;
float: right;
height: 800px;
width: 750px;
text-align: left;
}
#rodape {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFF;
background-color: #000;
text-align: center;
height: 20px;
width: 960px;
clear: both;
display: block;
}
#layout {
height: 650px;
width: 960px;
overflow: auto;
z-index: auto;
}
#conteudo p #ewclink {
text-align: right;
}
#phead {
font-family: "Times New Roman", Times, serif;
font-size: 36px;
font-style: normal;
text-align: center;
}
#conteudo h3 {
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 36px;
font-family: "Times New Roman", Times, serif;
}
#conteudo p {
text-align: justify;
position: static;
right: 30px;
letter-spacing: 3px;
font-weight: normal;
clear: none;
float: none;
margin-left: 25px;
margin-right: 25px;
color: #009;
font-size: 18px;
}


PS.: I send you the attachments for help me. I´m using the IT tools DREAMWEAVER AND WAMPSERVER.

Kind Regards

José Moreira
Citar
Citar +
Jose Moreira is offline   Reply With Quote
Old 10-08-2013, 10:39 PM   #2
Jose Moreira
 
Join Date: Sep 2013
Posts: 5
Default Help two questions website!!!

Hi, nomibucha100

As you answer me with your avaliability to help me.It´s no longer than 5 or 10 minutes to solve it. So I would like to give me a support to answer me only two questions:


On the files website- IE and the website- Google chrone, my doubt is:

1) The width and the height of the website don´t follow the width and the height of all the screen of the computer.

That means the width and the height in both cases don´t correspond to the limits of the screen of the computer. Send me the code to correct this situation.

2) The chat, must be on the right corner bonded (glued) to the footer of the website as mentioned on the word file (chat). Send me the code to correct this situation.

PS.: The files (compressed by ZIP) of my website are on your email given on linkedin. And my informatic tools are: DREAMWEAVER and WAMPSERVER to visualize the website on GOOGLE CHROME and INTERNET EXPLORER. See the layout and css text(formats)

Send the resolution to one of my emails, please:

Josemmoreira@portugalmail.pt or Josemmoreira1@gmail.com


Could I count with your support? This website that iam creating is to porpose to create a personal marketing to find a job or a professional trainning. I expect your answer as soon as posible.

Best regards

José Moreira

Last edited by Jose Moreira; 10-08-2013 at 10:46 PM..
Jose Moreira is offline   Reply With Quote
Old 10-08-2013, 10:50 PM   #3
Jose Moreira
 
Join Date: Sep 2013
Posts: 5
Default

Hi, nomibucha100

As you answer me with your avaliability to help me.It´s no longer than 5 or 10 minutes to solve it. So I would like to give me a support to answer me only two questions:


On the files website- IE and the website- Google chrone, my doubt is:

1) The width and the height of the website don´t follow the width and the height of all the screen of the computer.

That means the width and the height in both cases don´t correspond to the limits of the screen of the computer. Send me the code to correct this situation.

2) The chat, must be on the right corner bonded (glued) to the footer of the website as mentioned on the word file (chat). Send me the code to correct this situation.

PS.: The files (compressed by ZIP) of my website are on your email given on linkedin. And my informatic tools are: DREAMWEAVER and WAMPSERVER to visualize the website on GOOGLE CHROME and INTERNET EXPLORER. See the layout and css text(formats)

Send the resolution to one of my emails, please:

Josemmoreira@portugalmail.pt or Josemmoreira1@gmail.com


Could I count with your support? This website that iam creating is to porpose to create a personal marketing to find a job or a professional trainning. I expect your answer as soon as posible.

Best regards

José Moreira
Attached Images
File Type: jpg webite- IE.jpg (60.9 KB, 0 views)
File Type: jpg Website- google chrone.jpg (80.9 KB, 0 views)
Attached Files
File Type: txt css.txt (1.8 KB, 0 views)
File Type: txt layout.txt (7.8 KB, 0 views)
Jose Moreira is offline   Reply With Quote
Old 10-08-2013, 10:56 PM   #4
Jose Moreira
 
Join Date: Sep 2013
Posts: 5
Default Help two questions website!!!

Hi, nomibucha100

As you answer me with your avaliability to help me.It´s no longer than 5 or 10 minutes to solve it. So I would like to give me a support to answer me only two questions:


On the files website- IE and the website- Google chrone, my doubt is:

1) The width and the height of the website don´t follow the width and the height of all the screen of the computer.

That means the width and the height in both cases don´t correspond to the limits of the screen of the computer. Send me the code to correct this situation.

2) The chat, must be on the right corner bonded (glued) to the footer of the website as mentioned on the word file (chat). Send me the code to correct this situation.

PS.: The files (compressed by ZIP) of my website are on your email given on linkedin. And my informatic tools are: DREAMWEAVER and WAMPSERVER to visualize the website on GOOGLE CHROME and INTERNET EXPLORER. See the layout and css text(formats)

I couldn´t send you the images because there are exceded the width maximun of files pretended on the post.

So that i have to see the code without the images, sorry.

Send the resolution to one of my emails, please:

Josemmoreira@portugalmail.pt or Josemmoreira1@gmail.com


Could I count with your support? This website that iam creating is to porpose to create a personal marketing to find a job or a professional trainning. I expect your answer as soon as posible.

Best regards

José Moreira
Jose Moreira is offline   Reply With Quote
Old 10-08-2013, 10:58 PM   #5
Jose Moreira
 
Join Date: Sep 2013
Posts: 5
Default Help two questions website!!!

Give me your email contact to send all the files of my website, please.

Kind regards

José Moreira
Jose Moreira is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:53 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com