ANTICHAT

ANTICHAT (https://forum.antichat.io/index.php)
-   PHP (https://forum.antichat.io/forumdisplay.php?f=37)
-   -   html, css пару вопросов (https://forum.antichat.io/showthread.php?t=76352)

Alekzzzander 09.07.2008 14:22

раз эта тема поднялась, то не могли бы вы и мне не много помочь, мне требуеться, что бы рамки были расположены рядом, но если выставляю код один за другим, то они получаються друг под другом, как расположить их рядом?

код рамки:

Код HTML:

<fieldset>

Jer1cho 09.07.2008 14:39

Как вариант, поместить их в таблицу:
PHP код:

<table cellspacing="0" cellpadding="0">
    <
tr>
    <
td><fieldset>A</fieldset></td>
    <
td><fieldset>B</fieldset></td>
    <
td><fieldset>C</fieldset></td>
    </
tr>
</
table> 


MafiaBoy3 09.07.2008 15:38

Може так!
.co {
position: absolute;
top: 5px;
left: 7px
}

<div class="co"><fieldset></div>

-=Static=- 09.07.2008 19:14

Цитата:

Сообщение от Alekzzzander
раз эта тема поднялась, то не могли бы вы и мне не много помочь, мне требуеться, что бы рамки были расположены рядом, но если выставляю код один за другим, то они получаються друг под другом, как расположить их рядом?

код рамки:

Код HTML:

<fieldset>


Вот другой вариант)

PHP код:

<style>
fieldset{ 
    
float: left; 
    
margin: 0px 4px;
}
</
style>

<
fieldset>A</fieldset>
<
fieldset>B</fieldset>
<
fieldset>C</fieldset> 

Можно через <li> Сделать. Вообщем как больше нравится)

mff 09.07.2008 19:38

Еще legend вставить круто будет
Код HTML:

<fieldset><legend>legend</legend>content</fieldset>

Alekzzzander 09.07.2008 21:20

Цитата:

Сообщение от mff
Еще legend вставить круто будет
Код HTML:

<fieldset><legend>legend</legend>content</fieldset>

эт я знаю, но не всегда эта легенда нужна :)

procedure 10.07.2008 03:31

Понимаете, я просто попросил отредактировать мой код так, чтоб во всех браузерах или хотяб в опере и лисе показывал вид одинаково. А -2% чтоб верхняя рамка не была видна. И картинка как будто бы выходила свеху в будующем там все будет реализовано с помщью js. Кто поможет тому + max

-=Static=- 10.07.2008 04:13

Цитата:

Сообщение от procedure
Понимаете, я просто попросил отредактировать мой код так, чтоб во всех браузерах или хотяб в опере и лисе показывал вид одинаково. А -2% чтоб верхняя рамка не была видна. И картинка как будто бы выходила свеху в будующем там все будет реализовано с помщью js. Кто поможет тому + max

Ты выложи код всей страницы и картинку как должно быть. А то так как у в разных браузерах поразному, то и не оч понятно, что ты хочешь получить?)

mff 10.07.2008 14:15

Цитата:

Сообщение от -=Static=-
Ты выложи код всей страницы и картинку как должно быть. А то так как у в разных браузерах поразному, то и не оч понятно, что ты хочешь получить?)

Да! Скрин и код нужен! :)

procedure 13.07.2008 00:56

вот:
PHP код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<
html> 
<
head> 
<
style>  

body{ 
    
margin: 0px; 
    
padding: 0px; 
    
background: #4c4c4c; 
} 

a {color: #FFFFFF;} 
a:hover {text-decoration: none;} 

div.li {  
    
color: #FFFFFF;  
    
background: #00AA00; 
}  

div.li div.li1{ 
    
margin: 0% 66% 0% 25%; 
    
border: 3px solid #FFFFFF; 
    
background: #000000; 
} 

div.li div.li2{ 
    
margin: -1.8% 53% 0% 40%; 
    
border: 3px solid #FFFFFF; 
    
background: #000000; 
} 
</
style>  
</
head> 
<
body>  
<
div class="li">  
<
div class="li1">  
    <
a href="#">Новости</a>  
</
div> 
  
<
div class="li2">  
    <
a href="#">Книги</a> 
</
div>  
</
div>  

</
body> 
</
html> 

это в увеличенном виде страница. На глаз не ровности не видно. Но если поменять разршение. + в кнопках нужно чтоб рамка обтекала текст ровно. Даже при смене текста в кнопке. Что посоветуете делать?
http://img297.imageshack.us/img297/3899/123le1.th.jpg


Время: 17:01