✔ Bulletgrafik-Abstand zum Rand

Status
Nicht offen für weitere Antworten.
Homie25

Homie25

Erfahrenes Mitglied
Hi Leute,

kann mir da jemand vielleicht weiterhelfen? Ich habe eine Aufzählung mit eigenen Bulletgrafiken erstellt. So nun habe ich das Problem, dass die LI nicht am Rand der einzelnen eingeramten Boxen anfangen, sondern mit einem Abstand zum Rand.

Was kann ich dagegen tun? Hier

P.s: ich weiß, der Code ist echt dirty aber mir ging es erst mal ums Gerüst :rtfm:
 
Hat sich erledigt, habe beim <ul> Tag auf 100% gestellt und jetzt gehts:D

hier der Code
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<style type="text/css">
		LI {
			list-style-image: url(images/packet_bullet.gif); display: inside; margin-right: 5px;font-family: verdana; font-size: 11px;
		}
	</style>
</head>

<body>

<div style="width: 398px;">
	<div style="width: 121px; border: solid 1px #B8C5D2; padding: 0px; margin: 0px; float: left;">
		<div style="height: 58px; background: url(images/packet_1.gif) no-repeat; margin: 0px; padding-bottom: 10px;"></div>
		
		<ul style="width: 100%; padding-top: 0px; margin-top: 0px; margin-left: 2px; padding-left: 16px;">
				<li>1x .de Domain</li>
				<li>hallo</li>
				<li>hallo</li>
				<li>hallo</li>
			</ul>
	</div>
	
	<div style="float: right; width: 121px; border: solid 1px #B8C5D2; margin: 0px; padding: 0px">
		<div style="height: 58px; background: url(images/packet_3.gif) no-repeat; margin: 0px; padding-bottom: 10px;"></div>
		
		<ul style="width: 100%; padding-top: 0px; margin-top: 0px; margin-left: 2px; padding-left: 16px;">
				<li>1x .de Domain</li>
				<li>hallo</li>
				<li>hallo</li>
				<li>hallo</li>
			</ul>
		
	</div>
	
	<div style="margin: 0px 139px 0px 136px; border: solid 1px #B8C5D2; padding: 0px;">
		<div style="height: 58px; background: url(images/packet_2.gif) no-repeat; margin: 0px; padding-bottom: 10px;"></div>
		
			<ul style="width: 100%; padding-top: 0px; margin-top: 0px; margin-left: 2px; padding-left: 16px;">
				<li>1x .de Domain</li>
				<li>hallo</li>
				<li>hallo</li>
				<li>hallo</li>
			</ul>
		
		
	</div>
</div>

</body>
</html>
 
Hallo Homie25,

versuch es mal mit den CSS-Eigenschaften margin und padding für das UL- und für das LI-Element. Beispielsweise so:
Code: 
ul {
           	margin: 20px;
           	padding: 0;
           }
  li {
           	list-style-image: url(images/packet_bullet.gif);
           /*	display: inside;       */
           	margin: 0;
           	padding: 0;
           }
Was soll "display:inside" sein?
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück