Hallo,

Bij mij op de site gaan de links over elkaar heen.

Weet iemand wat ik dan moet aanpassen in de css.

PHP Code:

/* ### TWEAK BOX ### */
.tweakBox { margin: 30px 33px 0px 0px; float: left; position: relative; width: 256px; background: #b3d0e0; }
.tweakBox h2 { padding-left: 10px; height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; background: url('../images/title2Bg.gif') repeat-x; }
.tweakBox ul { margin: 12px; list-style: none; }
.tweakBox li { padding-left: 15px; height: 22px; line-height: 25px; background: url('../images/bol.gif') no-repeat left; }
.tweakBox li a { text-decoration: none; color: #295a78; }
.tweakBox li a:hover { text-decoration: underline; }
.tweakBox img { position: absolute; right: 0px; top: -16px; } 


http://www.comp-4u.net/new

Groetjes Stephan

aan de css ".tweakBox li" moet je dit toevoegen:
de width, en: float:left;

edit: zoals Alexander zegt moet je ook de height uitschakelen in deze css,
de line-height zou ik laten staan.

De height ff uitschakelen en line-height op 150% zetten.

Vervang:

Code:

tweakBox li { padding-left: 15px; height: 22px; line-height: 25px; background: url('../images/bol.gif') no-repeat left; }

met

Code:

tweakBox li { padding-left: 15px;  line-height: 25px; background: url('../images/bol.gif') no-repeat left; }

Alleen nu zit soms het bolletje midden bij twee zinnen.

Origineel gepost door stephan spieker

Alleen nu zit soms het bolletje midden bij twee zinnen.

Hoe ziet de css er nou uit? En is de nieuwe css al upgeload?

Dit is de nieuwe css

PHP Code:

/* ### TWEAK BOX ### */
   .tweakBox { margin: 30px 33px 0px 0px; float: left; position: relative; width: 256px; background: #b3d0e0; }
  .tweakBox h2 { padding-left: 10px; height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; background: url('../images/title2Bg.gif') repeat-x; }
  .tweakBox ul { margin: 12px; list-style: none; }
  .tweakBox li { padding-left: 15px;  line-height: 150%; background: url('../images/bol.gif') no-repeat left; }  .tweakBox li a { text-decoration: none; color: #295a78; }
  .tweakBox li a:hover { text-decoration: underline; }
  .tweakBox img { position: absolute; right: 0px; top: -16px; } 


Origineel gepost door gast2960

Hoe ziet de css er nou uit? En is de nieuwe css al upgeload?

Origineel gepost door stephan spieker

Dit is de nieuwe css

En als je het nou eens op mijn manier doet?
Dan moet de css er dus zo uit zien:

PHP Code:

/* ### TWEAK BOX ### */
   .tweakBox { margin: 30px 33px 0px 0px; float: left; position: relative; width: 256px; background: #b3d0e0; }
.tweakBox h2 { padding-left: 10px; height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; background: url('../images/title2Bg.gif') repeat-x; }
  .tweakBox ul { margin: 12px; list-style: none; }
.tweakBox li { padding-left: 15px; line-height: 22px; background: url('../images/bol.gif') no-repeat left;width:241px;float:left; } .tweakBox li a { text-decoration: none; color: #295a78; }
  .tweakBox li a:hover { text-decoration: underline; }
  .tweakBox img { position: absolute; right: 0px; top: -16px; } 


dan word het zo

http://www.comp-4u.net/new/

Bij .tweakbox li even dit doen:

url(../images/bol.gif) no-repeat left 6px;