Hallo,
Bij mij op de site gaan de links over elkaar heen.
Weet iemand wat ik dan moet aanpassen in de css.
http://www.comp-4u.net/newPHP 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; }
Groetjes Stephan
- Probleem,
-
09-11-2008, 10:44 #1
- Berichten
- 115
- Lid sinds
- 18 Jaar
Probleem,
-
-
09-11-2008, 11:01 #2
- Berichten
- 1.355
- Lid sinds
- 18 Jaar
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.
Laatst aangepast door gast2960 : 09-11-2008 om 11:07
-
09-11-2008, 11:02 #3
- Berichten
- 1.602
- Lid sinds
- 18 Jaar
De height ff uitschakelen en line-height op 150% zetten.
-
09-11-2008, 11:07 #4
- Berichten
- 139
- Lid sinds
- 16 Jaar
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; }
-
09-11-2008, 11:11 #5
- Berichten
- 115
- Lid sinds
- 18 Jaar
Alleen nu zit soms het bolletje midden bij twee zinnen.
-
09-11-2008, 11:25 #6
- Berichten
- 1.355
- Lid sinds
- 18 Jaar
Origineel gepost door stephan spieker
Alleen nu zit soms het bolletje midden bij twee zinnen.
-
09-11-2008, 11:55 #7
- Berichten
- 115
- Lid sinds
- 18 Jaar
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?
-
09-11-2008, 12:00 #8
- Berichten
- 1.355
- Lid sinds
- 18 Jaar
Origineel gepost door stephan spieker
Dit is de nieuwe css
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; }
-
09-11-2008, 12:04 #9
- Berichten
- 115
- Lid sinds
- 18 Jaar
dan word het zo
http://www.comp-4u.net/new/
-
09-11-2008, 17:59 #10
- Berichten
- 1.602
- Lid sinds
- 18 Jaar
Bij .tweakbox li even dit doen:
url(../images/bol.gif) no-repeat left 6px;
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic