CSS / HTML Herorganiseren

[Flitskikker]

Hallo,

Ik heb zojuist een gratis css template gedownload.

Alleen zit die code helemaal in de war!

Hier is een voorbeeld daarvan:

body,.cdLightBody{margin:0;padding:0;background-color:#678FC2;font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:62.5%; line-height:normal;}.cdLightBody{background-color:#fff;}a{text-decoration:none;color:#0560A6;}a:hover{text-decoration:underline;}a:visited{color:#834283;}hr{color:#ccc;background-color:#ccc;height:1px;border-bottom-width:0px;border-top-width:0px;margin-bottom:7px;}.OFLTDU{padding:0px 0px 1px 0px;}.OBrnd{border-style:none;text-decoration:none;}.cdOImgM,.cdOImgOga{vertical-align:middle;border-style:none;}.cdOImgOga{margin-left:10px;}.OExPnl{display:none;position:relative;}.OClgCl{padding:6px 0px 15px 0px;}.OClgClM{padding:2px 0px 13px 0px;}.OClgIS{color:#CCCCCC;}.ONTHFWSHdrTbl{background-color:#ffffff;color:#000000;width:100%;font-size:100%;}.TopNavCellLink{padding:1px 4px 2px 4px;border:1px solid #387FD1;}.TopNavCellLinkHover{padding:1px 4px 2px 4px;background-color:#0074BF;border:1px;border-style:solid;border-color:#84BFE9;}.TopNavCellPassportEmpty{padding:0px 6px 0px 6px;}.TopNav2ndRowMiddlePopUp{background-color:#fff;}.TopNavPopUp{border-width:0px 0px 2px 0px;border-style:none none solid

Zo ook is dat bij de HTML code.

(Daar kon ik geen voorbeeld van laten zien, want anders kreeg ik een 500 Internal Server Error.)

Nu is mijn vraag:

Bestaat er een programma om het een beetje op orde te krijgen?

Alvast bedankt!

Mvg,

Flitskikker

Bewerkt: 17 februari 2008 door Flitskikker

[Woetsha]

Ik heb het voor je gedaan met HTML-Kit. Bij HTML-kit zie je de woorden gekleurd zodat je structuur krijgt in je CSS.

Je heb heel de CSS niet gegeven want op het einde zie ik "border:" en dan stopt het.

<style type="text/css">

body,.cdLightBody {
  margin: 0;
  padding: 0;
  background-color: #678FC2;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 62.5%;
  line-height: normal;
}
.cdLightBody {
  background-color: #fff;
}
a {
   text-decoration: none;
  color: #0560A6;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #834283;
}
hr {
   color: #ccc;
  background-color: #ccc;
  height: 1px;
  border-bottom-width: 0px;
  border-top-width: 0px;
  margin-bottom: 7px;
}
.OFLTDU {
  padding: 0px 0px 1px 0px;
}
.OBrnd {
  border-style: none;
  text-decoration: none;
}
.cdOImgM,.cdOImgOga {
  vertical-align: middle;
  border-style: none;
}
.cdOImgOga {
  margin-left: 10px;
}
.OExPnl {
  display: none;
  position: relative;
}
.OClgCl {
  padding: 6px 0px 15px 0px;
}
.OClgClM {
  padding: 2px 0px 13px 0px;
}
.OClgIS {
   color: #CCCCCC;
}
.ONTHFWSHdrTbl {
  background-color: #ffffff;
  color: #000000;
  width: 100%;
  font-size: 100%;
}
.TopNavCellLink {
  padding: 1px 4px 2px 4px;
  border: 1px solid #387FD1;
}
.TopNavCellLinkHover {
  padding: 1px 4px 2px 4px;
  background-color: #0074BF;
  border: 1px;
  border-style: solid;
  border-color: #84BFE9;
}
.TopNavCellPassportEmpty {
  padding: 0px 6px 0px 6px;
}
.TopNav2ndRowMiddlePopUp {
     background-color: #fff;
}
.TopNavPopUp {
  border-width: 0px 0px 2px 0px;
  border
</style>

Bewerkt: 17 februari 2008 door Woetsha

[Flitskikker]

Ja, dat klopt. Ik heb de niet de hele css code gepost, want het was als voorbeeld bedoeld.

Hier is de volledige code:

http://flitskikker.fl.funpic.org/downloads...ice_default.css

Als je de ook dan even op een rijtje zet, ben ik zeer tevreden .

Alvast bedankt!

Mvg,

Flitskikker

Bewerkt: 17 februari 2008 door Flitskikker

[Woetsha]

wOw,... ! Zo groot, met dat bovenste was ik 15 min. bezig en met dat dan .

Ik heb het de laatste tijd druk anders had ik het gedaan .

[PatrickW]

At your service:

css_formatted.txt

En nee, ik ben er niet heel lang druk geweest. Ik googlede op "format css online" en vond dit.

[Flitskikker]

At your service:

css_formatted.txt

En nee, ik ben er niet heel lang druk geweest. Ik googlede op "format css online" en vond dit.

Dankjewel!

Heel erg bedankt!

Mvg,

Flitskikker