Jump to content
  • 0

Картинка и отступы от краев (таблица), как убрать?


Accessdenied
 Share

Question

Чето не пойму в чем дело. Таблица как надо, вот код:

taichi.gif

———

отображается как с border или cellspacing.. Вот картинка, синим показанно, что отступы не нужны, как от них избавится?

http://img247.imageshack.us/my.php?image=tableaky9.jpg

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Ех, никак не пойму в ч?м дело, несколько проблем, вот сайт: www.myosotis.lv

1)В Мозилле если уменьшить окно и рефреш сделать, но вс? справо образается;

2)во всех браузерах снизу есть отступ, хоть я и указал в цсс паддинг и маргин.. в опере отступ и сверху..

3)плавают языковые флажки..

Помогите, чем сможите, спс. :lol:

CSS:

body{margin:0px; padding:0px; border:0px;}

A img{text-decoration:none; border:none;}

A:link {text-decoration:none; font-size:18px; color: #989a9d; font-family: Arial, Helvetica, sans-serif;}

A:visited {}

A:active {}

A:hover {color:#FF99FF;}

#general {

background-image: url(images/fanfan.jpg);

background-position:left top;

background-repeat: no-repeat;

height:1000px; border:0;

overflow-x:hidden; overflow-y:auto;

}

#lang_selector {width:60px; height:35px; position:absolute; top:5px; right:0px; border:0;}

#main_text {width:410px; height:410px; position:relative; left:560px; top:40px; border:0;}

#buttons {width:20px; height:360px; position:relative; left:640px; border:0;}

h1 {position:relative; left:620px; top:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; width:0px; height:20px; color:#989a9d;}

#hr1 { position:absolute; left:450px; width:500px; top:50px;}

Link to comment
Share on other sites

  • 0

body{margin:0px; padding:0px; border:0px;}

у body нет бордера, поэтому его можно не ставить равным нулю.

плюс вопрос на засыпку - чем отличаются 0 пикселей от 0 сантиметров? правильно, ничем, поэтому px указывать ни к чему. единицы требуются в css только при значениях, отличных от нуля.

A img{text-decoration:none; border:none;}

определись уж, border:0 или border:none используешь. оптимальнее всего явно говорить border-width:0;

какой может быть текст-декорейшен у картинки в принципе? абсолютно бесполезное объявление в данном месте.

background-image: url(images/fanfan.jpg);

background-position:left top;

background-repeat: no-repeat;

объедини в общий background...

в общем примерно такой вот в качестве дефолтового шаблона стилей бери:

html,body,p,div,table,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
img,table {border-width:0;}

от него уже пляшешь при разделении документа на блоки/таблицы

Link to comment
Share on other sites

  • 0

Так, вроде бы со всем разобрался, но вот осталась одна проблема - с флажками. Нуу как же сделать что бы при уменьшении окна браузера они не были видны, что бы их можно было бы увидеть только с образовавшейся гориз. полосой прокрутки. ну на можете зайти на сайт и посмотреть www.myosotis.lv . Эти флажки плавают по правой стороне окна, а надо что бы они были всегда в самом правом углу, но за меню, по правую сторону всего всегда. Как это сделать? Нельзя писать absolute & left:xxx px, так как тогда при большом разрешении флажки не будут совсем справо..

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy