Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
flodhest

flodhest

Skrevet
Skrevet

Hvordan får jeg flyttet kontaktskjemaet slik at det passer med innholdsboksen? LINK.

 

* {
margin: 0;
padding: 0;
}

BODY {
FONT-SIZE: 10pt; 
COLOR: #656656; 
FONT-FAMILY: "Trebuchet MS", Arial, Tahoma, sans-serif; 
LETTER-SPACING: 0px; 
TEXT-ALIGN: center;

background-image: 
url('bilder/bg6.gif');
background-repeat: 
repeat;
background-attachment: 
fixed;


   }



P {
PADDING-RIGHT: 10px; 
PADDING-LEFT: 10px; 
PADDING-BOTTOM: 10px; 
PADDING-TOP: 10px
}


H3 {
MARGIN: 0px 0px 0px 10px
}


#wrap {
MARGIN: 0px auto; 
WIDTH: 596px;
}


DIV.generell {
BORDER-RIGHT: #555548 2px solid; 
BORDER-TOP: #555548 2px solid; 
MARGIN: 5px; 

BORDER-LEFT: #555548 2px solid; 
WIDTH: 596px; 
BORDER-BOTTOM: #555548 2px solid; 
BACKGROUND-COLOR: #ddddd1; 
TEXT-ALIGN: left;
}

DIV#header {
HEIGHT: 156px
}

p:first-letter 
{
color: #5C5D4D;
font-size: 17px
}



DIV#meny {
BORDER-RIGHT: #555548 2px solid; 
BORDER-TOP: #555548 2px solid; 
margin: 5px;
BORDER-LEFT: #555548 2px solid; 
WIDTH: 590px; 
BORDER-BOTTOM: #555548 2px solid; 
BACKGROUND-COLOR: #ddddd1; 
TEXT-ALIGN: left;
       padding: 3px;
 

}

DIV#innhold {


}



A {
COLOR: #656656;

}

A:hover {
COLOR: #37382F; 
TEXT-DECORATION: underline
}




ul#navlist
{
margin-left: 0;
padding-left: 1px;
padding-top: 3px;
padding-bottom: 3px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 5px; }

#navlist a:link, #navlist a:visited
{
color: #656656;
background-color: #C9C9B8;
text-decoration: none;

}

#navlist a:hover
{
color: #656656;
background-color: #B6B6A3;
text-decoration: none;
}












div.top {
background-image: url(images/top.gif);
WIDTH: 585px; 
Height: 23px;
display: block;
margin: 0px 0px 0px 5px;
}

div.boks {
Background-image: url(images/midten.gif); 
WIDTH: 585px; 
display: block; 
margin: 0px 0px 0px 5px;
}



div.bottom {
background-image: url(images/bunn.gif);
Width: 585px;
height: 23px;
display: block;
margin: 0px 0px 10px 5px;
}






div.top2 {
background-image: url(images/top2.gif);
WIDTH: 585px; 
Height: 23px;
display: block;
margin: 0px 0px 0px 5px;
}

div.boks2 {
Background-image: url(images/midten2.gif); 
WIDTH: 585px; 
display: block; 
margin: 0px 0px 0px 5px;
}



div.bottom2 {
background-image: url(images/bunn2.gif);
Width: 585px;
height: 23px;
display: block;
margin: 0px 0px 10px 5px;
}



DIV#footer {
HEIGHT: 20px;
BORDER-RIGHT: #555548 2px solid; 
BORDER-TOP: #555548 2px solid; 
margin: 5px;
BORDER-LEFT: #555548 2px solid; 
WIDTH: 586px; 
BORDER-BOTTOM: #555548 2px solid; 
BACKGROUND-COLOR: #C9C9B8; 
TEXT-ALIGN: left;
padding: 5px;

}

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML>
<HEAD>
<TITLE>Kreeem</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK href="styles.css"  rel=stylesheet>
</HEAD>
<BODY>




<!--meny--> 
<DIV id=wrap>
<DIV  id=meny>
<ul id="navlist">
<li id="active"><a href="Index.html" id="current">Index</a></li>
<li><a href="artikler.html">Artikler</a></li>
<li><a href="portfolio.html">Portefølje</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul></DIV>

<!--header-->
<DIV class=generell id=header>
<IMG alt=header src="bilder/header.gif"></DIV>

<!--innhold-->
<DIV class=generell id=innhold>

<div class="top">  
</div>
<div class="boks">
<h3>Kontakt meg</h3>

<form action="MAILTO:[email protected]" method="post" enctype="text/plain">


Navn:<br>
<input type="text" name="name"
value="dittnavn" size="20">
<br>
Din mailadresse:<br>
<input type="text" name="mail"
value="dinmailadresse" size="20">
<br>
Kommentar:<br>
<input type="text" name="comment"
value="kommentar" size="40">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">

</form>

</div>
<div class="bottom">
</div>

<div class="top2">
</div>
<div class="boks2">
<h3>Kontakt meg</h3>
<p>Her kan du sende meg en mail for å få svar på eventuelle ting du lurer på, 
ris/ros etc. 
</p>
</div>
<div class="bottom2">
</div>




</DIV>



<!--footer-->
<DIV id=footer>
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.home.no%2Ffjortissverden%2Fkrem/index.html">Html</a>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.home.no%2Ffjortissverden%2Fkrem%2Fstyles.css">CSS</a>
</div>
</DIV>
</BODY></HTML>

 

 

En ting til, hvordan kan jeg få stylet feltene der man skriver mailadressa si o.l? Blant annet få en annen farge og lage kommentar-boksen høyere.

Lenke til kommentar
jorgis

jorgis

Skrevet
Skrevet
Jørgen = enden

Jøgga2 = jorgis

 

(eller har enden begynt..?)

Jørgen == enden

Jørgen² == jorgis

 

...og enden er nær... :p

 

 

Lokaltog: Er det ikke slik at Opera ikke takler styling av <button>, <input type="submit" /> og <input type="reset" /> ? Etter det jeg har sett, viser den default-knapp uansett.

Lenke til kommentar
Jesper Karsrud

Jesper Karsrud

Skrevet
Skrevet
Lokaltog: Er det ikke slik at Opera ikke takler styling av <button>, <input type="submit" /> og <input type="reset" /> ? Etter det jeg har sett, viser den default-knapp uansett.

Det fungerer å style <input type="submit" /> og <input type="reset" /> i Opera her i hvertfall.. Aldri hatt noen problemer med det heller, så vidt jeg kan huske.

Lenke til kommentar
g0mpen

g0mpen

Skrevet
Skrevet (endret)

Hm... tror jeg har funnet problemet, jeg har allerede angitt farge for ul, men jeg vil ha annen farge på hover... må det eventuelt bli li da?

 

Edit: Dropper denne effekten jeg, ble like bra uten....

 

Edit2: Blir så fortvilet her, jeg prøver å komme på et bra domenenavn til porteføljen min, men er helt blank! Har jo flere sider som snart er klare til å legges ut, de skal jo linkes til meg, men på en home.no.net konto? :ermm: Med mitt merkelige etternavn så er ikke det brukbart heller, jeg vil ikke ha domene med æ i :roll: (det er det visst fortsatt mye tull med og hører jeg)

Endret av g0mpen
Lenke til kommentar
OscarWoHA

OscarWoHA

Skrevet
Skrevet

Morn. Knappene mine på www.jungelen.net loades ikke med en gang. Altså bildet som skal dukke opp når man holder over knappen.

 

.linkIndex {
background: url(../layout/images/button_index.gif);
display: block;
width: 100px;
height: 20px;
}

.linkIndex:hover {
background: url(../layout/images/button_index_hover.gif);
}

 

Hvordan fikser jeg det på en enkel måte?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...