[css] Afstand tussen list style tekens en de tekst. - Softwareontwikkeling

maandag 19 maart 2007 15:41

Acties:

Topicstarter

Ik moet *spam* site namaken, maar de site moet volledig valideren.
Op de rechterkant zie je dat navigatiemenu met de opsommingstekens die dicht tegen de links zelf staan.
Als je dit doet me css staan de opsommingstekens te ver van de tekst.
Met list position kan je niets anders dan inside of outside zetten, maar de afstand tussen de tekens en de tekst kan ik dus niet aanpassen...

Iemand een idee?

[ Voor 10% gewijzigd door een moderator op 19-03-2007 15:48 ]

maandag 19 maart 2007 15:44

Acties:

MichelvW

door

HTML:

&bull;

te gebruiken krijg je één enkele tekenafstand (als een karakter)

[ Voor 21% gewijzigd door MichelvW op 19-03-2007 15:49 . Reden: Kan geen HTML gebruiken natuurlijk. ]

maandag 19 maart 2007 15:48

Acties:

BtM909

Watch out Guys...

Zo wordt het wel een hele makkelijke afhaalchinees achtig topic

Maak het menu maar na en geef dan relevante code tussen [code=html][/] of [code=css][/] met daarbij het gewenste gedrag en wat je zelf al hebt geprobeerd. Als je hiermee je startpost aanpast, dan kunnen we je veel sneller en beter naar je oplossing helpen

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 19 maart 2007 15:58

Acties:

crazyheinz

Topicstarter

HTML:

        <div id="navbar">
            <h3>Opzoeken</h3>
            <ul>
            <li><a href="#">Postkantoren</a></li>
            <li><a href="#">Brievenbussen</a></li>
            <li><a href="#">Postcodes</a></li>
            <li><a href="#">Aangetekend</a></li>
            </ul>

                 enz..

Cascading Stylesheet:

#navbar ul  {
    background-color: #d6d5e5;
    padding-top: 5px;
    padding-bottom: 10px;
    list-style-position: inside;

}

#navbar ul li a {
    text-decoration: none;
}

Een spam site zou ik dat nu niet durven noemen, is van de begische post

Moet die namaken voor school.
Ik heb op internet zitten zoeken naar de oplossing, maar niets gevonden, en in css zelf kan je niets doen mbt het aanpassen van de afstand tss listtype en tekst.

Bedankt MichelvW. Ik zal het proberen.

maandag 19 maart 2007 16:01

Acties:

Yoozer

minimoog

Hm, je andere topic was al gesloten. Maar probeer dit eens:

HTML:

<style type="text/css">
<html>
<head>

body    {
font-family:Verdana;
font-size:10px;
}

p   {
    margin:0px;
    padding:0px;
    color:#333;
}

img {
    margin:0.5em;
}

#foo    
{
    width:160px;
    height:140px;
    border:1px solid silver;
}

h6  {
    font-weight:bold;
    font-size:10px;
    margin:0px;
    padding:0px;
    color:red;
}

</style>

</head>
 
<body>
<div id="foo">
<h6>Nieuwe tarieven!</h6>
<p>
<img src="plaatje.png" style="float:right;" />
De tarieven voor internationale zendingen, Kilopost, Distripost, 
DoMyMove en Mutapost Holiday zijn veranderd.
<br />
<a href="#">Alle info over de tarieven</a>
<p>

</div>
</body>

</html>

teveel zooi, te weinig tijd

maandag 19 maart 2007 16:14

Acties:

crazyheinz

Topicstarter

Hartelijk bedankt yoozer voor je snelle antwoord.
Ik ga dat straks proberen.
Ik heb MichelVw zijn tip toegepast, maar ook met het

HTML:

 &bull;

staat het nog te ver van elkaar...

maandag 19 maart 2007 17:36

Acties:

moozzuzz

Is je probleem niet gewoon op te lossen met de juiste combi van paddings?

Cascading Stylesheet:

#menuBox li a {
    position: relative;
    display: block;
    margin: 0px;
    padding-left:  14px;
    padding-top:   6px;
    padding-bottom:5px; 
}

copy paste uit een projectje

maandag 19 maart 2007 18:24

Acties:

crazyheinz

Topicstarter

@moozzuzz: wil jammer genoeg niet lukken...

dinsdag 3 april 2007 09:57

Acties:

MichelvW

Heb je met de bull oplossing wel de UL en LI's weggehaald?

HTML:

<div id="navbar"> 
            <h3>Opzoeken</h3> 
            &bull;<a href="#">Postkantoren</a><br/>
            &bull;<a href="#">Brievenbussen</a><br/>
            &bull;<a href="#">Postcodes</a><br/>
            &bull;<a href="#">Aangetekend</a>
</div>

dinsdag 3 april 2007 10:10

Acties:

mithras

Er wordt hier nu wat rond gestrooid met html en css. Het is denk ik handiger om hier nu eerst twee afbeeldingen te plaatsen: wat je wil bereiken en wat je nu hebt. Samen met de bijbehorende html/css kunnen we je beter helpen dan dit giswerk