طراحی قالب

چطور میشه یک قالبی طراحی کرد که طول اون با مطلبی که درش قرار میگیره در ارتباط باشه
یعنی اگر مطلب طولانی تر از اندازه قالب شد از قالب بیرون نزنه و قالب در ارتباط با شه با متن

برای قسمت هایی که متن محتوا داخلش قرار می گیره ارتفاع رو مقدار ثابت قرار ندین.
Css کار کردین ؟ چقدر درباره Html اطلاعات دارین ؟

css و html تقریبا مشکلی ندارم

php هم شروع کردم

اگر سی اس اس بلدید این یکی از ساده ترین کارها در سی اس اس هست!
مثلاً برای یک باکس سه تا استایل تعریف میشه ، یکی برای بالای باکس ، یکی پایین باکس و یکی دیگه هم یک تصویر تکرار شونده در راستای طول در بین استایل های بالا و پایین باکس مورد نظر ...
بستگی به نوع کاری که میخواید انجام بدید با سی اس اس خیلی کارهای جالبی میشه انجام داد....

منظورت از باکس همون frame???
لطفا توضیح بیشتری بدید

---------- Post added at 12:49 AM ---------- Previous post was at 12:42 AM ----------

من به این ترتیب برای قسمتی که میخوام توش بنویسم عمل میکنم

کد HTML:

---

<div ="style=position:basolute; left:auto; top:auto"></div>

---

این تگ رو به هر جایی از صفحه که بخوام میبرم و تا به حال برای این قسمت از قالبم از سی اس اس استفاده نکرده بودم
بیشتر برای منوی سایتم از سی اس اس استفاده میکنم

یه راهنمائیم بکنید لطفا

دوست عزیز کدها که اینجوری نیازی به حفظ کردن ندارند! هر جا نیاز به یک موردی هست و این خط کدی که شما ارائه دادین برام عجیبه...

به هر حال :
توضیح نمونه برای یک قالب که با div طراحی شده :

یک طرحی روی کاغد یا تو ذهنتون می کشید.
Div ها رو در فایل html یا php مرتب می کنید. برخی DIV ها داخل بعضی دیگه قرار میگیرند و ...
حالا برای اون موردی که شما میخواید میشه در فایل سی اس اس به دایو سه تا استایل داد. یکی برای بالا و یکی برای پایین و یکی برای وسط که یک تصویر تکرار شونده را در راستای قائم در استایلی که به بدنه دایو دادین تعریف می کنید...

حالا اگه با جدول (TABLE) بخواهید انجام بدید:
یک جدول درست می کنید با سه ردیف
به ردیف بالا استایلی که برای بالای اون باکستون میخواید رو میدین
به ردیف وسط استایل تکرار شونده در راستای قائم رو میدین
به ردیف پایین هم استایل تمام شونده باکس رو میدین ....

اگر سی اس اس و اچ تی ام ال کار کرده باشید صد در صد منظورم رو متوجه خواهید شد ...

از div ها استفاده میکنم چون طبق چیزی که تجربه کردم جداول سرعت لود رو پائین میارن

وقتی گفتید باکس کمی گیج شدم چون نشنیه بودم
ممنون از راهنمائیتون با این پست آخر کاملا متوجه شدم

الان سایتی که در امضاتون قرار دادین برای منوهای کناری به این شکل استفاده کرده :

استایل بالا :
.menu1caption
---------
استایل تکرار شونده در وسط :
.menu1text
تصویر تکرار شونده در راستای قائم :
images/menu3.jpg
---------
و....

منوی سایت من از سه عکس تشکیل شده درسته؟
بالا پائین و وسط
سی اس اس نیست؟
هست؟


یه سوال دیگه اینکه توی سایت من تصویر بالای سایت یک عکس تغریبا بزرگه اما وقتی توی کد سی اس اس میرم میبینم براش مقدار ریپیت رو قرار داد

چرا ؟اون عکس مگه نیاز به ریپیت داره؟

تا جایی که من دیدم سی اس اس بود

کد HTML:

---

        <style type='text/css'>

        .highslide-html {
            background-color: white;
        }
        .highslide-html-content {
                position: absolute;
            display: none;
        }
        .highslide-loading {
            display: block;
                color: black;
                font-size: 8pt;
                font-family: sans-serif;
                font-weight: bold;
            text-decoration: none;
                padding: 2px;
                border: 1px solid black;
            background-color: white;

            padding-left: 22px;
            background-image: url(plugins/my_gallery/highslide/graphics/loader.white.gif);
            background-repeat: no-repeat;
            background-position: 3px 1px;
        }

        .control {
                float: right;
            display: block;
            /*position: relative;*/
                margin: 0 5px;
                font-size: 9pt;
            font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
                color: #999;
        }
        .control:hover {
                color: black !important;
        }
        .highslide-move {
            cursor: move;
        }

        .highslide-display-block {
            display: block;
        }
        .highslide-display-none {
            display: none;
        }
        </style>
       
<!-- ======== #0 white-10px ============ -->

<script type='text/javascript'>
    hs.graphicsDir = 'plugins/my_gallery/highslide/graphics/';
    window.onload = function() {
        hs.preloadImages(5);
    }
</script>

---