6 replies [Last post]
jannndo
jannndo's picture
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2006-10-27
Posts: 9
Points: 0

Hello friends,

I've made a new site.... say anything you want about that, I'll be thankfull for your opinions. English version is not ready yet, but i thing the text isn't important to you... thanks

site: http://maggi.ecav-petrzalka.sk/
/* CSS Document */
/*css*** zmeny v oznaceni*****c=container, t=text*****podtriedy tychto id budu cislovane*****/
/*///////vseobecne////////*/

* {
padding:0px;
margin:0px;
}

html, body {
height:100%; /* Required */
padding:0px;
margin:0px auto;
background-color:#000000;
}

/*////////kotvy:-)////////*/

.a
{
/*color:#b5b6b6;*/
color: #9A9A9A;
text-decoration: none;
}

.a:hover
{
background: #000000;
color: #6b551b;
}

/*.a:active
{
background: #000000;
color: #E0E0E0;
}*/

.a_enter
{
color: #524E12;
text-decoration: none;
}

.a_enter:hover
{
background: #000000;
color: #cccccc;
}

/*///////specialna sekcie pre postranne zobrazovanie//THUMBNAIL (prevzate zo solardreamstudios.com)////////////////////////////////////////////////////*/

.thumbnail{
position: relative;
z-index: 0;
text-decoration:none;
color:#b5b6b6;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
background: #000000;
color: #6b551b;
text-decoration:none;
}

.thumbnail a{
color: #524E12;
text-decoration: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -15px;
left: -300px; /*position where enlarged image should offset horizontally*/
}

/*////////pismo/////////P//////////*/

.p1
{
letter-spacing:0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#9A9A9A;
list-style: none;
margin: 0px 0px 15px 0px;
}

.p1_a
{
line-height: 25px;
letter-spacing:0px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
color:#cccccc;
list-style: none;
text-align:right;
}

.p2
{
margin-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #E2E2E2;
margin: 5px 0px 20px 0px;
}

.p3
{
margin: 20px 0px 0px 12px;
font-family:"Times New Roman", Times, serif;
font-size: 13px;
font-weight:bold;
color:#B2B2B2;
}

.p4
{
margin-top: 0px;
margin-right: 10px;
font-family:"Times New Roman", Times, serif;
font-size: 13px;
font-weight:bolder;
color:#B2B2B2;
}

.p_nadpis
{
margin-left:8px;
margin-right:5px;
margin-bottom:5px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
color:#CCCCCC;
text-align:left;
}

/*////////div///////hlavná struktura stranky (kostra stranky)////////*/
/*///////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////*/

#c_main
{
position:relative;
margin: 0 auto;
width: 800px;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}

.c_c
{
position:relative;
margin: 0 auto;
margin-top: 100px;
width: 800px;
min-height: 100%; /*For Modern Browsers */
height: auto !important; /*For Modern Browsers */
height: 100%; /* For IE */
}

#c_1 /*///upper layer///*/
{
margin: 0 auto;
position:relative;
width: 400px;
height: 230px;
background-image:url(pictures/layout_pic/logo...new_3.jpg);
}

#c_1_special_intro /*///special upper layer for absolute image positioning///*/
{
margin: 0 auto;
margin-top: 60px;
position:relative;
width: 700px;
height: 500px;
background-image:url(pictures/layout_pic/sunset_7.jpg);
background-repeat:no-repeat;
}

#c_1_small_logo /*///upper layer with small logo///*/
{
margin: 0 auto;
position:relative;
width: 150px;
height: 90px;
background-image:url(pictures/layout_pic/logo...new_1_small.jpg);
}

#c_1_small_logo_absolute /*///upper layer with small logo and absolute postion///*/
{
margin: 0 auto;
position:absolute;
width: 160px;
height: 90px;
background-image:url(pictures/layout_pic/logo...new_1_small.jpg);
background-repeat:no-repeat;
left: 600px;
top: 0px;
}

#c_1_special /*///special for enter button///*/
{
margin-left: 10px;
margin: 0 auto;
width: 50px;
height: 19px;
position:relative;
left: -5px;
top: 0px;
}

#c_2/*///lower layer///*/
{
position:relative;
overflow:auto;
margin: 0 auto;
margin-left: 200px;
margin-top: 0px;
width: 400px;
height: 280px;
background-image:url(pictures/layout_pic/bodynew_0601.jpg);
background-repeat:no-repeat;
}

/*////////////textove polia////////*/
/*/////////////////////////////////*/

#t_c /*///container text main area///*/
{
margin: 0 auto;
top: 150px;
width: 760px;
height:200px;
position:relative;
}

#t_1_left /*///layer for left text area///*/
{
margin: 0 auto;
margin-top: 40px;
padding: 0px 60px 0px 0px;
width: 100px;
height: 200px;
position:absolute;
top: 0px;
left: 0px;
}

#t_1_text /*///layer for right text area///*/
{
margin: 0 auto;
top: 40px;
padding: 0px 10px 0px 10px;
position:absolute;
width: 400px;
min-height: 200px;
height: auto;
left: 160px;
border-left:thin;
border-left-color:#666666;
border-left-style:dashed;
border-right:thin;
border-right-color:#666666;
border-right-style:dashed;
}

#t_1_nadpis
{
margin: 0 auto;
margin-top: 0px;
padding: 0px 10px 0px 10px;
position:absolute;
width: 400px;
height: 40px;
left: 160px;
top: 0px;
}

#t_1_right
{
margin: 0 auto;
margin-top: 0px;
margin-left: 0px;
padding: 0px 10px 0px 10px;
position:relative;
width: 400px;
min-height: 200px;
height: auto;
/* left: 163px;
top: 40px;*/
}

#t_1_right_relative /*///layer for right text area with relative position///*/
{
margin: 0 auto;
width: 400px;
height: 200px;
position:relative;
left: 145px;
top: 50px;
}

/*////////////////////formular////////////////////////*/
/*////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////*/

#formular
{
position:relative;
margin: 0px auto;
height:auto;
width:280px;
}

#meno
{
position:absolute;
margin: 0 auto;
height:auto;
width:321px;
left: 53px;
top: -23px;
}

#e-mail
{
position:absolute;
margin: 0 auto;
height:29px;
width:323px;
left: 47px;
top: 24px;
}

#text
{
position:relative;
margin: 0 auto;
margin-left: 0px;
height:auto;
width:auto;
}

.posun
{
margin-left: 9px;
}

.posun_1
{
margin: 0 auto;
position:absolute;
left: 15px;
top: 114px;
}

.posun_2
{
margin-left: 2px;
}

#textarea
{
margin-left: 0px;
margin-top: 30px;
position:relative;
margin: 0 auto;
height:auto;
width:auto;
}

#textarea_incontainer
{
position:absolute;
margin: 0 auto;
top: 60px;
height:90px;
width:190px;
left: 53px;
}

input{
font-family:Arial;
font-size:12px;
border-right-style:ridge;
border-left-style:ridge;
border-top-style:ridge;
border-bottom-style:ridge;
border-color:#cccccc;
border-width:1px;
color:#ffffff;
background-color:#333333;
}

textarea{
overflow:auto;
border-right-style:ridge;
border-left-style:ridge;
border-top-style:ridge;
border-bottom-style:ridge;
font-family:Arial;
font-size:12px;
padding: 5px 5px 5px 5px;
margin-top: 30px;
background-repeat:no-repeat;
background-color:#333333;
border-color:#cccccc;
border-width:1px;
color:#FFFFFF;
/*background-image:url(pictures/layout_pic/textarea.jpg);*/
}

#submit
{
position:absolute;
width: 88px;
height:20px;
top: 198px;
left: 63px;
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 32 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Two splash screens? I can

Two splash screens? I can just about understand one for the language selection but then when selected can't I just be taken straight to the page?

No heading tags? that paragraph tag at the top of each text block could/should be a heading?

Other than that and the fact that I cant read the language it's a rather minimal layout/site, not a lot to grab and hold interest!

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jannndo
jannndo's picture
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2006-10-27
Posts: 9
Points: 0

Hugo wrote:Two splash

Hugo wrote:
Two splash screens? I can just about understand one for the language selection but then when selected can't I just be taken straight to the page?

No heading tags? that paragraph tag at the top of each text block could/should be a heading?

Other than that and the fact that I cant read the language it's a rather minimal layout/site, not a lot to grab and hold interest!

Hugo.

ou, thanks... what a constructive critism... actually... there are three splash screens... anyway i will fix that... i just wanted to hear some good points about code... i am a newbie... i thought that this forum is more about css...

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 32 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Sorry not sure what to infer

Sorry not sure what to infer from your reply? you did ask for any points didn't you?

If you post in site checks be assured that you are asking for Constructive criticism on all aspects of a web page, yes this is a CSS forum but CSS and HTML go hand in hand and contribute to the overall end product. Sorry but was the criticism about the splash screens unwelcome? Smile

My points were meant as constructive not destructive they point out some improvements that you could make and it's very nice of me to lend you some of my valuable and fairly knowledgeable time for free Smile

What do you consider good points then , did you want praise for your CSS code?.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jannndo
jannndo's picture
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2006-10-27
Posts: 9
Points: 0

Yes, I thank you for

Yes, I thank you for spending your time to write a constructive critism. I don't meant it bad. I just wanted to ask you to comment my css. sorry, maybe in wrong way. You had written your opinion, thats good for me. But , i don't know, maybe you can write how should i solve that and whats good on that... you know, your free time isn't then beneficial for me. And this forum is about beneficial for all those who need it. So i wouldn't say something like : it's very nice of me to lend you some of my valuable and fairly knowledgeable time for free Smiling ...

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 32 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote: And this forum is

Quote:

And this forum is about beneficial for all those who need it. So i wouldn't say something like : it's very nice of me to lend you some of my valuable and fairly knowledgeable time for free Smiling ...

I'd say it though and did!, all too often our time and help is taken for granted and woefully undervalued!

What did you want me to solve? I highlighted the lack of heading tags, are you aware that for every page generally you should have made use of heading tags somewhere.

Splash screens were mentioned as they are commonly regarded as a bad practise.

Content comment was not meant to be unkind but at this stage there does not seem a lot to keep ones interest , but I did qualify that with the acknowledgement that I couldn't read the language.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jannndo
jannndo's picture
Offline
newbie
Last seen: 15 years 41 weeks ago
Joined: 2006-10-27
Posts: 9
Points: 0

OK, maybe you don't

OK, maybe you don't understand me.... but thank you my friend for your time...

jano