PDA

View Full Version : why i can not use space and tabs


katecher
09-30-2008, 05:00 PM
why i can not use space and tabs when i type

edbr
10-01-2008, 12:46 AM
  will add a space

d a v e
10-01-2008, 01:46 PM
but it won't break :(

domedia
10-01-2008, 02:06 PM
why i can not use space and tabs when i type Because it's the web, and not print :)

katecher
10-01-2008, 04:40 PM
I am sorry,
but I need to know two things.
i need to center everything and i need to be able to type. can you please show me on my coding where to insert all info.
sorry
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<title>center your layout</title>
</div>
</body>
</p>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>index</title>
<link rel="stylesheet" href="file:///Macintosh%20HD/Users/katecherdantzeva/Desktop/Unnamed%20Site%201/2col_leftNav.css" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
body,td,th {
font-family: Apple Chancery;
font-size: 20px;
}
.style4 {font-size: 120%}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style7 {
font-size: 16px;
font-family: "Apple Chancery";
}
.style10 {color: #666666}
body {
background-color: # ffcc66;
background-image: url(background.jpg);
background-repeat:no-repeat;
background-color: #FFCC66;
<div class="wrapper"> ALL content goes here </>

}

.style11 {color: #FFCC66}
.style12 {font-size: 12px}
.style13 {
font-size: 16px;
color: #333333;
}
.style15 {font-size: 16px; font-family: "Apple Chancery"; color: #333333; }
.style16 {color: #333333}
-->
</style></head>
<!-- The structure of this file is exactly the same as 2col_rightNav.html;
the only difference between the two is the stylesheet they use -->
<body>
<div id="Layer2" style="position:absolute; left:301px; top:120px; width:118px; height:30px; z-index:6">
<div align="center"><span class="style7"><span class="style16">Sandwiches</span></span></div>
</div>
<div id="Layer4" style="position:absolute; left:424px; top:110px; width:133px; height:38px; z-index:7">
<div align="center"><span class="style15">Hot Grilled Sandwiches </span></div>
</div>
<div id="Layer6" style="position:absolute; left:564px; top:111px; width:130px; height:27px; z-index:8">
<div align="center" class="style13">Double Stuffed Sandwiches </div>
</div>
<p>&nbsp;</p>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:305px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000;">
<div align="center" class="style10">Salads/Soups</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:500px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000;">
<div align="center" class="style10">Beverages</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:461px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000;">
<div align="center" class="style10">Side Orders </div>
</div>
<div id="Layer3" style="position:absolute; left:234px; top:180px; width:541px; height:367px; z-index:3"><span class="feature"><img src="images-front.jpg" width="543" height="322"></span></div>

<div id="Layer5" style="position:absolute; left:628px; top:66px; width:118px; height:26px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div align="center">Location</div>
</div>
<div id="Layer5" style="position:absolute; left:501px; top:67px; width:118px; height:27px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div align="center">Testimonials</div>
</div>
<div id="Layer5" style="position:absolute; left:374px; top:67px; width:117px; height:28px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div id="Layer5" style="position:absolute; left:-127px; top:0px; width:118px; height:28px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div align="center">Menu</div>
</div>
<div align="center">Catering</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:422px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Desserts</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:110px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Sandwiches</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:149px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Melts</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:383px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Frozen Yogurts</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:188px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Pita Rolls Up </div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:227px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Pizza/Calzones</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:266px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Salads/Calzones</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:344px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10">Pasta Specials </div>
</div>
<p>&nbsp;</p>
<div id="content">
<div class="style4" id="breadCrumb">
<p align="center" class="style7"><span class="style10"><a href="#"> </a></span></p>
</div>
<div class="feature">
<h3 align="center">&nbsp;</h3>
<p align="center">&nbsp;</p>
<p align="center"><span class="style11"></span></p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
</div>
</div>
<!--end content -->
<!--end navbar -->
<div id="siteInfo">
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center" class="style12"> Contact us &copy;2008 Kiraz Cafe </p>
</div>
<div align="center"><br>
</div>
</body>
</html>

Corrosive
10-01-2008, 04:40 PM
Because it's the web, and not print :)

Style your text using CSS. 'h' tags, 'p' tags etc.

katecher
10-01-2008, 05:04 PM
because for css i have to use {}
for html I have to use<>
that is where the problem , right
where acactly the place
i

domedia
10-01-2008, 05:47 PM
katecher, that page is broke, completely :-/
You need to start over, and you shouldn't dive into code view if you do not know the basics of HTML and CSS. Stay in Design View for now.

katecher
10-01-2008, 05:57 PM
so how can I change it, i am not able to place my layout in middle and also i can not type, the only i can type is i can center everything, but i need to move price a little bit.
so for now my layout for menu look like this

hjkhjhkjhjkhk
hjkhkh
ghjkhjh 5.99

and i want it like this

cbnjdvk 5.99
scbDBJCK 6.99.
ALSO i want to learn coding as well, so i am not sure where insert what.
this was a template and i slightly changed it

I REALLY want to learn, so i need to understand........

domedia
10-01-2008, 06:06 PM
You cannot type because you massacred your code, it's useless now sorry :-/

Start over with a new page and don't go into code view until you've read a tutorial on HTML. HTML is fun stuff so it's all good :)

katecher
10-01-2008, 06:32 PM
ok, what is the diffrence between css and html?????/
what is good tutorial website for html????

d a v e
10-01-2008, 06:38 PM
html is the structure or outline of your web page
css is the presentation - the way it looks

see http://www.w3schools.com/
http://htmldog.com/
http://www.opera.com/wsc/

katecher
10-01-2008, 07:18 PM
Ha,
what do you think about that????
also i still need to center it

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {

background-color: # ffcc66;
background-image: url(background.jpg);
background-repeat:no-repeat;
background-color: #FFCC99;
}
.style17 {color: #333333}
-->
</style></head>
<body>
<div id="Layer2" style="position:absolute; left:301px; top:120px; width:118px; height:30px; z-index:6">
<div align="center"><span class="style7"><span class="style17">Sandwiches</span></span></div>
</div>
<div id="Layer4" style="position:absolute; left:424px; top:110px; width:133px; height:38px; z-index:7">
<div align="center"><span class="style15">Hot Grilled Sandwiches </span></div>
</div>
<div id="Layer6" style="position:absolute; left:564px; top:111px; width:130px; height:27px; z-index:8">
<div align="center" class="style13">Double Stuffed Sandwiches </div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:344px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000;">
<div align="center" class="style10 style17">Pasta Specials </div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:305px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000;">
<div align="center" class="style10 style17">Salads/Soups</div>
</div>

<div id="Layer1" style="position:absolute; left:8px; top:500px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000;">
<div align="center" class="style10 style17">Beverages</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:461px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000;">
<div align="center" class="style10 style17">Side Orders </div>
</div>
<div id="Layer3" style="position:absolute; left:234px; top:180px; width:541px; height:367px; z-index:3"><span class="feature"><img src="images-front.jpg" width="543" height="322"></span></div>

<div id="Layer5" style="position:absolute; left:628px; top:66px; width:118px; height:26px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div align="center">Location</div>
</div>
<div id="Layer5" style="position:absolute; left:501px; top:67px; width:118px; height:27px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div align="center">Testimonials</div>
</div>
<div id="Layer5" style="position:absolute; left:374px; top:67px; width:117px; height:28px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div id="Layer5" style="position:absolute; left:-127px; top:0px; width:118px; height:28px; z-index:5; background-color: #FF9900; layer-background-color: #FF9900; border: 1px none #000000;">
<div align="center">Menu</div>
</div>
<div align="center">Catering</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:422px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10 style17">Desserts</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:110px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10 style17">Sandwiches</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:149px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10 style17">Melts</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:383px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10 style17">Frozen Yogurts</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:188px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10 style17">Pita Rolls Up </div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:227px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10 style17">Pizza/Calzones</div>
</div>
<div id="Layer1" style="position:absolute; left:8px; top:266px; width:136px; height:36px; z-index:1; background-color: #CCFF99; layer-background-color: #CCFF99; border: 1px none #000000; font-family: ; color: #666666;"Apple Chancery";">
<div align="center" class="style10 style17">Salads/Calzones</div>
</div>
</body>
</html>

Rob_Che
10-01-2008, 08:54 PM
I'm scared :(

katecher
10-01-2008, 09:38 PM
why? because i did it.
what about center it, where should i insert, in body,right???