رفتن به مطلب

سوال در مورد css و html


پست های پیشنهاد شده

سلام دوستان

2 تا سوال داشتم ممنون می شم راه نماییم کنید

اول اینکه یک متن رو که بدون هیچ لینکی قرار هست باشه رو بهتره توی چه تگی قرار بدیم تا بتونیم بهش استایل بدیم؟

و اینکه تصویر پیوست شده رو ببینید لطفاً

برای اینکه متنی که در هیدر هست رو بیارم وسط اون خطر آبی رنگ باید به تگ مورد نظرش چه استایلی بدم؟

post-1229-0-08333400-1383759460_thumb.pn

ممنون

لینک به ارسال

سلام براي مورد اول :


<p class = "test">

</p>
html
----------------------------------
p.test{
}
css

واسه مورد دوم text-align رو اگه درست متوجه شده باشم مساوي center بزار

لینک به ارسال

سلام دوستان

2 تا سوال داشتم ممنون می شم راه نماییم کنید

اول اینکه یک متن رو که بدون هیچ لینکی قرار هست باشه رو بهتره توی چه تگی قرار بدیم تا بتونیم بهش استایل بدیم؟

و اینکه تصویر پیوست شده رو ببینید لطفاً

برای اینکه متنی که در هیدر هست رو بیارم وسط اون خطر آبی رنگ باید به تگ مورد نظرش چه استایلی بدم؟

post-1229-0-08333400-1383759460_thumb.pn

ممنون

با سلام.در مورد سوال دومتون باید از کد زیر استفاده کنید :


margin-top : 200px; مقدارش رو می تونید تغییر بدید

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

لینک به ارسال
  • 1 ماه بعد...

سلام

یه تاپیک جدید نزدم تا خلاف قوانین نباشه

فرض کنید دو تا دایو به شکل مربع دارم که یکی داخل اون یکی هست. اولی بزرگتر دومی کوچکتر چطور می تونم محل قرار گیری مربع دوم رو توی مربع اول مشخص کنم.

position:absolute

رو هم امتحان کردم جواب نداد. یعنی از مربع اول خارج می شه

padding

هم فقط باعث افزایش طول و عرض مربع دوم می شه

margin

هم جای مربع اول رو تغییر می ده

لینک به ارسال

شما خودت می گی و خودت هم جواب می دی خودت هم رد می کنی

خسته نباشید

به parent خاصیت


position:relative;

بدید و به child


position:absolute

و با مقدار دادن به top left right bottom جاش را مشخص کنید

لینک به ارسال

اشکال این؟

<html>

<style>

.one{position:relative;border: 2px solid #FF9955;width=100px,height=100px;}

.two{position:absolute;top:10px;left:5px; border: 2px solid #ff8844;width=50px;height=50px;}

</style>

<body>

<div class="one">

<div class="two">

</div>

</body>

</html>

تشکر

لینک به ارسال

سلام

یه تاپیک جدید نزدم تا خلاف قوانین نباشه

فرض کنید دو تا دایو به شکل مربع دارم که یکی داخل اون یکی هست. اولی بزرگتر دومی کوچکتر چطور می تونم محل قرار گیری مربع دوم رو توی مربع اول مشخص کنم.

position:absolute

رو هم امتحان کردم جواب نداد. یعنی از مربع اول خارج می شه

padding

هم فقط باعث افزایش طول و عرض مربع دوم می شه

margin

هم جای مربع اول رو تغییر می ده

اشکال این؟

<html>

<style>

.one{position:relative;border: 2px solid #FF9955;width=100px,height=100px;}

.two{position:absolute;top:10px;left:5px; border: 2px solid #ff8844;width=50px;height=50px;}

</style>

<body>

<div class="one">

<div class="two">

</div>

</body>

</html>

تشکر

بهتره HTML/CSS رو از پایه شروع کنید


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.one{border: 2px solid #f00;width:200px;height:200px;}
.two{top:10px;left:5px; border: 2px solid #0f0;width:50px;height:50px;position:relative}
</style>
</head>

<body>
<div class="one">
<div class="two">
dsadas
</div>
</div>

</body>
</html>

لینک به ارسال

خیلی متشکر ولی این که استاد گفت به اولی relative بدم به دومی absolute چی؟ اگه می شه کد رو این طوری هم بنویسید

لینک به ارسال

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.one{border: 2px solid #f00;width:200px;height:200px;position:relative}
.two{top:10px;left:5px; border: 2px solid #0f0;width:50px;height:50px;position:absolute}
</style>
</head>
<body>
<div class="one">
<div class="two">
dsadas
</div>
</div>
</body>
</html>

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...