Placering af nyhedsbrev-til- og framelding

Det skal siges at jeg ikke har lavet  koden til nyhedsbrevet endnu. >Det er det rent designmæssige  -  og det er jo også det denne kategori handler om ik'?

Det er da meget fornuftigt at prøve at holde stilen ved at fjerne borders fra input-feltet og knappen. Men så skal der også en anden farve på knappen en lys-grå, evt, hvid...
Samtidig ser det måske mindre smart ud, når select-boxen, stadig har borders. Prøv evt. at give det hele borders igen, det vil nok se mindre forvirrende ud.

Overskriftet til nyhedsbrevet er hel fin, når du holder den i samme størrelse som menupunkterne, så gør det blandt andet at den ikke forsvinder helt væk.

Prøv at gøre sådan at bredden på det samlede sæt, går tættere mod kanten til højre, da det vil skabe lidt mere "harmoni" omkring felterne.

ved godt det måske lyder ret vildt... Men kan du så ik lige sige hvad der skal ændres??


Stylesheet.css:


html,body{margin:0px;padding:0px;}
a,a:visited,a:hover{color:black;}
td {
    background-color: #B2C3D5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
img {
    border:1px solid #B2C3D5;
    border-width:1px 2px 2px 1px;
    background-color:#B2C3D5;
}
a.menu {
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: white;
}
a.menulink {
    display: block;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:14px;
    color: #333333;
    border: 0px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bolder;
    padding: 5px;
?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?);
}
a.menulink:hover {
    background-color:#6F9CC5;
    border-top: 1px none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #FFFFFF;
}
.titel {
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #000000;
    font-weight: bolder;
    padding:5px 5px 0px;
    border: none;
}
p {
    text-align: justify;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    BORDER: none;
    font-weight: normal;
    padding: 0px 5px 5px;
}
.copyright {
    display: block;
    width: 246px;
    text-align: center;
    text-decoration: none;
    font-family:arial;
    font-size:10px;
    color: #000000;
    border: 1px none #FFFFFF;
    font-weight: normal;
    padding: 20px 5px;
    background-color: #FFFFFF;
}
.footer {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family:arial;
    font-size:10px;
    color: #000000;
    font-weight: normal;
}
h1 {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #000000;
    font-weight: bolder;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: none;
}
h2 {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    font-weight: bolder;
}
a.author {
    text-decoration: none;
    color: #CCC;
    float: right;
}
a.author:hover {
    text-decoration: none;
}

.hr {
    font-size: 0;
    height: 0;
    margin: 7px 0 7px 0;
    clear: both;
}
ul {
    list-style-type: square;
}
.image {
    background-color: #B2C3D5;
    float: right;
}
.frmobj {
    float: left;
    font-weight: bold;
    padding-top: 3px;
    width: 90px;
}
.frmtext {
    padding-left: 90x;
}
input,textarea,select {
    text-align: justify;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    BORDER: none;
    font-weight: normal;
    padding: 0px 5px 5px;
}
form {
    display: inline;
}
table {
    border-collapse: collapse;
}
#list table {
    width: 100%;
}
#list th {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #000000;
    font-weight: bolder;
}
#list td {
    vertical-align: top;
    padding: 5px;
}
TD.indhold {
    padding:5px 5px 0px;
    width:480px; /* Prøv at ændre lidt på den for at få det til at passe */
}
TD.indhold P,TD.indhold H1, TD.indhold H2 {
    padding:0px;
}

Det kommer an på hvad du ud fra de ting jeg har skrevet, ønsker der skal ændres?

Hvis du vil ha borders på din form igen, så fjerner du  "BORDER: none;"
}
input,textarea,select {
    text-align: justify;
    text-decoration: none;
    font-family:aria    BORDER: none;l;
    font-size:12px;
    color: #000000;
    font-weight: normal;
    padding: 0px 5px 5px;
}
''''''''''''''''''''''''''''

Hvis du vil ha' gjort input feltet lidt breddere, så vil jeg foreslå dig at du laver en style="width: XXpx;" inde input, html tag'et


Eller skyder jeg helt ved siden af hvad du mener ?

Hov, der gik vist noget galt...

}
input,textarea,select {
    text-align: justify;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    font-weight: normal;
    padding: 0px 5px 5px;
}

tror det er det jeg mener. Prøver lige ;-)

Så er det første ændret og JA det var hvad jeg mente :)
http://www.radikals.1go.dk/nyhedsbrevtest.php

Prøver det med mailfeltet

Det er HER der skal ændres: <input type="text" name="email">
Hvordan skal det være?

<input type="text" name="email" style="width: XXpx;"> hvor du skifter XX ud med det antal pixel der skal til, forsøg dig lidt frem

Så ser det perfekt ud ... YES! Lige kort: Ville det være godt med en søgefunktion (over hele siden) i samme stil nedenunder?

Og nåh ja så er der points ;-)

Ja du hvis du skal have en søgefunktion, så vil det være fint med en i samme stil under nyhedsbrevet, måske endda over, men det vil jeg lade være op til dig at vurdere.

ok. Og tak for hjælpen :o)