How much for making CSS3 positioning repair.

[szuetam]

here it is:
http://www.szuetam.prosta.pl/site/index.html

Unfortunately it is in polish, made by me, really amateur in css (my first time)
I have made it mess
It looks almost like it should but

1. I want to separate white boxes in part under orange part exactly 15px, with footer included.
2. In "Kontakt" sub-page left and right box same hight, and fields of form stretched horizontally, and "wyślij" (send button) stretched verticaly too.
3. In "Informacje" sub page upper box should cover 4 smaller pieces under it so it would be in the same place but with whole white background.
4. If you think sth. is a mess with divs it would be nice to repair this too.

Contact me: szuetam@gmail.com or post here.
How much in BTC would it take?

[1714142970]

1714142970

[szuetam]

Anyone?
I though there is lots of IT CSS and BTC gready people here?

[glub0x]

i guess i can correct point 1,2,3 for 0.5btc. please note that i am amateur too and mainly do it for fun...

[szuetam]

i guess i can correct point 1,2,3 for 0.5btc. please note that i am amateur too and mainly do it for fun...

great, we could deal at that price if you deal with that till tomorrow 22:00 UTC.
If Sunday till 17:00 400mBTC.

After that I will have to do it myself because I have my own deadline @ Monday.

Is it ok for you?
It is opened so it is ok if you post solution here.
If you have some questions post them here as well.
If delay by answering will occur I will move deadline with that plus 12h for reading my answer, but only if I wont answer with 0,5h after question.

Heh, it looks silly giving so much conditions for such small job, but after I made it, is it ok?

And once more, could you post your address where I should transfer BTCs?

[glub0x]

Sounds good. Actually i am giving myself 2 hours to do it from now. If i didn't post anything in the next 2 hours, you can consider this deal dead.
it is not much for 2 h of work but this can pay for my next 4 drinks so i guess it s still very good for me!
my adress 1BYTC6vfcW6CrvbMjnqnHHfgNKvKkBHcbq

[glub0x]

So,
I am not sure i understand well point 2
 In "Kontakt" sub-page left and right box same hight, and fields of form stretched horizontally, and "wyślij" (send button) stretched verticaly too.
Do you want the wyślij button streched verticaly AND horizontaly? so it would result in a very big button ?

[szuetam]

So,
I am not sure i understand well point 2
 In "Kontakt" sub-page left and right box same hight, and fields of form stretched horizontally, and "wyślij" (send button) stretched verticaly too.
Do you want the wyślij button streched verticaly AND horizontaly? so it would result in a very big button ?

no button just streched just horizontaly (wide button).

[glub0x]

is it okay to do soe minor modification of html? it is necessary to modify the HTML to add some class in the form for point 2.

[szuetam]

not at all
do it your way

[glub0x]

So here it is, you new fantastic CSS

    body { 
      width: 800px;
      text-align: left;
      position: absolute;
      top: 20px;
      left: 50%;
      margin-left: -400px;
      margin-top: 0px;
      /* background-image: url(background.gif); */
      background-image: url(http://www.szuetam.prosta.pl/site/css/background.gif);
      background-repeat: repeat;
    }

   div#obrys { 
      position: absolute;
      top: 0px;
        width: 800px;
      margin-left: auto;
      margin-right: auto;
    }

   div#grad_l {
      position: absolute;
      top: -20px;
      left: -800px;
      width: 800px;
   } 

   div#cisnieniomierz {
      position: absolute;
      top: 218px;
      left: -110px;
      width: 300px;
   } 

   div#foto {
      position: relative;
      left: 0px;
      top: 0px;
      float: left;
      margin-top: 0px;
      width: 560px;
   }
      
   div#menu {
      position: relative;
      left: 0px;
      top: 0px;
      float: left;
      width: 240px;
   } 

   div#logo {
      position: relative;   
      width: 240px;
      height: 209;
    } 
   
   div#menu a { 
      position: relative;
      top: -4px;
        text-align: left;
      font-family: Arial;
      display: block; 
        background: #e67817; 
        color: white; 
        -webkit-border-radius: 6px; 
        -moz-border-radius: 6px; 
        border-radius: 6px; 
        padding: 5px 7px; 
        margin: 1;
      border: 1px solid; 
        text-decoration: none;
    } 
   
    div#menu a:hover {
      position: relative;
      top: -4px;
      left: -30px;
      width: 194px;
        text-align: left;
      font-family: Arial;
      display: block; 
        background: #aaca21; 
        color: white; 
        -webkit-border-radius: 6px; 
        -moz-border-radius: 6px; 
        border-radius: 6px; 
        padding: 5px 37px; 
        margin: 1;
      border: 1px solid; 
        text-decoration: none;
    } 

   div#menu a:hover img {
      position: absolute;
      top: 1px;
      left: 4px;
      width: 20px;
        background: #aaca21; 
        color: white; 
        padding: 0px 0px; 
        margin: 0;
      border: 0px solid;
      display: inline;
    } 

   div#menu a img { 
      display: none;
    } 
   
   div#tresc {
      position: relative;
      left: 0px;
       top: 130px;
      /*
      +15 of border
      top: 75px; */
      width: 800px;
      clear: both;
      height: 340px;
      float: left;
   }

   div#tresc_kontakt {
      position: relative;
      left: 0px;
      top: 80px;
      width: 800px;
      clear: both;
      float: left;
   }

   div#tresc_informacje {
      position: relative;
      left: 0px;
      /* top: 75px; */
       top: 130px;
      width: 800px;
      clear: both;
      height: 800px;
      float: left;
   }
   
   div#obrazek {
      display: inline;
   }
   
   div#punkty {
      display: inline;
   }   
   div#otwarcie {
      position: absolute;
      left: 240px;
      top: 300px;
      width: 526px;
      color: #849d17;
      text-align: left;
      font-family: Arial;
      font-size: 20px;
      line-height: 30px;
      border: solid 5px #e67817;
      border-radius: 15px;
      margin: 10px 0px;
      padding: 3px 12px 0px;
      background-color: white;
   }
   
   div#telefon {
      float: left;
   }
      
   div#godz_otwarcia {
      float: left;
      padding: 3px 50px;
   }
   
   div#informacje_rameczka {
      float: left;
      padding: 3px 50px;
      font-size: 12px;
      line-height: 20px;
   }
   
   div#godz_numer {
      float: right;
      font-weight: bold;
      padding: 0px 10px;
   }
   
   div#podpis {
      text-align: right;
      font-family: cursive;
      font-style: italic;
   }
   
   div#newsss {
      /* position: relative;
      left: 0px;
      top: 40px; */
      width: 738px;
      text-align: left;
      font-family: Arial;
      font-size: 18px;
      line-height: 28px;
      line-height: 28px;
      border: solid 5px white;
      border-radius: 15px;
      /* margin: 15px 0px; */
      margin-bottom: 15px;
      padding: 20px 26px ;
      background-color: white;
   }
   div#newsss_map {
      position: relative;
      left: 0px;
      top: 25px;
      width: 738px;
      text-align: left;
      font-family: Arial;
      font-size: 18px;
      line-height: 28px;
      line-height: 28px;
      border: solid 5px white;
      border-radius: 15px;
      margin: 15px 0px;
      padding: 20px 26px ;
      background-color: white;
      text-align: center;
   }
   
   div#newsss_half_left {
      float: left;
      position: relative;
      left: 0px;
      top: 30px;
      width: 330px;
      text-align: left;
      font-family: Arial;
      font-size: 18px;
      line-height: 28px;
      line-height: 28px;
      border: solid 5px white;
      border-radius: 15px;
      margin: 10px 16px 0px 0px;
      padding: 20px 26px ;
      background-color: white;
      /* height: 100%; */
      height: 582px;
   }
   
   div#newsss_half_right {
      float: left;
      position: relative;
      left: 0px;
      top: 30px;
      width: 330px;
      text-align: left;
      font-family: Arial;
      font-size: 18px;
      line-height: 28px;
      line-height: 28px;
      border: solid 5px white;
      border-radius: 15px;
      margin: 10px 0px 0px 0px;
      padding: 20px 26px ;
      background-color: white;
      /* height: 100%; */
      height: 582px;
   }
      
   div#akapit {
      text-indent: 40px;
   }
   
   div#formularz {
      position: relative;
      left: 0px;
      top: 0px;
      width: 300px;
      border: solid 5px white;
      border-radius: 15px;
      margin: 10px 0px;
      padding: 20px 12px ;
      background-color: white;
   }

   div#rameczka {
      float: left;
      left: 0px;
      top: 0px;
      width: 300px;
      border: solid 5px white;
      border-radius: 15px;
      margin: 10px 0px;
      padding: 20px 12px ;
      background-color: white;
   }
   
   div#rameczka1 {
      position: static;
      left: 0px;
      top: 0px;
      width: 300px;
      border: solid 5px white;
      border-radius: 15px;
      margin: 10px 0px;
      padding: 20px 12px ;
      background-color: white;
   }
         
   div#naglowek {
      position: relative;
      left: 0px;
      /* top: 40px; */
      margin-bottom: 15px;
      width: 784px;
      color: #aaca21;
      font-family: Arial;
      font-size: 18px;
      line-height: 28px;
      line-height: 28px;
      text-align: center;
      border: solid thick white;
      border-radius: 15px;
      padding: 5px 3px ;
      background-color: white;
   }
      
   div#stopka{
      /* position: relative;
      left: 0px;
      top: 15px; */
      width: 784px;
      clear: both;
      float: left;
      text-align: center;
      border: solid thick white;
      border-radius: 15px;
      padding: 5px 3px ;
      background-color: white;
      /* margin: 15px 0px 15px 0px; */
   }
   
      div#rotator {
      width: 100%;
   }

   div#rotator ul {
   margin: 0;
   padding: 0;
}
/* rotator css */

   div#rotator ul li {
   float:left;
   position:absolute;
   list-style: none;
   margin: 0;
   padding: 0;
}

/* rotator image style */   
   div#rotator ul li img {
      
}

    div#rotator ul li.show {

}

/*  ADDED */
.input_submit {

    width:300px;

}
.input_field {
    width:292px;
}
 



I commented the old CSS, didn't give any comment.

On the HTML page you have to change your form for that

<form action="mailto:przychodnianiwiski@gmail.com" method="post" enctype="text/plain">
                  imię i nazwisko<br>
                  <input class="input_field" type="text" name="imie"><br>
                  adres email<br>
                  <input class="input_field" type="text" name="email"><br>
                  telefon<br>
                  <input class="input_field" type="text" name="telefon"><br>
                  treść<br>
                  <textarea class="input_field" name="tresc" cols="20" rows="10"></textarea><br>
                  <input class="input_submit" type="submit" value="Wyślij">
               </form>


On the Information page, you have to add one line too

   
[...]
NZOZ ”SALUS”<br>
                     ul. Kilińskiego 34<br>
                     08-100 Siedlce<br>
                     tel. 25 632 23 93<br>
                  </div>
                  <div id="rameczka">
                     Gabinet USG<br>
                     SPZOP w Siedlcach<br>
                     ul. Starowiejska 15<br>
                     08-110 Siedlce<br>
                     tel. 25 xxx xx xx<br>
                  </div>
                  
               </li>
            </ul>
                  <div style="clear:both;"> </div>


This should work. At least i tried SAFARI FF & CHROME...

[glub0x]

If it s working let me know so i can close my computer and go enjoy my first bitcoin paid caipi

[szuetam]

If it s working let me know so i can close my computer and go enjoy my first bitcoin paid caipi

OK I'll check it now.

[szuetam]

If it s working let me know so i can close my computer and go enjoy my first bitcoin paid caipi

OK I'll check it now.

"Strona główna" looks ok

"Przychodnia"   :
After : "Przychodnia czynna jest od poniedziałku do piątku w godzinach 8:00 – 18:00."
there is to big separation it should be 15px
and two "columns" seems to long now and footer is hidden

"Porady" looks ok

"Informacje" looks perfectly ok

"Galeria" looks ok

"Kontakt" :
there is no separation before footer
under button "Wyślij" there is unwanted white where should be separation

And one more thing could you make additional separation of 15px after footer? it's new so I'll give some tip if you will do that

I uploaded new version just to ensure if I made mods correct?

Could you fix those problems?

I hope that you understand me good enaugh that I was meaning to correct it to have all 6 subpage styled properly?

[szuetam]

If it s working let me know so i can close my computer and go enjoy my first bitcoin paid caipi

If you want to do it tomorrow there is no problem.

Sory I do not have some better environment for test and sth. like that.
Like ftp access

Maybe next time, if you're interested I could have more jobs like this , but writing from scratch with higher pay.

[szuetam]

And one more thing, "Galeria" and "Porady"  are whole moved right which is annoying while switching between them and others, if it was in first version and you count correcting this as another case I can add another 100mBTC for making that ok.
 

[glub0x]

Maybe next time, if you're interested I could have more jobs like this , but writing from scratch with higher pay.

Maybe intresting, i have no design ability but some html/css/js/php knowledge do not expect payment as low as this though...


"Przychodnia"   :
After : "Przychodnia czynna jest od poniedziałku do piątku w godzinach 8:00 – 18:00."
there is to big separation it should be 15px
and two "columns" seems to long now and footer is hidden

not sure what u mean about the "two columns"...

Also you want 30px separation for the footer?

No battery i ll work tomorrow 9am (it s 21:49here)

[szuetam]

Maybe next time, if you're interested I could have more jobs like this , but writing from scratch with higher pay.

Maybe intresting, i have no design ability but some html/css/js/php knowledge do not expect payment as low as this though...

Of course, but more to code, although easier because writing all yourself, which I think is much easier than correcting someone.

How much would satisfy you for making CSS formating and coding for webpage more or less like this:
http://www.cityarchitekci.pl/
If I will provide you all necessary images and content.

BTC price only

"Przychodnia"   :
After : "Przychodnia czynna jest od poniedziałku do piątku w godzinach 8:00 – 18:00."
there is to big separation it should be 15px
and two "columns" seems to long now and footer is hidden

not sure what u mean about the "two columns"...

Also you want 30px separation for the footer?

No battery i ll work tomorrow 9am (it s 21:49here)

And about columns there is some mess in the bottom of the site I'm sure You understand when you take a look at it here:
http://www.szuetam.prosta.pl/site/przychodnia.html
There is footer under white area. and by two columns i mean one starting with "Świadczeń medycznych udzielają:" and second one starting with: "Rejestracja i informacja jest czynna w" they are too long the should end with text
And before them I see way to big separation more than 30px I think, and it should be 15px.


about footer, I just want to 15px separation before and 15px after footer, just not to touch with white background of footer to window border.
Sorry if my English isn't clear.



PS have a good nigh.
I probably wont get up before 10 or later.

[glub0x]

For the site you show i would probably rate arround 80 btc WITHOUT CMS it would be arround 160btc with CMS.
As i still eat using usd, unfortunatly rate might change with the btc evolution...

And about columns there is some mess in the bottom of the site I'm sure You understand when you take a look at it here:
http://www.szuetam.prosta.pl/site/przychodnia.html
There is footer under white area. and by two columns i mean one starting with "Świadczeń medycznych udzielają:" and second one starting with: "Rejestracja i informacja jest czynna w" they are too long the should end with text
And before them I see way to big separation more than 30px I think, and it should be 15px.

Understood

about footer, I just want to 15px separation before and 15px after footer, just not to touch with white background of footer to window border.
Sorry if my English isn't clear.

ok

[glub0x]

i ll continue in PM

[glub0x]

I am still waiting your payment. So few btc in game...
Payed thx