2013-06-17 2 views
0

http://i.stack.imgur.com/XZI9d.pngНе может позиционировать DIV правильно

It изображения выше, я стараюсь, чтобы получить текст прижиматься к левой части строки меню и под заголовком. Я пробовал как маржу, так и прописку, но мне не повезло. Все кнопки находятся в отдельном теге из текста. Код ниже.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<style> 
body 
{ 
    background-image: url(Background.gif); 
    repeat: no-repeat; 
    background-repeat: no-repeat; 
} 

div.button 
{ 
width: 220px; 
padding:0px, 0px, 0px, 30px; 
border:0px; 
margin:0px; 
} 

div.textbox 
{ 

    border: 0 px; 
    margin-top: 300 px; 
    margin-left: 300 px; 
    background-color: white; 
    opactiy: 0.5; 
    width: 600 px; 



} 

span 
{ 
    width: 600 px; 
    padding: 90 px, 0 px, 0 px, 250px; 
    font-family: "Letter Gothic Std Bold"; 
    font-size: 16 pt; 
    color: #99CCFF; 
    top: 300px; 
    left: 300px; 
} 
</style> 
</head> 


<body> 

<div class = "textbox"><span> 
text text text 
</span></div> 

<div class = "button"> 
<br> 
<br> 
<br> 
<br> 
<img src="DarkLayout_03.gif" width="166" height="66" /> 
<br> 
<br> 
<br> 
<img src="DarkLayout_06.gif" width="166" height="66" /> 
<br> 
<br> 
<br> 
<a href="mailto:[email protected]"><img src="DarkLayout_08.gif" width="166" height="66" /></a> 
<br> 
<br> 
<br> 
<a href = "http://notafilmnoirheroine.tumblr.com"><img src="DarkLayout_11.gif" width="166" height="66" /> 
<br> 
<br> 
<br> 
<a href = "http://swy5105.tumblr.com"> <img src="DarkLayout_13.gif" width="166" height="66" /></a> 
</div> 



</body> 
</html> 
+1

Обеспечить скрипку ссылки вашего кода с изображениями, а также снимок экрана о том, как вы хотите его отображать. – Nitesh

+0

Что со всеми этими бр, ты не знаешь, что существует граница? – ccd580ac6753941c6f84fe2e19f229

ответ

0

Попробуйте использовать поплавок слева, затем очистите его после этого.

+0

Поплавок слева вместо заполнения/поля слева? (Извините, если это кажется глупым вопросом). – user2458123

+0

что я имею в виду на каждом из вас. – JNGarcia87

+0

Не повезло. Я добавил поплавки в стиле, хотя, так что дайте мне знать, если это было неправильно. – user2458123

0

попробовать что-то вроде этого

скрипки: http://jsfiddle.net/pWurk/

у должно использовать float: left

я надеюсь, что это поможет U

+0

Спасибо! <3 Я действительно ценю это! – user2458123

Смежные вопросы