رفتن به مطلب

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


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

سلام دوستان

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

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

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

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

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

ممنون

لینک به ارسال

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


<p class = "test">

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

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

  • امتیاز 6
لینک به ارسال

سلام دوستان

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

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

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

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

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

ممنون

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


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

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

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

سلام

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

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

position:absolute

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

padding

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

margin

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

لینک به ارسال

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

خسته نباشید

به parent خاصیت


position:relative;

بدید و به child


position:absolute

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

  • امتیاز 5
لینک به ارسال

اشکال این؟

<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>

  • امتیاز 3
لینک به ارسال

<!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>

  • امتیاز 3
لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...