Jump to content
  • 0

Фото за рамку


Gotafak
 Share

Question

Всем добрый день. У меня есть масштабная проблемка так сказать)

Есть рамка

border: 1px solid black;

Есть картинка, если указываю width: ***px, то тогда при масштабировании фото уходит за рамку.

Если же указываю width: ***%, то тогда независимо от размера текста фото одного размера. текст мааааленький, а фото большое, текст большой, а фото маленькое....)))(ну в сравнении если смотреть) . Что делать?

Я думаю надо как то сделать через width: ***px; но что бы он не выходил за рамку(при приближении).

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

у меня код на картинку мою, на компе. я не заливал ещё сайт.

В общем, вот проблема:

Имею сайт. Есть рамка, есть картинка.

рамка:

border: 1px solid black;

Если прописываю к изображению

width: 95%, то при масштабировании, текст уменьшается, а изображение большое, или текст увеличивается, становиться большой, а картинка по сравнению с ним маленькая.

Если прописываю к изображению

width: 200px; , то при масштабировании, фото уменьшается и увеличивается как надо, но вылезает за рамку...

Главное текст, принимает форму рамки, сжимается, сужается, а фото просто напросто не хочет, вылазит за рамку!

Link to comment
Share on other sites

  • 0
Border у body.

Уже стало страшно.

Где может быть текст?! в body

!@#$% везде, текст может быть почти везде!!

В общем, вам нужно читать азы. Что вам нужно здесь я так и не понял. Если просто изображение в рамке, то и прописывайте border к изображению. Если изображение не должно вылазить из родителя - родителю overflow:hidden, если родитель должен принимать размеры содержимого - display: inline-block. Но не трогайте для этих целей body.

http://jsfiddle.net/6YLkm/2/

Edited by zSpx
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