snowbrdlover
-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by snowbrdlover
-
-
I really appreciate all ur help u gave me!!! And sorry for asking so many questions ;P This is a great site that a begginer and not only that can take help
I will suggest ur site to all of my friends that are interested with web design!!Best regards,
Steve
-
I am back again ;P
I totally understand what u've told me with the wrapper! And also the red color helps me adjust my web page
But the background image is not centered like the rest of the site....Is always on the left.. Also i made the BG image 1024x768 -
Thank you very much for ur help and ur fast reply! I will make the appropriate changes u told me and i'll come back with the results!
Regards,
Steve
-
Thank you very much!!
Here is the zip file with my website to check whats the problem.
Best regards,
Steve
-
Hehe i dont have this area for attachments under my text box
-
Hello,
There is not such area.. do i have to enable it from my profile settings?
Thank you,
-
Thank you very much m8!
How can i upload the zip? cause i cant find it...
-
Nope it didnt worked... omg whats wrong ;P
-
Sorry i cant atm cause i am away from my Server and my ftp is not connected to main HDD...
Do think that i must add in css info about the "content" division?
-
And i forgot to say that the BG image size is 1024x680
Thanx
-
I add a background image and still nothing... Here is the code as it is now:
HTML & CSS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Emmanouil main</title>
<link href="emmanouil.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id ="content">
<h1>mmanouil</h1>
<table width="469" height="43" border="0">
<tr>
<td width="80"> Home</td>
<td width="109">Products</td>
<td width="72">News</td>
<td width="105">About us</td>
<td width="81">Contact</td>
</tr>
</table>
<img src="thimbleletterArial.png" alt="Logo Thimble" name="img1" width="63" height="73" id="img1" />
</div>
</div>
</body>
</html>
@charset "UTF-8";
/*Sets the background image and color*/
body{ background-image:url(bgfinal2.jpg); background-repeat:no-repeat; background-color:#000;
}
/*Resizing the website in each screen resolution*/
#wrapper { width: 800px; margin:0 auto; position:relative;
}
/*Main logo*/
h1{
position:absolute;
top:35px;
left:56px;
font:Arial;
font-size:35px;
color:#FFF;
}
/*TABLE*/
table {
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 3em 1em 3em;
color:#FFF;
position:absolute;
top:100px;
-moz-border-radius: 5em 5em 2em 2em;
border-radius: 5em 5em 2em 2em;
background-color:#222;
height: 33px;
}
/*Thimble*/
#img1{position:absolute; top:28px; left:78;}
-
Thanx for help,
I did that but it didnt worked...
-
Thank u for ur fast reply Andrea!
I tried it but it doesnt work i can still see the white gap on the right of my browser.... should i put in css some info for the div "content"?
-
Hello again guys and girls,
Finnaly with ur advice i managed the content of my page to be wrapped as i increase or decrease the browser window.
But now i have another problem. I want my website to be also centered in browser window, i tried to do it by here: http://www.csstutorial.net/2010/02/how-to-create-a-center-aligned-page-with-css/ but with no sucess
can u pls give me a clue?Here is Html and css:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Emmanouil main</title>
<link href="emmanouil.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<h1>mmanouil</h1>
<table width="469" height="43" border="0">
<tr>
<td width="80"> Home</td>
<td width="109">Products</td>
<td width="72">News</td>
<td width="105">About us</td>
<td width="81">Contact</td>
</tr>
</table>
<img src="thimbleletterArial.png" alt="Logo Thimble" name="img1" width="63" height="73" id="img1" />
</div>
</body>
</html>
@charset "UTF-8";
/*Sets the background image and color*/
body{ background-image:url(bgfinal2.jpg); background-repeat:no-repeat;
}
/*Resizing the website in each screen resolution*/
#wrapper { width: 550px; margin:0 auto; position:relative;
}
/*Main logo*/
h1{
position:absolute;
top:35px;
left:56px;
font:Arial;
font-size:35px;
color:#FFF;
}
/*TABLE*/
table {
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 3em 1em 3em;
color:#FFF;
position:absolute;
top:100px;
-moz-border-radius: 5em 5em 2em 2em;
border-radius: 5em 5em 2em 2em;
background-color:#222;
height: 33px;
}
/*Thimble*/
#img1{position:absolute; top:28px; left:78;}
-
Thank you Andrea!
I will take a look of the link u gave me!
Best regards,
Steve
-
Thank you very much my friend! U are great!
I will follow ur advice for positioning
Thank you for ur quick response also and good night
-
I have tried the code u posted before but with no results...
I put the code inside body and outside content right?Also if i remove position or top whould it change the position of the div?
-
First off all thank you very much for your fast reply and concern
I will link a short piece of code of a new webpage i am trying 2 make, also i forgot to ask if it good also the background image to be resized
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Emmanouil main</title>
<link href="emmanouil.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>mmanouil</h1>
<table border="0">
<tr>
<td width="122"><h2> Home</h2></td>
<td width="142"><h3>Products</h3></td>
<td width="114"><h4>News</h4></td>
<td width="130"><h5>About us</h5></td>
<td width="65"><h6>Contact</h6></td>
</tr>
</table>
</body>
</html>
CSS:
@charset "UTF-8";
body{ background-image:url(bgfinal2.jpg); background-color:#000; background-repeat:no-repeat;
}
/*Main logo*/
h1{
position:absolute;
top:55px;
left:424px;
right:450;
text-align:center;
font:"Arial Black";
font-size:35px;
color:#FFF;
width: 194px;
height: 44px;
}
h2{font-size:18px; color:#FFF; position:center;}
h3{font-size:18px; color:#FFF; position:center;}
h4{font-size:18px; color:#FFF; position:center;}
h5{font-size:18px; color:#FFF; position:center;}
h6{font-size:18px; color:#FFF; position:center;}
table{
position:absolute;
left:354px;
top:115px;
width: 606px;
height: 38px;
border-radius: 10px;
background-color: #000;
}
Thanx in advance!
-
Hello all,
I want to ask a question concerning my website alignment when i resize the browser window.
I use APdivs with absolute position and i dont know how to fix the issue...i found many codes for wrapping but doesnt work.
I want my web page to be centered in browser window when i shrink it or in bigger screen resolutions.
Thank you,
Steve
IE and Opera position problem!
in Beginners Web Design
Posted
Hello all again
I am nearly at the end of a Homepage for my friends website and i have a problem in positioning.
My website appears normally in Firefox and Safari and at opera and IE flash video and some text appear in the bottom of the page...
Can you pls have a look in my code and help me?
Thank you,
Steve
Emmanouil.zip