7 replies [Last post]
realin
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2007-02-17
Posts: 20
Points: 0

hi guys,

i Know this problem is simple for you.. but i am jus unable to do it.. the picture is self explaining, i want the text should start right from the left but this thing is showing some space in its left but works fine with IE, the space is shown in mozilla..

please help me

it the image doesnt show then the direct link is

http://img204.imageshack.us/my.php?image=sapd9.jpg

#editor{ background:#f4f4f4; padding:6px; width:520px;

}
.format ul li{
list-style:none;
display:inline;
}

.format ul{
margin:10px;
border:2px solid green;
}
.format li a{
color:black;
padding:5px;
text-decoration:none;
}

.format li a:hover{
background:#CCCCFF;
}

THe html goes like this




    <?Php
    $list=array('b','i','u');
    foreach($list as $k){
    echo"
  • $k
  • ";
    }
    ?>


  • <?php
    $i=10;
    while($i!=21){
    echo "$i";
    $i++;
    }
    ?>

Type your post here


thanks for your time

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 4 years 46 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

HTML, not PHP

Can you post the resulting HTML, not the source PHP? We need to see the code that the browser sees to understand what's going on.

Also, can you please describe the issue more specifically? Is the problem with the spacing of the letters in the input field, or with the letters in the green box?

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

realin
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2007-02-17
Posts: 20
Points: 0

<div id='editor'> <div

Type your post here


hey mate here is the code which browser gets, i have pasted it using view source option

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 14 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9767
Points: 3849

The <ul|ol> elements are

The <ul|ol> elements are indented using margin-left in IE and Opera, while Moz/Gecko browsers and Konqueror/Safari use padding-left. You haven't zeroed the padding.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 4 years 46 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

Padding on the UL

Realin,

You didn't clarify the problem, so I am guessing as to what it is. Also, thanks for the source code, but of course I can't see the .PNG images since they're locally referenced. But I think you're trying to move the bold button closer to the green border on the left.

It's the padding on the UL that is causing the trouble. Adding a padding: 0; specification to the UL style declaration cleared things up for me.

Good luck! Smile

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

realin
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2007-02-17
Posts: 20
Points: 0

Katie wrote:Realin, You

Katie wrote:
Realin,

You didn't clarify the problem, so I am guessing as to what it is. Also, thanks for the source code, but of course I can't see the .PNG images since they're locally referenced. But I think you're trying to move the bold button closer to the green border on the left.

It's the padding on the UL that is causing the trouble. Adding a padding: 0; specification to the UL style declaration cleared things up for me.

Good luck! Smile

yeah thanks a lot mate.. that solves my problem.. sorry for being n00b Laughing out loud

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 37 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

like Gary posted then

Laughing out loud like Gary posted then

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 4 years 46 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

(Gary must type faster than

(Gary must type faster than I do.) Wink

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon