Някой може ли да ми напише този код?

Frik

Registered
Здравейте!
Искам да попитам някой може ли да ми напише този html код?

Значи аз ще ви покажа какво искам на картинка за да ви стане по ясно:
untitled.JPG


Искам да изглежда същото, само че с размер 400х135 пх. Само да поясня че крайщата на беграунда са леко заоблени.

Някой може ли да го напише това в код?
Благодаря ви предварително!
 
На мен не ми трябва да си заоблям таблицата. Всъшност бежавия бекграунд може и се направи и с картинка, нали? Когато започна да го пиша кода резултата е никакъв нищо не е където трябва, затова помолих някой ако има възможности и желание да ми помогне... :roll:
 
Фона го направи само с цвят: #F9F4EE ;) Иначе на картинката ъглите са леко заоблени и аз до колкот разбрах същото ? Ако е така виж линка дето ти дадох ;) Ако ли не пак виж там само че в CSS-а махни няколко реда.
 
:D ти май изобщо нищо не разбра! Това което съм приложил тук е снимка на това което тряба ва се получи!
Нямам код, нито пък CSS... :(
 
Код:
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#F9F4EE" width="600">
    <tr>
      <td width="500" height="150" rowspan="2">kartinka</td>
      <td width="1300" height="40">zaglavie</td>
      <td width="150" height="40">zvezda</td>
    </tr>
    <tr>
      <td width="1350" height="150" colspan="2">sydyrvanie</td>
    </tr>
  </table>
 
Galli каза:
Код:
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#F9F4EE" width="600">
    <tr>
      <td width="500" height="150" rowspan="2">kartinka</td>
      <td width="1300" height="40">zaglavie</td>
      <td width="150" height="40">zvezda</td>
    </tr>
    <tr>
      <td width="1350" height="150" colspan="2">sydyrvanie</td>
    </tr>
  </table>


Добре да приемем че това е кода, как да заобля ъглите? Само че на български защото тук е обяснено всичко на английски, а аз не го разбирам. Как да го напиша и къде да кача ЦСС файла?
 
Нали с картинка ще го правиш фона?
http://web-tourist.net/project/galli/testbg.gif
Код:
<table border="0" cellpadding="0" cellspacing="0" style="background-image:url(testbg.gif);background-repeat: no-repeat" width="600">
    <tr>
      <td width="500" height="150" rowspan="2">kartinka</td>
      <td width="1300" height="40">zaglavie</td>
      <td width="150" height="40">zvezda</td>
    </tr>
    <tr>
      <td width="1350" height="150" colspan="2">sydyrvanie</td>
    </tr>
  </table>
 
Eto ти без картинка:
Код:
<style type="text/css">
h1,h2,p{
margin: 0 10px
}
h1{
font-size: 250%;
color: #000
}
h2{
font-size: 200%;
color: #f0f0f0
}

h2{
padding-top: 0.3em
}
div#nifty{ 
background: #F9F4EE;
width:430;
height: 135;
}
b.rtop, b.rbottom{
display:block;
background: #FFF
}
b.rtop b, b.rbottom b{
display:block;
height: 1px;
overflow: hidden; 
background: #F9F4EE
}
b.r1{
margin: 0 5px
}
b.r2{
margin: 0 3px
}
b.r3{
margin: 0 2px
}
b.rtop b.r4, b.rbottom b.r4{
margin: 0 1px;
height: 2px
}
</style>
Код:
<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<table width='430' height='130'>
<tr>
<td><img src=''></td>
<td><h1>Nifty Corners</h1>
<p>ТекстТттТТТТТтТТ</p></td>
</tr></table>

<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
 
Добре и двата вариянта са отлични, но да вземем втория. Как да задам на заглавието друг размер примерно с тага <size=></size> и как да разположа звездичката горе в дясно?

СЕГА:
untitled3.JPG


БЪДЕЩЕ:
untitled4.JPG
 
Код:
h1{
font-size: 20px; //смени на колкот искаш PX ;)
color: #000
}
е за заглавието ;)
А за това горе:

<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<table width='430' height='130'>
<tr>
<td rowspan="2">IMG</td>
<td ><h1>Загалвие</h1></td>
<td>КАРТИНКА</td>
</tr>
<tr>
<td colspan="2"><p>ТЕКСТ</p></td>
</tr>
</tr></table>

<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
 

Back
Горе