Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 12:22 Der er 15 kommentarer og
3 løsninger

Oprydning i stylesheet-fil samt anden hjælp

Jeg er ret tilfreds med www.radikals.1go.dk (har fået den vurderet et par gane). Men da jeg skal på efterskole næste år vil det være svært at sidde og lave nyheder i HTML.
Derfor sidder jeg og arbejder på et php nyhedssystem på http://radikale.users.whitehat.dk/  (her kan man kun se mine eksperimenter ud fra forsiden).


Men da jeg har blandet 2 css-filer sammen er der kommet meget rod i mine stylesheets. Derudover er der et problem med designet fx på http://radikale.users.whitehat.dk/news.display.php?id=3

Så hvis i
1: Vil gøre min css mere overskuelig og
2: Finde ud af hvad der skal til for at tilpasse http://radikale.users.whitehat.dk/news.display.php?id=3 til designet.
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 12:23 #1
stylesheet.css ser således ud:



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: #333333;
}
img {
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B2C3D5;
    border-right-color: #B2C3D5;
    border-bottom-color: #B2C3D5;
    border-left-color: #B2C3D5;
    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;
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:14px;
    color: #333333;
    BORDER: none;
    border-top: 1px none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #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 {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #333333;
    font-weight: bolder;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: none;
}
p {
    width: 491px;
    text-align: justify;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #333333;
    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: #333333;
    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: #333333;
    font-weight: normal;
}






hvis i skal bruge anden kilde siger i bare til :)
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 12:29 #2
derudover vil jeg også gerne have "søg efter nyhed" til at være rykket lige så langt til hørje som det andet på forsiden.
Avatar billede skovenborg Nybegynder
03. juni 2004 - 13:06 #3
nu bruger du font-family:arial over det hele, så måske du bare skulle skrive:
body {font-family:arial, sans-serif;}
sans-serif skriver jeg fordi css-standarden kræver at du definerer en såkaldt generic font - en font som browseren vil bruge hvis alt andet ikke virker.
Avatar billede skovenborg Nybegynder
03. juni 2004 - 13:08 #4
derudover kan du også udnytte et par shorthands fx:
img {
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B2C3D5;
    border-right-color: #B2C3D5;
    border-bottom-color: #B2C3D5;
    border-left-color: #B2C3D5;
    background-color: #B2C3D5;
}
kan skrives som:
border-color:1px solid #B2C3D5;
border-width:1px 2px 2px 1px;
background-color:#B2C3D5; /* Hvor egentlig sætte en baggrundsfarve på et billede ? */
Avatar billede roenving Novice
03. juni 2004 - 13:10 #5
-- ehm ...

en tavetosse:

border:1px solid #B2C3D5;

-- uden -color !-)
Avatar billede skovenborg Nybegynder
03. juni 2004 - 13:12 #6
whoops - det rigtigt ;-)
Avatar billede roenving Novice
03. juni 2004 - 13:14 #7
-- og det er helt skørt at skrive:

    BORDER: none;
    border-top: 1px none #FFFFFF;
    border-right: 1px none #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px none #FFFFFF;

når det nødvendige, som gør det samme, er:

    border: 0px;
    border-bottom: 1px solid #FFFFFF;

-- og du sætter text-decoration:none; en masse steder, hvor det er overflødigt, det er kun nødvendigt på links at bruge den !-)
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 13:23 #8
vil arbejde med det.. Vender snart tilbage
Avatar billede skovenborg Nybegynder
03. juni 2004 - 13:30 #9
og så er der også et enkelt sted hvor du skriver:
padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
hvilket du ligeså godt kunne skrive som:
padding:5px 5px 0px;
ligesom du (nogenlunde) også skriver et par andre steder.
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 14:08 #10
alt er lagt ind.
Kan i også hjælpe mig med at finde ud af hvad jeg skal gøre for at rette designet til på http://radikale.users.whitehat.dk/news.display.php?id=3 og "Søg efter nyhed" på forsiden?

- I skal nok få pointsne for det første
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 15:49 #11
Hvis ikke kan jeg oprette et nyt spm. Og give jer 50 points hver for jeres svar. Er det rimligt?
Så bruger jeg de resterende 100 på spm nr. 2.

I bedes under alle omstændigheder lægge svar
Avatar billede roenving Novice
03. juni 2004 - 15:51 #12
Oki -- og velbekomme '-)
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 16:10 #13
nåh ja...
Selv tak.
Og Skovenborg???
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 16:12 #14
Ved bare ikke om jeg skal oprette i php eller css.. Hvad synes i?
Avatar billede skovenborg Nybegynder
03. juni 2004 - 19:01 #15
jo, værsgo' da :-)

og opret det i CSS - det har jo mest noget med design at gøre
Avatar billede darkstylerdk Nybegynder
03. juni 2004 - 19:12 #16
tager 100 til spm 2
Avatar billede roenving Novice
03. juni 2004 - 23:46 #17
-- jamen tak for point ;~}
Avatar billede skovenborg Nybegynder
03. juni 2004 - 23:54 #18
samme her - håber du også får løst det andet problem (kan være jeg selv kigger lidt på det)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester