| Autor | Zpráva | ||
|---|---|---|---|
| nexus Profil |
#1 · Zasláno: 9. 4. 2008, 21:26:51
Ahoj, mám problém si kodovanim webu...
chci pouzit paticku jaka je tady. K tomu používám HTML zapis: <div class="paticka">
<!-- BOX 1 START -->
<div class="box">
<h1> Kontaktujte mě ... </h1>
<form method="POST">
<input type="text" name="Login" value="anonym">
<input type="text" name="Email" value="@">
<select name="Typ">
<option> námět </option>
<option> kritika </option>
<option> zpráva/text </option>
</select>
<input type="text" name="Predmet" value="předmět">
<textarea name="Text"></textarea>
<input type="submit" class="odeslat" value="odeslat">
</form>
</div>
</div>A CSS stylovani .paticka
{
position: absolute;
bottom: 0px;
left: 0px;
background-color: #d7d7d7;
width: 100%;
height: 201px;
}
.paticka .box
{
width: 266px;
border-right: dotted #b0b0b0 1px;
height: 100%;
padding: 10px;
display: inline;
}
.paticka .box h1
{
font-family: Tahoma;
font-size: 11pt;
color: black;
font-weight: normal;
border: 0px solid black;
margin-left: 5px;
}
.paticka .box form
{
border: 0px solid black;
margin-top: -10px;
}
.paticka .box form input
{
border: 1px solid #b0b0b0;
background-color: #d7d7d7;
width: 110px;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 0px;
font-family: tahoma;
font-size: 8pt;
}
.paticka .box form select
{
border: 1px solid #b0b0b0;
background-color: #d7d7d7;
width: 110px;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 0px;
font-family: tahoma;
font-size: 8pt;
}
.paticka .box form textarea
{
border: 1px solid #b0b0b0;
background-color: #d7d7d7;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 0px;
width: 230px;
height: 50px;
font-family: tahoma;
font-size: 8pt;
}
.paticka .box form .odeslat
{
border: 0px;
background-color: #b0b0b0;
width: 230px;
height: 20px;
font-family: tahoma;
font-size: 8pt;
}ale tento zapis sezere jen IE, nevim z jakeho duvodu se zapis pod ff rozsype, můžete nekdo poradit kde? Předem se omlouvam za prasacky zapis, ale nejsem koder ale s kodovanim bojuju porad. A co se tyka toho menu, tak potrebuju dosahnout stejneho obrazku jako obrazku, ale problem je, ze mi zapis zase sezere jen ie... :( <div class="menu">
<ul>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
</ul>
</div>CSS .menu
{
position: absolute;
top: -10px;
left: 0px;
width: 100%;
height: 32px;
background-image: url('Images/menuback_800_32.png');
background-repeat: no-repeat;
}
.menu ul
{
border: 0px solid white;
height: 32px;
list-style-type: none;
margin-top: 0px;
_margin-top: 0px;
}
.menu ul li
{
border: 0px solid blue;
float: left;
padding: 0px;
}
.menu ul li a
{
font-family: Tahoma;
text-decoration: none;
color: white;
border: 0px solid red;
padding-left: 20px;
padding-right: 20px;
padding-top: 7px;
height: 32px;
}Odkaz na web |
||
| machu Profil |
#2 · Zasláno: 9. 4. 2008, 21:36:37
:D jak kdybych ti to nepsal :D cituji: až to bude nakodované tak se můžeme o něčem bavit :D a je to tu
|
||
| nexus Profil |
#3 · Zasláno: 10. 4. 2008, 17:25:02
machu nj, proste mam s kodovanim problemy... :(
máš 2 možnosti, bud mi s tim hlepnes, nebo ne a budes se mi dal posmivat... (druha moznost je jednoduzsi, ale ne tak zajimava ;) ) |
||
| vertigo4 Profil |
#4 · Zasláno: 10. 4. 2008, 19:42:21
nexus
tak je to špatně nakodovano, jen co se na to podívám... například při zvětšení písma se menu vyleje... nenastavuj výšku u elementů... atd... nepozicuj prvky.... |
||
|
Časová prodleva: 16 let
|
|||
0